09 2017 档案
摘要：在$('#table td')的click事件函数外，添加input的click事件，实现的效果和第一段代码完全一样，关键点：$('#table td').on('click','input', function (e) {...});此时用on绑定事件时，第二个参数 'input' 为选择器，指的是$('#table td')的子元素，
阅读全文
摘要：对于同名的变量声明会被忽略，对于同名的函数声明会被覆盖。对于同名的函数声明和变量声明，Javascript采用的是声明阶段忽略变量声明，赋值阶段覆盖原则，函数声明没有赋值阶段，所以被变量的赋值给覆盖了；由于在提升时函数声明会提升到变量声明之前，变量声明一定会覆盖函数声明，所以结果是声明阶段函数声明有效，执行时变量赋值覆盖函数声明，最终a是变量！
阅读全文
摘要：try-catch语句，其中cath语句块出现了错误，可以把cath语句删除，用finally代替：finally，无论有没有发生异常，它总会最后运行，而不管请求成功还是失败 successFn(res);这个回调是必须执行的，放在finally语句中更合适。
阅读全文
摘要：再次请求时，若不确定后台是否有数据，最好不要请求数据后才依据是否返回的有数据来做判断，应该事先准备好，再去请求。后端可以把是否有数据的状态返给前端，这样前端就可以先判断是否有数据，再去请求有数据的，没数据就弹框提示，免得那些没有数据的也去请求，也减少了请求数量。
阅读全文
摘要：1、所有自定义的样式，会覆盖原有的样式，你也可以勾选上，‘’禁用模板默认css‘’自己重写所有样式；2、如果只是小改动，改改颜色什么的，就直接用审查元素的方式，找到想改的模块相应的id名或class名来重新定义样式；3、如果有点前端你可以添加一些自定义模块，和添加一些悬浮窗、回到顶部的小火箭、自动生成目录等，需要申请js权限
阅读全文
摘要：使用react时，标签中不管多少个 ，直接被当成了一个，react中不换行、多个 只显示一个空格的问题：给标签设置：dangerouslySetInnerHTML={{ __html: d.areaName}}即可解决；
阅读全文
摘要：在捣鼓webpack时，想用UglifyJsPlugin来压缩输出的js文件，嗯，单独用没有问题，但是当启动dev－server热更新时，总是报错： 很纳闷，上网查了都说的不太清楚，其实是因为： 当项目中用了es6、jsx之类的，就必须要先通过babel转换一下，再交给webpack去打包。 需要先
阅读全文
摘要：主要用到了extract-text-webpack-plugin插件，这是第三方插件，需要单独安装 然后，先在顶部加载： plugins中启用该插件： 在文件loader中，添加： 至此，已经可以实现将css单独打包了，另外还要 注意：暂时不要打开热更新，因为热更新时，生成的静态文件全部放在‘’缓存
阅读全文
摘要：服务器端安装和配置： 1、下载并安装一款SVN服务器软件，我用visualSVN-Server.exe 2、启动SVN服务器 3、创建可以访问此服务器的账号 4、创建代码仓库，每个项目都对应一个代码仓库，指定不同的用户行号和初始密码，以及读写权限。 客户端的安装与配置： 1、下载tortoiseSV
阅读全文
摘要：web前端是应用服务器处理之前的部分，前端主要包括：HTML,CSS,javascript,image等各种资源，针对不同的资源有不同的优化方式。 内容优化 (1)减少HTTP请求数:这条策略是最重要最有效的，因为一个完整的请求要经过DNS寻址，与服务器建立连接，发送数据，等待服务器响应，接收数据这
阅读全文
摘要：UI妹子的设计图有很多好看的图标，总不能让人家全部抠出来，然后当成图片一个一个的放上去吧！ 有一些三方字体库中是可以找到的，比较相似的，那就和UI协商叫她换下啦。。。 那么，css如何引入第三方字体？ 我用的阿里巴巴矢量图库，比较方便，想要哪个图标就下载哪个，不用把整个库全部拉下来。 1、百度搜索：
阅读全文
摘要：这是借助通过网上的一个例子，自己做了一些优化 什么是图片懒加载？ 当页面被请求时，只加载可视区域的图片，其它部分的图片则不加载， 只有这些图片出现在可视区域时才会动态加载这些图片，从而节约了网络带宽和提高了初次加载的速度。 避免网页打开时加载过多资源，让用户等待太久。 下面介绍实现步骤： 1、设置d
阅读全文
摘要：接着上面做一下补充： 1、dataset的用法，与attribute的区别 2、获取图片到页面顶部高度的正确方法 3、怎样处理已经显示的图片重复遍历的问题 4、 scroll事件的触发频率很快，怎么减小其处理函数 的调用频率 与dataset和getAttribute 1、它是html5自定义属性，
阅读全文
摘要：throttle节流函数，就是一个函数调用的频率控制器； 如下代码，safe每隔500ms才会为true，所以srollFn最快500ms执行一次。
阅读全文
摘要：debounce就是防抖动， 在间隔不超过500ms的情况下，不管debounce执行多少次， lazyLoad都只执行一次； clearTimeout使得lazyLoad不会立即执行，每次debounce调用都会重置定时器，并再次等待，只有等debounce不再调用，并等待500ms之后lazyL
阅读全文
摘要：immediate与debounce相似，immediat连续执行，且间隔不超过500ms，lazyLoad只执行一次，不同于immediate的是现在lazyLoad会先执行， demo-immediate：
阅读全文
摘要：整合前面的一些问题，还发现一些不足： 1、当滚动太快突然停止时，后面的图片不加载这更加类似immediate了，需要改进 2、用到了setTimeout，应该保证this的原有指向不变 3、节流函数用处较多，应该将它独立出来
阅读全文
摘要：用于实际项目中，后期再次发现一个不足之处： 1、有的用户会在页面打开时，突然拉到中间某个位置，应该使用首屏加载方式。 2、需要使用前面说的添加节点的方式：<div class="imgWrap" data-src="../images/1.jpg"></div> 已经加载的图片，其从arrImgBo
阅读全文
摘要：优先级由高到低：小括号(xxx) > 属性访问. > new foo() > foo() 除了 …扩展运算符 以外，就是 . 运算符和 [ ] 运算符最优先， 就先匹配它的左右，以 . 的位置隔开，用括号括起来， 匹配成完整的“对象.属性名” 的格式，或者“对象[属性名]” 然后在匹配，其它的格式，
阅读全文
摘要：在运用个promise处理异步时，同事建议我封装一个sleep函数，实现等待执行的效果。听了他的建议，我想了下也觉得可行，不过实际效果却完全想反，仔细思考了，才发现这只是一个阻塞js代码的执行，达到延时的目的，并不能实现异步（非阻塞）。 它只适用于同步的场景中，达到延时的效果。
阅读全文
摘要：用rem时height和margin有时候没有被缩放到当前比例？？？？ 因为受最小字体的影响： chorome浏览器的最小字号默认是12px, 你把 html 的字号设为 625%, 或者 font-size=100px; 就没问题了， 使用的时候用：rem值=原本想设置的像素值/100 或者加上下
阅读全文
摘要：怎样让文字不能被选中： input有个黄色的背景去不掉？？？有下拉提示去不掉？？？ 禁用input的自动完成功能就可以了，有两种方法： 1、html中： 2、在css中： display属性为inline-block的元素无法再使用visibility:hidden overflow:hidden兼
阅读全文
摘要：有下面一段代码，它的运行结果是什么： 答案： 知识点：函数内部变量与该函数名冲突会怎样？ 1、下面例子中fn只能在函数内部使用，在函数外部使用会报错，提示：fn is not undefined 2、a在函数中被改掉，那么fn这个函数再此次调用结束后会被清除，a会变成1； 3、fn是一个函数标识符，
阅读全文
浙公网安备 33010602011771号