2017年09月_qiphon3650

12月 11月 10月 09月 08月 07月 06月 05月

转载常用正则表达式

感觉百度都有但是还是收藏下吧 // 匹配手机号首尾，以类似“123****8901”的形式输出'12345678901'.replace(/(\d{3})\d{4}(\d{4})/, '$1****$2');此段正则匹配字符串中的连续11位数字，替换中间4位为*号，输出常见的隐匿手机号的格式。如果要仅得到末尾4位，则可以改成如下形式：// 匹配连续11位数字，并替换其中的前...

2017-09-26 10:57:48 224

转载小程序兼容

小程序的功能不断的增加，但是旧版本的微信客户端并不支持新功能，所以在使用这些新能力的时候需要做兼容。文档会在组件，API等页面描述中带上各个功能所支持的版本号。可以通过 wx.getSystemInfo 或者 wx.getSystemInfoSync 获取到小程序的基础库版本号。也可以通过 wx.canIUse 详情来判断是否可以在该基础库版本下直接使用对应的API或者组件兼容方

2017-09-25 17:10:29 1143

转载小程序基础组件

框架为开发者提供了一系列基础组件，开发者可以通过组合这些基础组件进行快速开发。什么是组件：组件是视图层的基本组成单元。组件自带一些功能与微信风格的样式。一个组件通常包括开始标签和结束标签，属性用来修饰这个组件，内容在两个标签之内。tagname property="value"> Content goes here ...tagname>注意：所有组件与属性都是小写

2017-09-25 16:45:18 470

转载 javascript 方法汇总

javascript 方法汇总Number 对象方法方法描述toString把数字转换为字符串，使用指定的基数。toLocaleString把数字转换为字符串，使用本地数字格式顺序。toFixed把数字转换为字符串，结果的小数点后有指定位数的数字。toExponent

2017-09-25 15:50:06 286

转载 js 位运算

转载自http://www.cnblogs.com/xljzlw/p/4231354.html我们可能很少在编程中用位运算，如果没深入学习，可能也很难理解。平时的数值运算，其实是要先转换成二进制再进行运算的，而位运算就是直接进行二进制运算，所以位运算的执行效率肯定是更高的。下面通过一些实例来加深对位运算的理解。按位与(&)&&运算符我们都知道，只有两个都为真，结果才为真。&

2017-09-25 15:23:00 286

转载 wxs 运算符

基本运算符同JavaScript示例代码：var a = 10, b = 20;// 加法运算console.log(30 === a + b);// 减法运算console.log(-10 === a - b);// 乘法运算console.log(200 === a * b);// 除法运算console.log(0.5 === a / b);// 取余运算

2017-09-25 14:19:18 1119

转载 wxs 注释

示例代码：wxs module="sample">// 方法一：单行注释/*方法二：多行注释*//*方法三：结尾注释。即从 /* 开始往后的所有 WXS 代码均被注释var a = 1;var b = 2;var c = "fake";wxs>

2017-09-25 14:17:27 693

转载 wxs 变量

概念WXS 中的变量均为值的引用。没有声明的变量直接赋值使用，会被定义为全局变量。如果只声明变量而不赋值，则默认值为 undefined。var表现与javascript一致，会有变量提升。变量名变量命名必须符合下面两个规则：首字符必须是：字母（a-zA-Z），下划线（_）剩余字符可以是：字母（a-zA-Z），下划线（_），数字（0-9）保留标识符

2017-09-25 14:14:56 1301

转载 WXS 模块

WXS 代码可以编写在 wxml 文件中的标签内，或以 .wxs 为后缀名的文件内。模块每一个 .wxs 文件和标签都是一个单独的模块。每个模块都有自己独立的作用域。即在一个模块里面定义的变量与函数，默认为私有的，对其他模块不可见。一个模块要想对外暴露其内部的私有变量与函数，只能通过 module.exports 实现。.wxs 文件在微信开发者工具里面，右

2017-09-24 17:04:35 11145 6

转载引用

WXML 提供两种文件引用方式import和include。importimport可以在该文件中使用目标文件定义的template，如：在 item.wxml 中定义了一个叫item的template：template name="item"> text>{{text}}text>template>在 index.wxml 中引用了 item.wxml，就可

2017-09-24 16:21:37 208

转载事件

什么是事件事件是视图层到逻辑层的通讯方式。事件可以将用户的行为反馈到逻辑层进行处理。事件可以绑定在组件上，当达到触发事件，就会执行逻辑层中对应的事件处理函数。事件对象可以携带额外信息，如 id, dataset, touches。事件的使用方式在组件中绑定一个事件处理函数。如bindtap，当用户点击该组件的时候会在该页面对应的Page中找到相应的事件处理函

2017-09-24 12:50:25 500

转载模板

WXML提供模板（template），可以在模板中定义代码片段，然后在不同的地方调用。定义模板使用 name 属性，作为模板的名字。然后在内定义代码片段，如：template name="msgItem"> view> text> {{index}}: {{msg}

2017-09-24 11:37:05 374

转载小程序条件渲染

wx:if在框架中，使用 wx:if="{{condition}}" 来判断是否需要渲染该代码块：view wx:if="{{condition}}"> True view>也可以用 wx:elif 和 wx:else 来添加一个 else 块：view wx:if="{{length > 5}}"> 1 view>view wx:elif="{{length > 2}}"

2017-09-24 10:57:52 919

转载列表渲染

wx:for在组件上使用 wx:for 控制属性绑定一个数组，即可使用数组中各项的数据重复渲染该组件。默认数组的当前项的下标变量名默认为 index，数组当前项的变量名默认为 itemview wx:for="{{array}}"> {{index}}: {{item.message}}view>Page({ data: { array: [{

2017-09-23 16:42:21 1878

转载 wxml数据绑定

WXML 中的动态数据均来自对应 Page 的 data。简单绑定数据绑定使用 Mustache 语法（双大括号）将变量包起来，可以作用于：内容view> {{ message }} view>Page({ data: { message: 'Hello MINA!' }})组件属性(需要在双引号之内)view id="item-{{id}}

2017-09-23 15:38:31 2180

转载 WXSS

WXSS(WeiXin Style Sheets)是一套样式语言，用于描述 WXML 的组件样式。WXSS 用来决定 WXML 的组件应该怎么显示。为了适应广大的前端开发者，WXSS 具有 CSS 大部分特性。同时为了更适合开发微信小程序，WXSS 对 CSS 进行了扩充以及修改。与 CSS 相比，WXSS 扩展的特性有：尺寸单位样式导入尺寸单位rp

2017-09-23 15:19:02 9909

转载 WXS

WXSWXS（WeiXin Script）是小程序的一套脚本语言，结合 WXML，可以构建出页面的结构。注意wxs 不依赖于运行时的基础库版本，可以在所有版本的小程序中运行。wxs 与 javascript 是不同的语言，有自己的语法，并不和 javascript 一致。wxs 的运行环境和其他 javascript 代码是隔离的，wxs 中不能调用其他 javascript 文件

2017-09-23 13:45:40 1021

转载小程序视图层wxml

视图层框架的视图层由 WXML 与 WXSS 编写，由组件来进行展示。（改了个叫法而已）将逻辑层的数据反应成视图，同时将视图层的事件发送给逻辑层。WXML(WeiXin Markup language) 用于描述页面的结构。WXS(WeiXin Script) 是小程序的一套脚本语言，结合 WXML，可以构建出页面的结构。WXSS(WeiXin Style Sheet) 用

2017-09-21 17:05:57 784

转载小程序模块化

文件作用域在 JavaScript 文件中声明的变量和函数只在该文件中有效；不同的文件中可以声明相同名字的变量和函数，不会互相影响。通过全局函数 getApp() 可以获取全局的应用实例，如果需要全局的数据可以在 App() 中设置，如：// app.jsApp({ globalData: 1})// a.js// The localValue can only b

2017-09-21 16:45:27 980

转载小程序路由

页面路由在小程序中所有页面的路由全部由框架进行管理。在计算机领域，堆栈是一个不容忽视的概念，堆栈是两种数据结构。堆栈都是一种数据项按序排列的数据结构，只能在一端(称为栈顶(top))对数据项进行插入和删除。堆，队列优先,先进先出（FIFO—first in first out）（就像火车过桥洞）。栈，先进后出(FILO—First-In/Last-Out) （弹夹上子弹）。

2017-09-21 16:17:25 1732

转载注册页面

PagePage() 函数用来注册一个页面。接受一个 object 参数，其指定页面的初始数据、生命周期函数、事件处理函数等。object 参数说明：属性类型描述dataObject页面的初始数据onLoadFunction生命周期函数--监听页面加载onReadyFunction生命周期函数--监

2017-09-21 15:15:03 1211

转载小程序逻辑层

逻辑层(App Service)小程序开发框架的逻辑层由 JavaScript 编写。逻辑层将数据进行处理后发送给视图层，同时接受视图层的事件反馈。在 JavaScript 的基础上，我们做了一些修改，以方便地开发小程序。增加 App 和 Page 方法，进行程序和页面的注册。增加 getApp 和 getCurrentPages 方法，分别用来获取 App 实例和当前页面栈。

2017-09-21 14:52:13 1406

转载初识小程序

1. 获取微信小程序的 AppID登录 https://mp.weixin.qq.com ，就可以在网站的“设置”-“开发者设置”中，查看到微信小程序的 AppID 了，注意不可直接使用服务号或订阅号的 AppID 。2.微信开发工具.js后缀的是脚本文件，.json后缀的文件是配置文件，.wxss后缀的是样式表文件app.js是小程序的脚本代码，我们可以在这个文件中监听并处理

2017-09-21 13:32:43 1647

转载哪些地方会出现css阻塞，哪些地方会出现js阻塞？

js 的阻塞特性：所有浏览器在下载 JS 的时候，会阻止一切其他活动，比如其他资源的下载，内容的呈现等等。直到 JS 下载、解析、执行完毕后才开始继续并行下载其他资源并呈现内容。为了提高用户体验，新一代浏览器都支持并行下载 JS，但是 JS 下载仍然会阻塞其它资源的下载(例如.图片，css文件等)。　　由于浏览器为了防止出现 JS 修改 DOM 树，需要重新构建 DOM 树的情况，所以就会

2017-09-20 10:52:49 2411

原创 js库

Particles.js — 一个用来在 web 中创建炫酷的浮动粒子的库Three.js — 一个用来在 web 中创建 3d 物体和 3d 空间的库Fullpage.js— 快速实现全屏滚动特性Typed.js — 打字机效果Waypoints.js — 滚动到某个元素位置时触发一个功能Highlight.js — web 语法高亮Chart.j

2017-09-18 17:19:37 664

原创 three.js

github 地址https://github.com/mrdoob/three.js待更新

2017-09-18 17:15:36 349

原创 particles.js

web 中创建炫酷的浮动粒子的库github地址 https://github.com/VincentGarreau/particles.jsHosting / CDNPlease use this host or your own to load particles.js on your projectshttp://www.jsdelivr.com/#!

2017-09-18 17:02:27 588

转载 js起步

JavaScript 参考文档JavaScript 指南控制流程Block一个块语句可以用来管理零个或多个语句。该区块是由一对大括号分隔。break终止当前的循环，switch，label 语句，使程序跳到下一个语句执行。continue终止执行当前或标签循环的语句，直接执行下一个迭代循环。Empty空语句用来表示没有语句的情况，尽管 JavaScr

2017-09-15 17:14:38 276

转载 js对象中什么是可枚举性(enumerable)？

概念可枚举性（enumerable）用来控制所描述的属性，是否将被包括在for...in循环之中。具体来说，如果一个属性的enumerable为false，下面三个操作不会取到该属性。* for..in循环* Object.keys方法* JSON.stringify方法var o = {a:1, b:2};o.c = 3;Object.definePropert

2017-09-15 13:27:13 2226

原创 php查询字符的编码格式

就是代码：$encode = mb_detect_encoding($_REQUEST['city'], array("ASCII","UTF-8","GB2312","GBK","BIG5")); echo $encode;查询字符的编码格式

2017-09-14 10:12:16 6812

原创 phputf-8和GB2312相互转换

没别的就是一段代码$qiphon= iconv("utf-8","gb2312//IGNORE",$qiphon);utf-8转成gb2312就是这个格式了，后边的ignore是很必要的，同理gb2312转utf-8也是一样的

2017-09-14 09:31:57 8062 1

转载编码格式转换

function toUnicode(s){ return s.replace(/([\u4E00-\u9FA5]|[\uFE30-\uFFA0])/g,function(newStr){ return "\\u" + newStr.charCodeAt(0).toString(16);

2017-09-13 17:31:14 411

原创原生ajax POST请求

话不多说，看代码 var data = {//这种格式是需要转成jsonstring的 action:action, diyid:diyid, do : _do, dede_fields:dede_fields,

2017-09-13 16:58:46 7402

原创 3d盒子代码

正方体盒子 *{ margin:0; padding:0; list-style:none; } .cube{ position: relative;

2017-09-11 18:52:05 844

转载 html table表格导出excel的方法

先上代码 var idTmr; function getExplorer() { var explorer = window.navigator.userAgent; //ie if (explorer.indexOf("MSIE") >= 0) { re

2017-09-10 11:28:58 5518 1

转载虚拟机安装教程

教程地址http://mp.weixin.qq.com/s/IazQsykTp-yvK9c7dhf1NA【更正】在smc.present = “TRUE”后回车，加一行 smc.version = 0Windows电脑安装macOS系统工具：链接：http://pan.baidu.com/s/1hrJG7kS 密码：l7y7开启CPU VT模式：https://

2017-09-10 11:17:37 3321 1

转载 VT开启教程

VT开启教程PS:开VT之前，如果你电脑有360安全卫士并且开启了核晶防护要把核晶防护关掉，或者不知道你自己开没开晶核方式点击这里，不然有可能会造成开启了VT，却没办法正常使用的情况。1.VT是什么？为什么要开启VT？VT是一种虚拟化技术，可以扩大硬件的容量；即可以单CPU模拟多CPU并行，允许一个平台同时运行多个操作系统，并且应用程序都可以在相

2017-09-10 11:14:39 25280

转载浅谈web自适应

meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">/*数据计算公式 640/100 = device-width / x 可以设置其他设备根元素字体大小ihone5: 640 ： 100

2017-09-08 14:31:47 540

转载控制台API调试方法

利用控制台API更方便的调试Web应用许多年前，调试JavaScript代码无非就是在要调试的函数内部插入几句console.log()而已。有时你会发现问题的根源并不在于你正在查看的函数，而是出现在这些函数调用的其它函数内部。结果就是更多的console.log()被插入到代码中。整个过程通常还伴随着不时的吐槽。这种调试问题的缺点在于效率低下。如果你需要调查一个严重bug产生的根

2017-09-08 13:59:51 3924 2

转载 jquery的$.extend()、$.fn和$.fn.extend()

原文链接：http://caibaojian.com/jquery-extend-and-jquery-fn-extend.htmljQuery为开发插件提拱了两个方法，分别是：jQuery.fn.extend();jQuery.extend();jQuery.fnjQuery.fn = jQuery.prototype = {　　　init: function( s

2017-09-08 11:14:45 189