2017年08月_赏花赏景赏时光

原创 js获取url中的解析字符串

js获取url中的解析字符串，参考链接如下： url = https://zhidao.baidu.com/question/1768422895052400180.html?fr=iks&word=slice&ie=gbk方法一：主要是通过三步：1、indexOf()函数找到解析字符串的位置（包含？）2、slice()获取解析字符串3、split()将变量放在数组里面代码如下：/...

2017-08-30 19:39:38 4778 4

原创微信小程序：button组件的边框设置

button的边框是用:after方式实现的，用户如果在button上定义边框会出现两条线，需用:after的方式去覆盖默认值。如果设置了Button的背景色，没有用:after设置边框的颜色，则button的四个角会出现模糊的尖角。如下图所示：如上图四个角会模糊。.wxss代码如下：.clickEncryptBtn{ width:130px; border-radius: 3px; ...

2017-08-30 16:52:37 28866 2

原创微信小程序下拉刷新界面

利用onPullDownRefresh函数设置下拉刷新功能一、在app.json中，将window选项中的enablePullDownRefresh设为true "window":{ "enablePullDownRefresh":true } 或者在要刷新的界面的XXX.json中设置enablePullDownRefresh设为true

2017-08-29 15:33:34 10390

问题：有时候，在模拟器上UI效果显示正常，但是在android上显示的UI布局就乱了。这其中一种可能是因为父组件设置了属性 box-sizing: border-box;子组件加起来的宽度超过了父组件的宽度，从而导致显示的效果是：父组件还是正常显示在原来设定的位置上，而子组件则往下移动了，导致UI变乱。按照常理，当子组件的宽度大于父组件的宽度，会把父容器这个盒子给撑大，但是在微信小程序中，父容器还...

2017-08-26 20:35:57 21384

原创小程序组件居中问题

在小程序中实现居中的功能是经常用到的，比如在text组件中让文本内容在竖直（水平）方向自动居中、让图片显示在页面的中央等。使用弹性布局flex可以轻松搞定。对容器的display设为flex，如display:flex利用水平方向属性justify-content和竖直方向属性align-items实现水平居中、竖直居中、在中心显示。.wxml代码如下:<view> <te...

2017-08-26 16:29:23 5827

原创 app.json Expecting 'STRING','NUMBER','NULL','TRUE','FALSE','{','[',']', got INVALID

控制台对app.json报错： VM1945:2 app.json Expecting 'STRING','NUMBER','NULL','TRUE','FALSE','{','[',']', got INVALID。app.json代码如下：{ "pages":[ "pages/main/simple/text", "pages/main/advanced/text", ...

2017-08-24 16:34:56 23822 3

原创微信小程序中初始化完成自动切换到设定的tab页

我们使用app.json文件来对微信小程序进行全局配置，决定页面文件的路径、窗口表现、设置网络超时时间、设置多 tab 等。如果我们的小程序是一个多 tab 应用（客户端窗口的底部或顶部有 tab 栏可以切换页面），那么我们可以通过 tabBar 配置项指定 tab 栏的表现，以及 tab 切换时显示的对应页面。在微信小程序中，我们想设置多tab页的话，可以通过在app.json中设置tabBar...

2017-08-24 15:11:39 11605 1

原创 app.json中未配置

问题：app.json中未配置当前页面pages/main/mine/text请检查后重试，如下面所示：但是在tabBar的list里面的确已经有定义了，代码如下："tabBar": { "color": "#7A7E83", "selectedColor": "#3c...

2017-08-19 17:06:30 5146

原创微信小程序获取openid中的问题

在官方文档中获取微信小程序openid的操作方法如下：主要是利用wx.login()和wx.request()函数，代码如下：onLaunch: function() { wx.login({ success: function (res) { if (res.code) { //发起网络请求 wx.request

2017-08-18 21:29:47 21139

原创 css 盒子布局的问题

在微信小程序之中，对盒子布局的时候，我们要注意布局大小不要超过页面的宽度，否则会出现布局混乱的问题这是.wxml内容：复制密文点击加密这是.wxss.encryption{ box-sizing: border-box; displa

2017-08-16 20:52:18 369

原创微信小程序中踩过的坑 input textarea swiper

微信小程序中踩过的坑1、input组件的问题：在input聚焦期间，不能做css动画，否则input中的placeholder会错位如果动画和聚焦都想要的话，那么可以在动画完成之后，在设置聚焦2、请勿在 scroll-view 中使用 textarea、map、canvas、video 组件 swiper和swiper-item是继承scroll-vie

2017-08-16 20:29:56 20719 2

原创微信小程序真机预览跟本地不同的问题

真机跟本地样式不同：情况一：可能使用了ios或安卓某一端不兼容的样式属性；目前编辑器检查越来越严格，标签不闭合可能导致一些奇怪的问题；情况二：使用了开发工具内的压缩代码，样式自动补全等设置，这些设置有时候会存在BUG会导致一些css丢失等问题；可以在取消部分设置后重试；情况三：颜色不对，或者设置颜色无效，请使用十六进制颜色码代替英文颜色；

2017-08-15 17:13:59 3121 1

原创 can not find xxx.json file，或者文件读取失败，请检查后重新编译。

一：微信小程序—未找到入口 app.json 文件，或者文件读取失败，请检查后重新编译。原因：在微信开发者工具中打开的文件路径不对如上面路径所示，pages文件夹上一个路径名时trunk，所以在微信开发者工具打开路径的最后一个文件夹是trunk在微信开发者工具打开的界面应该时这种形式： ...

2017-08-15 16:59:53 4166

原创微信小程序报错：this.setData is not a function

微信小程序报错：this.setData is not a function在page中定义的代码如下，代码会报错：this.setData is not a functionpasteEncryptedText:function(){ let decryptedPass = this.data.decryptedPassword; if (decryptedPass == ''...

2017-08-15 16:39:05 3609

原创微信小程序中调用page中自定义的函数

微信小程序中调用page中自定义的函数如下所示，在函数中如果不加this的话控制台会报错：this.initalEncryptedInput(); onLoad:function(){ this.initalEncryptedInput(); }Page({ data: { encryption: "color: green; border-bottom-color: gre...

2017-08-15 16:33:47 29493 1

原创微信小程序Page中data数据操作和函数调用

微信小程序Page中data数据获取和设置一、Page中data数据的获取和设置：1、设置data数据 this.setData(object)setData() 参数格式：接受一个对象，以 key，value 的形式表示将 this.data 中的 key 对应的值改变成 value。其中 key 可以非常灵活，以数据路径的形式给出，如 array[2].message，a.b.c.d，并且不...

2017-08-15 16:03:34 8691

原创不能读取变量的length属性

控制台输出的信息为：Uncaught TypeError:cannot read property 'length' of null出现这种现象的原因：变量s为字符类型时，s=null的时候，当用var len = s.length，就会报上面的错误解决方法：用if语句判断s为null的时候，将s改成：s='';

2017-08-12 18:31:58 2263

原创长轮询

长轮询的定义：1、长轮询是传统轮询（短轮询）的一个翻版，即浏览器定时向服务器发送请求，看看有没有数据更新2、页面发起一个到服务器的请求，然后服务器一直保持连接打开，直到有数据可发送。发送完数据之后，浏览器关闭连接，随即又发起一个到服务器的新请求。这一过程在页面打开期间一直持续不断。长轮询和短轮询的相同点：浏览器都要在接收数据之前，先发起对服务器的连接长轮询和短轮询的不同点：最大的区别在于服务器如何...

2017-08-05 23:08:30 885

原创将两个并列的元素的属性设为inline-block的影响

将两个并列的元素的属性设为inline-block的影响这是html代码： *用户名错误 *密码错误 *验证码错误登陆注册忘记

2017-08-05 22:27:35 1174

原创 jquery中的attr()和prop()的区别

jquery中的attr()和prop()的区别通过prop方法获取checked属性，获取的checked返回值为boolean，选中为true,否则为flase 如果使用attr方法获取时，如果当前input中初始化未定义checked属性，则不管当前是否选中，$("#selectAll").attr("checked")都会返回undefined；

2017-08-05 20:05:07 931

原创前端的一些插件和框架的CDN引用

一些框架和插件的cdn引用1：bootstrapbootstrap.css的cdn引用：<link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.2.0/css/bootstrap.min.css" />bootstrap.js的cdn引用：<script src="http://i.gtimg.c...

2017-08-05 11:07:17 5143

原创 sublime text3安装并配置node.js环境

一、安装假设已经安装好sublime text3，并且安装了Package Control ，如果没有的话可以参考该链接安装点击打开链接，在本地安装了nodejsctrl + shift + p:调出控制面板，在下拉列表中选择Install Package，然后输入node，选择第一个，如下图所示：二、等安装完之后，对环境进行配置：1、点击Prefe

2017-08-03 15:14:09 3748

原创 sublime text3中对git的安装于环境配置

一：git的安装于环境配置1、下载git:点击打开链接（这个链接下载git速度比官网下载快）2、安装：使用默认设置，一路安装3、配置系统环境：找到电脑上的git安装中bin的路径，如：D:\git\Git\bin；同时，找到git安装路径中git-core的位置，如：D:\git\Git\mingw32\libexec\git-core；配置系统变量。右键“计算机”->“

2017-08-02 19:37:04 3758 2

原创 vue-router、vue-loader、vue-cli，vue-source，vuex的解析

vue-router、vue-loader、vue-cli的作用：vue-cli ：vue.js的脚手架，自动帮你搭建基本代码框架。脚手架就是帮你搭一个应用的代码框架。有人帮你把这个开发过程中要用到的工具、环境都配置好了，你就可以方便地直接开始做开发，专注你的业务，而不用再花时间去配置这个开发环境，这个开发环境就是脚手架。vue-router：vue.js的第三方插件，切换地址，不...

2017-08-02 16:21:36 1260

感恩、奋进、自信