- 博客(82)
- 收藏
- 关注
RSS订阅原创 实现vue的双向绑定（四）
vue双向绑定 - watcher目录1、vue实现双向绑定的必要方法1、vue实现双向绑定的必要方法模板的编译。即：{{}}的取值编译，指令的编译数据劫持，观察数据变化。即：表单值改变，需要更新model数据Watcher，利用发布订阅模式联系以上两者...
2019-05-09 17:30:48
214
原创 实现vue的双向绑定（三）
vue双向绑定 - 数据劫持目录1、vue实现双向绑定的必要方法2、完善observer内容1、vue实现双向绑定的必要方法模板的编译。即：{{}}的取值编译，指令的编译数据劫持，观察数据变化。即：表单值改变，需要更新model数据Watcher，利用发布订阅末模式联系以上两者2、完善observer内容observer作用为：给new MVVM时传递的data数据均添加ge...
2019-05-08 11:27:22
246
原创 实现vue的双向绑定（二）
vue双向绑定 - 模板的编译1、目录vue实现双向绑定的必要方法1.构建环境完善mvvm.js内容完善2.compile.js内容编译元素编译文本3.vue实现双向绑定的必要方法模板的编译。即：{{}}的取值编译，指令的编译数据劫持，观察数据变化。即：表单值改变，需要更新model数据Watcher，利用发布订阅末模式联系以上两者构建环境先将上篇文章中的#app内容修改如下 <...
2019-05-07 11:28:07
346
原创 实现vue的双向绑定（一）
前言：1、vue的双向绑定指的是把Model绑定到View的同时也将View绑定到Model上，这样就既可以通过更新Model来实现View的自动更新，也可以通过更新View来实现Model数据的更新。2、表单是实现双向绑定的必不可少的元素，当用户更新表单内容，Model的数据也自动更新，反之，当js更新Model时，表单里面的内容也会更新。vue实现双向绑定的必要方法：模板的编译。...
2019-05-07 10:06:02
234
1
原创 二叉树的js相关操作
前言：二叉树是只有一个根节点，每个结点最多有两个子树的树结构。通常子树被称作“左子树”（left subtree）和“右子树”（right subtree）
2019-04-03 15:04:29
316
1
原创 iScroll在安卓9.0上显示异常
前言iScroll运用比较广泛，主要用于移动端。iScroll是一个类，每个需要使用滚动功能的区域均要进行初始化。每个页面上的iScroll实例数目在设备的CPU和内存能承受的范围内是没有限制的。初始化let myScroll = new IScroll('#wrapper', { mouseWheel: true, scrollbars: 'custom', s...
2019-02-25 18:49:45
631
原创 create-react-app运行出现webpack版本错误
安装create-react-app脚手架时遇到的问题npm install create-react-app -g create-react-app my-app //my-app为项目名称使用命令创建myapp项目安装完成my-app，却发现运行npm start报错。下面报了一堆的错误，主要意思就是说：webpack版本冲突，需要的是4.28.0，但是更高的版本已经被安装（其...
2019-02-14 16:13:43
2184
1
原创 微信端调取相册或摄像头，实现图片上传
前言：微信端图片上传遇到过很多问题，图片太大上传失败，带宽不够，图片上传不完整等，今天写这篇博客就是为了记录下曾经处理过的方式。同时也可以给需要的人节省点时间，采用最优解。
2018-11-22 18:38:14
1287
原创 判断设备是ios还是安卓
var u = navigator.userAgent; var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1; //android终端 var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端isAndroid为 t
2017-05-02 15:39:35
3449
原创 长链接转短链接
1、利用腾讯微博，将长链接发布出去，之后在电脑端复制该链接（不要点击打开，直接复制），便会成为' http:/t.cn/ '+7个字母组成的2、利用百度短链接
2017-04-26 15:29:25
1029
原创 快速构建vue-cli脚手架
构建环境:node.js环境（npm包管理器） vue-cli 脚手架构建工具安装node.js:1.从node.js官网下载安装，点击“下一步”直接安装2.安装完成之后，打开命令行工具，输入node -v，如下图，如果出现相应的版本号，则说明安装成功。3.npm包管理器，是集成在node中的，所以，直接输入npm -v就会如下图所示，显示出npm的版本信息。 no...
2017-03-15 16:20:06
5084
原创 小程序-快捷键
格式调整 Ctrl+S：保存文件 Ctrl+[， Ctrl+]：代码行缩进 Ctrl+Shift+[， Ctrl+Shift+]：折叠打开代码块 Ctrl+C Ctrl+V：复制粘贴，如果没有选中任何文字则复制粘贴一行 Shift+Alt+F：代码格式化 Alt+Up，Alt+Down：上下移动一行 Shift+Alt+Up，Shi
2017-02-08 10:06:41
2966
原创 小程序-文字超出限制
微信小程序-文字超出限制如何在末尾加省略号特意为了这一个功能点来记笔记。当文字超出一行时会自动换行 那如何让文字不自动换行并在末尾加上省略号呢？我查资料的时候搜到这个博客 http://blog.csdn.net/u010168409/article/details/54429678原贴的答案是这样的text { display: -webkit-box; w...
2017-01-24 17:41:23
10613
1
原创 小程序-简易搭建步骤
创建小程序简易教程点击打开链接1. 获取微信小程序的 AppID登录 https://mp.weixin.qq.com ，就可以在网站的“设置”-“开发者设置”中，查看到微信小程序的 AppID 了，注意不可直接使用服务号或订阅号的 AppID 。2. 创建项目在创建过程中，如果选择的本地文件夹是个空文件夹，开发者工具会提
2017-01-23 14:35:18
2879
原创 偶遇this之坑
偶遇this之坑事件：在使用reactJS时候，写了一个上拉加载的方法。但在当前页面不进行上拉，跳转至其他页面后在回退回来进行上拉加载，就会出现问题warning警告，如下：Warning: setState(...): Can only update a mounted or mounting component. This usually means you called setS...
2017-01-09 16:53:55
1580
原创 react如何在组件中获取路由参数？this.props.params.id
路由参数 假如我们有很多 list 页面，这些页面除了动态内容不同，其他的页面部分都相同，这个时候需要怎么配置路由和组件呢？这种场景就需要用到路由的参数功能，增加一条包含参数的路由配置。import List from './component/list';<Route path="list/:id" component={List} />注意 path...
2016-12-19 14:30:35
7633
原创 【微信开发】-HTML5页面直接调用百度地图API,获取当前位置，直接导航目的地
【微信开发】-HTML5页面直接调用百度地图API,获取当前位置，直接导航目的地HTML5页面直接调用百度地图API,获取当前位置，直接导航目的地 我是应用在微信中，自定义菜单，菜单直接链接到这个HTML5页面，获取当前位置后，页面中定好目的地，这样打开页面后直接进入导航页面 可以省下先发送位置信息后，点确定再出导航，省一步， HTML5页面直接调
2016-12-08 17:40:07
11143
1
原创 https://github.com/react-webpack-generators/generator-react-webpack-alt
https://github.com/react-webpack-generators/generator-react-webpack-alt
2016-11-23 17:54:05
1099
转载 React 定义组件的参数对象
原文地址：http://itbilu.com/JavaScript/React/4JIk-Q7Yl.html使用React.createClass()方法创建组件时，需要传入一个参数对象，React会根据这个对象创建组件。这个参数对象中，除了包含必须要实现的render方法外，还有一些组件的设置属性。组件生命周期中的一些处理函数，也是在这个对象中定义的。组件的定义 定义组件的...
2016-11-21 16:28:21
1287
原创 React路由
从性能和用户体验的层面来比较的话，后端路由每次访问一个新页面的时候都要向服务器发送请求，然后服务器再响应请求，这个过程肯定会有延迟。而前端路由在访问一个新页面的时候仅仅是变换了一下路径而已，没有了网络延迟，对于用户体验来说会有相当大的提升。
2016-11-18 17:16:38
479
原创 创建Store，监听多个action
创建StoreStore可以响应Action的行为，并同服务器交互。监听单个Action在init方法中添加监听处理var addItem = Reflux.createAction();var TodoStore = Reflux.createStore({ init: function () { this.listenTo(addIt
2016-11-18 16:08:21
768
原创 JSX语法
上一节的代码， HTML 语言直接写在 JavaScript 语言之中，不加任何引号，这就是 JSX 的语法，它允许 HTML 与 JavaScript 的混写（查看 Demo02 ）。var names = ['Alice', 'Emily', 'Kate'];ReactDOM.render( { names.map(function (name) {
2016-11-17 12:02:14
404
原创 nodejs中npm常用命令
nodejs中npm常用命令npm install 安装nodejs的依赖包例如npm install express 就会默认安装express的最新版本，也可以通过在后面加版本号的方式安装指定版本，如npm install [email protected] install -g 将包安装到全局环境中但是代码中，直接通过require()的方式是没有办法调用全局安装的包的
2016-11-16 17:42:37
382
原创 IOS移动端meta
等在iPhone的浏览器中页面将以原始大小显示，不允许缩放。 width - viewport的宽度 height - viewport的高度 initial-scale - 初始的缩放比例 minimum-scale - 允许用户缩放到的最小比例 maximum-scale - 允许用户缩放到的最大比例
2016-11-16 10:47:02
3169
原创 【<meta name="description" content=">】作用讲解
【】作用讲解一、语法：二、参数解析：1）name项：常用的选项有Keywords(关键字) ，description(网站内容描述)，author(作者)，robots(机器人向导)等。2）http-equiv项：可用于代替name项，常用的选项有Expires(期限)，Pragma(cache模式)，Refresh(刷新)，Set-Cookie(c
2016-11-16 10:42:56
570
原创 webstorm卡顿问题
webstorm卡顿问题近期随着项目开展，文件逐渐增大，webstrom频繁出现卡顿，而且时有崩溃现象，提示没有足够的内存来执行请求的操作，需要增加Xms设置。 解决办法： 1、找到WebStorm.exe.vmoptions这个文件，路径JetBrains/WebStorm/binWebStorm.exe.vmoptions 2、使用note
2016-11-15 17:38:41
3113
原创 用bind方法保持this上下文
最近自学JavaScript，学到bind方法这块儿有些地方不太明白，自己就查了些资料，结合自己的理解写了这篇文章以备后面回顾用。。。其实应该还是搬砖为主吧。什么是this对象先来说说什么是this对象吧，每个函数在调用的时候都会自动获取两个特殊变量：this和arguments对象。this值具体是指哪个对象是和该函数的执行环境相关的。如果是作为对象的方法，那么this就是对象实
2016-11-14 15:29:18
615
原创 语义化标签
语义化标签在html5中最基础也是比较好理解的也就是语义化标签了，，顾名思义语义化 也就是可以直接读懂的标签~，这样我们在项目开发过程中不但自己不会因为5花8门的标签命名而伤脑筋，跟同事对接项目也会节约很多时间~~ 谁不想简单轻松一些呢。。。语义化标签有2种，一种是单纯语义化的，无功能，二种是语义化，且有功能的。一：无功能，语义化标签1.1 - SM:也就是我们的头部标
2016-11-07 13:18:28
537
原创 HTML5应用程序缓存Application Cache
HTML5应用程序缓存Application Cache什么是Application CacheHTML5引入了应用程序缓存技术，意味着web应用可进行缓存，并在没有网络的情况下使用，通过创建cache manifest文件，可以轻松的创建离线应用。Application Cache带来的三个优势是：① 离线浏览② 提升页面载入速度③ 降低服
2016-11-07 13:03:59
3639
原创 javaScript & jquery完美判断图片是否加载完毕
好久没写东西了，正好最近因为工作需要，写了一个瀑布流异步加载的程序。今天就不谈瀑布流，来谈一下关于load的问题。-------------------------------------------------------------众所周知，常见瀑布流当鼠标滚动到浏览器底部的时候，就会发起一个ajax的请求。在服务端生成item列表后，通过 js append到相应的d
2016-11-07 10:22:24
3195
原创 jquery的$().each,$.each的区别
jquery的$().each,$.each的区别遍历对象和数组，经常会用到$().each和$.each()，两个方法。1、$().each,对于这个方法，在dom处理上面用的较多。如果页面有多个input标签类型为checkbox，对于这时用$().each来处理多个$(“input[name=’ch’]”).each(function(i){if($(
2016-11-06 09:35:44
283
原创 函数定义的三种方式
无标题文档 /* *函数定义的一种方式 */ function aa(){ document.write("aaaa"); } 按钮 --> /
2016-11-04 13:46:07
591
转载 Node.js 笔记（一） nodejs、npm、express安装
Windows平台下的Node.js安装直接去nodejs的官网http://nodejs.org/上下载nodejs安装程序，双击安装就可以了测试安装是否成功：在命令行输入 node –v 应该可以查看到当前安装的nodejs版本号简单的例子写一段简短的代码，保存为helloworld.js，大致看下nodejs是怎么用的。如下：该代码主要
2016-10-29 14:32:31
543
转载 JavaScript中的匿名函数及函数的闭包
JavaScript中的匿名函数及函数的闭包1、匿名函数2、闭包3、举例4、注意1、匿名函数函数是JavaScript中最灵活的一种对象，这里只是讲解其匿名函数的用途。匿名函数：就是没有函数名的函数。1.1 函数的定义，首先简单介绍一下函数的定义，大致可分为三种方式第一种：这也是最常规的一种function double(x)
2016-10-28 18:24:25
274
原创 原型和原型链，作用域链区别
原型和原型链，作用域链区别：在JavaScript中,一共有两种类型的值,原始值和对象值.每个对象都有一个内部属性[[prototype]],我们通常称之为原型.原型的值可以是一个对象,也可以是null.如果它的值是一个对象,则这个对象也一定有自己的原型.这样就形成了一条线性的链,我们称之为原型链（比如我们新建一个数组,数组的方法就是从数组的原型上继承而来的）一
2016-10-13 15:56:22
8064
5
原创 Js中通过记忆来优化递归方法
函数可以通过用对象去记住先前操作的结果，从而避免无谓的运算，这种优化称为 记忆(Memoization).1、求数字之和基本递归方法其中fibonacci为一般常用的递归方法，能满足基本要求，但存在重复调用的现象js代码：var count =0;//记录遍历次数var fibonacci = function(n){ count++; return n<2
2016-10-12 15:52:42
1642
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人