川川的攻坚笔记-CSDN博客

原创 Service Worker -- 特殊的Web Worker

在介绍service之前，先引入一下PWA（由Google的Chrome团队创造），技术支持主要是ServiceWorker和Web App MainfestPWA是一种webapp模型，是一种渐进的web app，利用一些web特性，配合ui使用，增强web app的用户体验。（手机使用Safari 进入 mi.com 将它保存在手机桌面上，点击桌面上相应快捷方式时，不会再显示url）。...

2018-10-18 16:14:22 3695

原创 css设置 sticky footer

有时候，我们在设计界面中会有一个footer bar 想让它呈现一下这种样式。这就是sticky footer。他可以使用一下几种方式设置：假设我们的dom结构是这样的：<div class="wrapper"> <div class="content" /> <div class="footer" />&l

2018-07-20 11:19:48 225

首先window是一个全局对象。先看一下结果：相同情况：var a = 1 //function(){console.log(this)}window.a = 2 //function(){console.log(this)}测试结果 constructor和proto和this指向（window）都一样不同情况：第一种情况：结果是undefined第二种情况：结果是报错信息 c is no...

2018-05-10 14:20:49 7011

原创 js匹配6位密码不是连续数字

1.可以利用判断每两位数字是否差值为12.如果涉及字母，可以判断ASCII码是否差值为1下面例子中主要使用的是数字差值

2018-05-03 21:26:43 2019 1

原创 js正则匹配6位相同密码（111111/aaaaaa）

利用正则表达式，代码中\1表示第一个元素，\2\3就是第二个第三个。正则中利用match方法返回字符串类型。例如"111"

2018-05-03 21:23:31 1608

原创报错--Uncaught SyntaxError: Unexpected token <

1.标签书写有问题（没有闭合标签等）2.在使用React的jsx中，没有设置script标签的type="text/babel";

2018-04-28 14:14:51 1915

原创 React-Cannot read property 'state' of undefined at handleClick 报错原因

react在新版本中，修改了对state的处理方式解决办法：1.由于state设置在了作用域内部，引用时可以使用如代码20行的方式改变this指向修改state的值。2.也可以使用setState设置...

2018-04-28 00:41:00 5785

原创 React-组件化开发createClass失效

在ReactV16.0版本之后，react的数据处理和组件开发都有了变动。1.react最新版本抛弃使用了createClass这个函数，这个也是为了配合ES6 ，与时俱进在新版本中，我们可以使用以下两种方式写组件（注意：组件中只能有一个根标签<div>内部html标签</div>）（1）使用es6的class方法，继承React.Component。可以实现组...

2018-04-28 00:35:02 1030

原创 2018春季面试题总结

阿里巴巴一面1.匿名函数优点？2.事件委托？事件捕捉？3.Vue双向数据绑定4.跨域，你知道几种方法？具体说说jsonp5.xss攻击6.你知道bfc吗？7.说说树的遍历方法。先序中序后序8.原始值和引用值得区别？（可以从栈和堆角度出发）9.说说let，const，var的区别？阿里巴巴二面1.可用性2.可访问性3.可维护性4.说说TCP和UDP协议？5.HTTP1.0和HTTP2.0的区别？6....

2018-04-24 11:14:09 323

原创前端面试问题总结-1

1.Promise 1）三种状态 2）防止回调地狱 3）实现顺序执行，处理异步操作 4）.all()-完成后全部执行 .race() -一个成功就可以执行 5）缺点？ 1.无法中途取消 2.不好判断pending时候是刚开始，还是即将完成。 3.不给函数内部事件添加回调函数，无法捕捉报错信息--被.catch解...

2018-04-24 09:39:46 244

原创 switch-case不写break导致丢失页面

switch-case在进行case的条件判断时，当第n个条件成立时，如果不加break（也就是不跳出），会把case n下面所有的case语句全部执行。在我做index页面的事件的时候，运用了controls这个控件，由于在case3和case4中未添加break。导致点击报障按钮的时候，会直接显示my页面导致了丢失warn页面的情况。...

2018-02-27 12:05:06 394

原创 git报错- failed to push some refs to 'git@github.com:*********/*.git'

原因：github远程仓库有文件更改，本地没有更新解决办法： git pull --rebase origin master git push -u origin master

2018-02-27 12:00:41 264

原创微信小程序-swiper轮播图获取index

1.获取之后存入stroage stroage的get/set使用就不多介绍了，只说一下思想，利用轮播图变化绑定事件，获取e.detail.current（即为index）2.通过url传值直接上图获取index -> e.detail.current 将index写入url 将url中的index读取 ...

2018-02-11 18:51:54 3605

原创利用css画箭头（>）

在之间写箭头的时候都直接用符号>表示，但是发现符号的开口大小是固定不变的，只能设置字体大小来改变。今天写微信小程序的时候，觉得三角形可以用div画出来，那么>应该也可以，尝试了一下。实现了这个想法。 ...

2018-02-09 15:22:47 2262

原创微信小程序-回退第一个页面

**回退不能直接回退到第一个页面在之前的了解中认为使用navigateBack可以回退到指定页面，但是在今天的练习中发现某个页面想浏览完毕后手动点击回退，是不能实现的。会造成这个页面闪一下就回退到指定页面。于是我百度了一下，发现有一种方式可以解决这个问题。第一个页面采用navigateTo，在第二个页面中使用redir

2018-02-07 20:26:12 6029

原创微信小程序-redirectTo时改变css

1. 跳转页面时改变css样式由于微信小程序不能获取dom节点，在redirectTo的时候就不能将css样式直接改变，这时候可以选择应用data中写一个isChange来决定跳转时是true还是false 我的程序中由于跳转会产生改变多个节点样式的情况，我就将isChange写成了数组。核心代码在于{isChange[2]?'same

2018-02-02 21:20:08 311

原创 js的防抖与节流处理

防抖一段时间内频繁触发函数的时候，只有停止时间长度足够才会执行一次节流在固定时间内执行一次，以标志来判断是否空闲而执行。一些项目需要频繁触发的onmousemove，onchange等事件时，有可能会短时间内频繁的触发。这会降低系统的性能甚至造成卡顿情况的产生。这就需要防抖的处理。防抖的意义在于，在用户停止输入或者长时间未输入的情况下。在限定的时间内只调用一次回调函数。

2018-01-31 15:27:52 569

liuyahui_0126的博客