- 博客(53)
- 收藏
- 关注
RSS订阅原创 js十大排序算法
https://blog.csdn.net/java_2017_csdn/article/details/80194656http://louiszhai.github.io/2016/12/23/sort/
2019-10-09 11:22:37
302
转载 在componentDidMount里面发送请求
总结一下： componentDidmount 是在组件完全挂载后才会执行，在此方法中调用setState 会触发重新渲染，最重要的是，这是官方推荐的！ constructor 调用是在一开始，组件未挂载，所以不能用。 componentWillMount 调用在 constructor 后，在这里的代码调用 setState 不会出发重新渲染，所以不用。 ...
2019-09-17 20:53:02
2929
原创 redux中间件
action是个对象，通过dispatch派发给store。现在通过中间件action还可以是函数。中间件就是对dispatch方法的升级或者说是封装。如果action是函数，就让函数先执行，执行完之后需要调用store的话再调用。redux-thunk:异步操作放到action里面操作。redux-saga:把异步逻辑拆分出来，单独放到一个文件里。...
2019-07-29 20:57:25
277
转载 webpack
如果与输入相关的需求，找entry（比如多页面就有多个入口） 如果与输出相关的需求，找output（比如你需要定义输出文件的路径、名字等等） 如果与模块寻址相关的需求，找resolve（比如定义别名alias） 如果与转译相关的需求，找loader（比如处理sass处理es678N） 如果与构建流程相关的需求，找plugin（比如我需要在打包完成后，将打包好的文件复制到某个目录，然后提交到...
2019-07-26 15:25:46
220
转载 npm install、npm install --save与npm install --save-dev区别
npm install X:会把X包安装到node_modules目录中 不会修改package.json 之后运行npm install命令时，不会自动安装Xnpm install X –save: 会把X包安装到node_modules目录中 会在package.json的dependencies属性下添加X 之后运行npm install命令时，会自动安装...
2019-07-25 11:31:50
470
原创 每日一题['1', '2', '3'].map(parseInt)
['1', '2', '3'].map(parseInt) what & why涉及知识点：parseint,mapmap:1.map()方法返回一个新数组，数组中的元素为原始数组元素调用函数处理后的值。2.map()方法按照原始数组元素顺序依次处理元素3.map不会对空数组进行检测4.map不会改变原始数组5.arr.map(function(currentV...
2019-07-18 14:26:25
246
转载 vue中的methods,watch和computer区别
https://www.jianshu.com/p/69c7318cd95fhttp://www.mamicode.com/info-detail-2482437.htmlmethods,watch和computed都是以函数为基础的，但各自却都不同。一、作用机制上1.watch和computed都是以Vue的依赖追踪机制为基础的，它们都试图处理这样一件事情：当某一个数据（称它为依...
2019-07-17 18:29:25
39497
5
原创 react组件通信
React数据流动是单向的需要组件之进行通信的几种情况父组件向子组件通信 子组件向父组件通信 跨级组件通信 没有嵌套关系组件之间的通信import React from 'react';import ReactDOM from 'react-dom';//父组件向子组件通信// class Parent extends React.Component {// co...
2019-07-17 11:38:24
120
转载 宽度自适应宽高成比例
http://zihua.li/2013/12/keep-height-relevant-to-width-using-css/padding-bottom的讲解https://www.cnblogs.com/heyach/p/6494872.html?utm_source=itdadao&utm_medium=referral可以实现的方法
2019-06-21 10:09:23
419
转载 React生命周期执行顺序详解
一、组件生命周期的执行次数是什么样子的？？？只执行一次： constructor、componentWillMount、componentDidMount执行多次：render 、子组件的componentWillReceiveProps、componentWillUpdate、componentDidUpdate有条件的执行：componentWillUnmount（页面离开，组件...
2019-06-05 18:41:31
178
原创 5.21日报
干了什么学习了underscore的template模版引擎。照着backbone官方文档中todo案例敲了遍。对着文档分析代码。遇到什么问题：看的时候对collection不理解，underscore的_invoke没看懂。没有组件化的思想，提前没有对todo案例分析每一块的功能，具体怎么实现，只是从上往下写。知道报错是因为进行了异步处理，把数据传到了服务器端却没有写服务器端的地址（...
2019-05-21 21:30:44
132
原创 模块化规范
模块化：为了解决js文件之间不确定的依赖关系commonJS1.commonjs规范下的模块调用是同步的：必须等模块加载完成之后，接下来的代码才能继续运行。所以，该规范主要适用于服务端。因为服务端可以直接从硬盘中调用所需要的模块，这个过程很快。但是客户端如果一个模块过大就会导致页面假死。2.主要是node，微信小程序在用3.一个文件就是一个模块，拥有独立作用域4.提供req...
2019-05-20 15:15:49
1429
转载 JavaScript执行机制（彻底弄懂宏任务微任务）
https://juejin.im/post/59e85eebf265da430d571f89强烈推荐这篇文章，讲的也太好了吧
2019-03-18 21:13:16
506
转载 jsonp
https://blog.csdn.net/u011897301/article/details/52679486/https://blog.csdn.net/HansExploration/article/details/80314948
2019-03-08 18:39:57
90
原创 函数节流和函数防抖
函数节流：规定一个单位时间，在这个单位时间内，只能有一次触发事件的回调函数执行，如果在同一个单位时间内某事件被触发多次，只有一次能生效。函数防抖：在事件被触发n秒后再执行回调，如果在这n秒内又被触发，则重新计时。看到一个很便于理解的例子：乘电梯。如果有人进电梯（触发事件），那电梯将在10秒钟后出发（执行事件监听器），这时如果又有人进电梯了（在10秒内再次触发该事件），我们又得等10秒再出发（...
2019-03-08 10:39:12
224
转载 http https
HTTPS和HTTP的区别什么是 HTTPS?HTTPS (基于安全套接字层的超文本传输协议 或者是 HTTP over SSL) 是一个Netscape开发的 Web 协议。你也可以说：HTTPS = HTTP + SSLHTTPS 在 HTTP 应用层的基础上使用安全套接字层作为子层。为什么需要 HTTPS ？超文本传输协议 (HTTP) 是一个用来通过...
2019-03-06 15:59:19
560
转载 前端性能优化（CSS动画篇）
https://segmentfault.com/a/1190000000490328最近拜读了一下html5rocks上几位大神写的一篇关于CSS3动画性能优化的文章，学到了很多，在这里记录一下，其中的知识都是来源于这俩篇文章，我只是截取了其中比较关注的内容出来，原文地址High Performance Animations及Accelerated Rendering in Chrome...
2018-12-22 10:18:14
180
转载 从浏览器多进程到JS单线程，JS运行机制最全面的一次梳理
https://www.cnblogs.com/cangqinglang/p/8963557.html
2018-12-19 20:18:01
159
转载 简单明了区分escape、encodeURI和encodeURIComponent
一、前言讲这3个方法区别的文章太多了，但是大部分写的都很绕。本文试图从实践角度去讲这3个方法。 二、escape和它们不是同一类简单来说，escape是对字符串(string)进行编码(而另外两种是对URL)，作用是让它们在所有电脑上可读。编码之后的效果是%XX或者%uXXXX这种形式。其中 ASCII字母、数字、@*/+ ，这几个字符不会被编码，其余的都会。最关键的是，当你...
2018-12-11 16:08:53
170
原创 牛客笔记
12.11https://www.nowcoder.com/test/question/done?tid=20384076&qid=14747#summary1.（1）cookie 是靠谱的浏览器都支持；localStorge 比 cookie 存的更多，获取更方便，而且存储内容不会随请求发送给服务器；session 虽然需要 cookie 支持（通常存放加密过的 sessi...
2018-12-11 10:53:14
246
原创 Newline required at end of file but not found
遇到一个很奇怪的报错 居然要在/style后敲个回车，以空格结尾像这样，13行不能没有另外，还有一个奇怪的报错， Unexpected tab character解决方法在eslint的配置文件中（.eslintrc）rules项中添加一行："no-tabs":"off"，如下图： 挺好的一篇博客https://blog.csdn.net/Lucky...
2018-12-09 17:22:06
12282
转载 padding-bottom实现图片等比例缩放
1、padding-bottom 如果用%来表示的话，计算是根据父元素的width的值进行计算的。 例：父元素.wrapper的width是100px，height设置为0, padding-bottom的值是50%，则该元素的高是50px2、 百分比方法适用于的场景：一个图片需要全部显示出来，而且图片本身的宽高比例不变，能够随着屏幕的大小进行变化。3、实现等比缩放的效果，还可以通过...
2018-12-09 11:12:40
914
原创 vue笔记
这样会报错因为子组件里的data应该是一个function而不是一个对象在最外层根组件（var vm = new Vue）里直接把data写成一个function不会有任何问题，但是在非根组件中就不能这么定义，在子组件中要求data后面的值必须是一个函数要这么写这么设计是因为根组件只会被调用一次 ，但子组件会被调用多次。我们不希望子组件中的数据相互冲突，每一个子组件都应...
2018-12-06 20:03:25
100
转载 Nodejs的url模块方法
nodejs里面的一个简单的模块，url模块。这个url的模块要使用的话需要先引入。若只是在命令行里比如cmd或git bash 等使用url这个模块的话，是不需要require进来的。直接使用便可。（我也不知道为啥不用require） const这个关键字是ES6里面定义的常量，不可改变。1 const url = require("url"); url一共提供了三个方法，分别...
2018-11-03 18:58:29
485
原创 Uncaught TypeError: Cannot read property 'concat' of undefined
jQuery mobile一直报错Uncaught TypeError: Cannot read property 'concat' of undefined查了一下，是因为jQuery mobile和jQuery的版本不匹配，jQuery mobile是1.4.5的，jQuery是3.2.1的， 换一下jQuery的版本就好了，我换成了1.9.1的...
2018-10-25 23:37:20
4423
原创 echarts
因为需要做数据可视化，就用了echarts，很好用也很简单，具体的使用博客很多，就不多说了。希望做出的效果是这样，每道题都是从后台获取的数据，echarts中的参数也通过后台获取，本身以为很简单，但我却被这简单的效果折磨了一天，遇到的问题主要有这几点：1.一直报错 错误原因：由于echarts图形ID是由后台传输过来的，并且是根据图形数据一起传过来，出现了图形容器还未生成，但是...
2018-10-24 23:20:01
153
原创 ajax中async的true和false
先弹出success，再弹出after click先弹出after click，再弹出success 属性async用于控制同步和异步，默认是true,即ajax请求默认是异步请求，有时项目中会用到AJAX同步。这个同步的意思是当JS代码加载到当前AJAX的时候会把页面里所有的代码停止加载，页面出现假死状态，当这个AJAX执行完毕后才会继续运行其他代码页面假死状态解除。而异步...
2018-10-18 17:45:19
286
原创 .click()与on('click',function())
之前遇到过一次.click()无效，改成on绑定click就好了的情况，看了几篇博客后，发现是自己对click()和on的理解不够，没太在意，最近又遇到了，所以写下这篇博客加深印象。$(选择器).click(fn)：当选中的选择器被点击时触发回调函数fn。只针对与页面已存在的选择器。而.J_del这个删除按钮是通过append加到页面上的 。所以.click()无效.$(documen...
2018-10-17 21:34:25
33418
6
原创 ssi和用nginx配置ssi
在做一个网站时，页面上会有很多重复的内容，每个页面写一遍很冗余，修改时还容易遗漏，所以可以把公共的部分写好，放在单独的HTML中，用时引用就行了。在HTML文件中引入其他HTML文件的几种方法https://www.cnblogs.com/qmx5942701/p/5474063.html这篇博客讲的很详细了。 针对这篇博客里的第三种include方法，引出了下面的东西。...
2018-10-15 12:30:36
9910
原创 获取选中数据的id
总结一下自己遇到的获取选中数据的id的几种情况1.像删除这样直接在当前页发id的 通过e.target找到当前点击的这条数据的祖先元素tr，再获取tr上绑定的临时属性data-id的值，即这条数据的idstr='tr...' 那行上都绑定的是临时属性，为了方便以后用时获取。 2.同第一种情况，另一种方法，通过隐藏的input框保存id,之后从该input框获取...
2018-10-13 21:46:12
2470
原创 缩放
div+css布局缩放样式就乱了1.如果布局用的是绝对定位（position:absolute），在外边加一个div层（给它一个父级），外边的div层加上相对定 位（position:relative），然后再去调整子级的位置（top，left等）。这一次，无论你怎么去缩小你的窗口都会岿然不 动的！2. <!DOCTYPE html> <html lang="en"> ...
2018-06-03 20:27:40
250
翻译 异常处理
https://blog.csdn.net/u012468376/article/details/57411822?utm_source=itdadao&utm_medium=referralhttps://www.cnblogs.com/minigrasshopper/p/8056674.htmlhttps://blog.csdn.net/baidu_25343343/article/d...
2018-06-03 16:50:46
132
原创 bootstrap学习笔记
1.bootst中的js插件依赖于jQuery。因此jQuery要在bootstrap之前引用2.bootstrap模板为使IE6、7、8版本（IE9以下版本）浏览器兼容html5新增的标签，引入下面代码文件即可。<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>同...
2018-05-25 10:23:26
142
原创 css深入理解之float浮动慕课视频学习笔记
1.浮动具有破坏性，会让父元素高度塌陷2.浮动使高度塌陷不是bug，而是标准3.浮动的原本作用仅仅是为了实现文字环绕效果4.给图片加了float:left后，5.清除浮动是清除浮动所带来的的影响的简称，因为浮动是一直存在的（1）脚底插入clear：both（2）父元素BFC(IE8+)或haslayout(IE6/IE7)。BFC是高级浏览器具有的概念。haslayout是IE6IE7私有的cle...
2018-05-23 10:39:32
348
原创 nginx
https://www.cnblogs.com/zhouxinfei/p/7862285.htmlhttps://blog.csdn.net/kisscatforever/article/details/73129270
2018-05-17 10:00:44
132
原创 零零碎碎
1.用.innerHTML获取的都是字符串类型。无论什么情况下，从页面或者标签中获得的内容都是字符串类型。2.计时器是window的函数，所以属于window的函数window都可以省略不写。...
2018-04-23 21:17:43
227
原创 JavaScript排序
sort() 方法用于对数组的元素进行排序,并返回数组。默认排序顺序是根据字符串Unicode码点。语法：arrayObject.sort(sortby)；参数sortby可选。规定排序顺序。必须是函数。注：如果调用该方法时没有使用参数，将按字母顺序对数组中的元素进行排序，说得更精确点，是按照字符编码的顺序进行排序。要实现这一点，首先应把数组的元素都转换成字符串（如有必要），以便进行比较。如果想按...
2018-04-23 19:48:17
155
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人