Visual Studio Code 是由 Microsoft(微软) 发布的一个免费的，开源的跨平台文本编辑器。他们基于在线编辑 Visual Studio Online (代号为 “Monaco”)，并结合 GitHub 的 Electron 实现的一个跨平台编辑器。他们在为程序员创建一个快速且高效工作环境方面取得巨大进步。 VS Code默认显示语言为英文，设置中文显示方法如下 ...
阅读全文js数组与字符串相互转换
toString() 数组转字符串 定义： toString() 方法可把数组转换为字符串，并返回结果。 语法： arrayObject.toString() 返回值： arrayObject 的字符串表示。返回值与没有参数的 join() 方法返回的字符串相同。 说明： 当数组用于字符串环境时，JavaScript 会调用这一方法将数组自动转换成字符串。但是在某些情况下，需 ...
阅读全文截取location.search，转换为一个对象
Location 对象是 Window 对象的一个部分，包含有关当前 URL 的信息，可通过 window.location 属性来访问。 window.location.search 从问号 (?) 开始的 URL（查询部分）。 以下代码，将当前页面的location对象所请求的参数转化为对象形式 function formatSearch(se){ if (typeof se !== "undefined") { ...
阅读全文CORS跨域资源共享，实现ajax跨域请求（php简单案例）
CORS是一个W3C标准，全称是”跨域资源共享”（Cross-origin resource sharing）。它允许浏览器向跨源服务器，发出XMLHttpRequest请求，从而克服了AJAX只能同源使用的限制。目前，所有现代浏览器都支持该功能，IE浏览器需要IE11+。 ajax跨域请求的header设置和案例 和传统ajax请求相比，CORS跨域请求的偶尔工 ...
阅读全文织梦DedeCMS文章自定义排序（按weight权重值）修改方法
DedeCMS文章排序方式orderby=''，默认值是 senddate 按发布时间排列，也可以按点击数、文章ID、评论数排列。但有时我们做文章排名，需要指定第一名到第三名在前面的自定义排序，织梦程序默认不能实现。这是我们就需要结合权重排序，修改下程序文件就可以完美支持，方法如下： 文章列表标签 dede:arclist 按权重排序的修 ...
阅读全文CSS3过渡 transition
之前我们整理了CSS3中的动画属性 Transform 转换，今天我们接着一起来看看CSS3中的另一个动画属性 Transition 过渡。 W3C标准中对css3的transition这是样描述的：“css的transition允许css的属性值在一定的时间区间内平滑地过渡。这种效果可以在鼠标单击、获得焦点、被点击或对元素任何改变中触发，并圆滑地以动画效果改 ...
阅读全文CSS3实现多行文本溢出显示省略号（…）
大家应该都知道用 text-overflow:ellipsis 属性，来实现单行文本的溢出显示省略号(…)。当然部分浏览器还需要加宽度width属性。 实现方法： { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } 效果如图（或点击这里查看demo）： 但是这个属性只支持单行文本的溢出显示省略号，如 ...
阅读全文CSS3 新版弹性盒子模型(Flex Box)
传统布局方案，基于盒状模型，依赖 display属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。
2009年，W3C 提出了一种新的方案—-Flex 布局，可以简便、完整、响应式地实现各种页面布局。目前，它已经得到了所有浏览器的支持，这意味着，现在就能很安全地使用这项功能。
Flex 布局是什么？】
Flex 是 Flexible Box 的缩写，意为”弹性布局”，用来为盒状模型提供最大的灵活性。弹性盒子由弹性容器(Flex container)和弹性子元素(Flex item)组成。弹性容器内包含了一个或多个弹性子元素。
禁用 WordPress 4.4+ 响应式图片功能（srcset和sizes属性）
WordPress 4.4版本开始，使用响应式图片（sizes和srcset属性），可以根据不同的条件（屏幕大小、可视区大小 和 屏幕分辨率等）为用户显示不同大小的图片，详见。 但对于大多数朋友来说，加载图片sizes和srcset属性一点意义也没有。另外,这个功能多张缩略图，会增加存储空间和服务器压力。 这个功能是默认开启的，如果你 ...
阅读全文CSS3 Transform 转换（制作旋转、位移、缩放等效果详解）
CSS3 transform 是什么？ transform 字面上是：变换；改变，使…变形；转换的意思。 在CSS3中 transform 的属性包括：旋转 rotate()、位移 translate()、缩放 scale()和扭曲(倾斜) skew()以及矩阵变形 matrix()。下面我们一起来看看CSS3中具体如何实现的吧。 语法： transform ： none | <transform-function> ...
阅读全文