zhu562002124的博客

#JS 代码规范必须遵守的规则强制 “for” 循环中更新子句的计数器朝着正确的方向移动"for-direction": 2错误示范：for (var i = 0; i < 10; i--) {}for (var i = 10; i >= 0; i++) {}禁止使用异步函数作为 Promise executor"no-async-promise-executor": 2错误示范：const result = new Promise(async (resolve

#JS 代码风格强制在括号内使用空格"array-bracket-spacing": [1, "always"]禁止或强制在代码块中开括号前和闭括号后有空格"block-spacing": [1, "always"]示例：// BADfunction foo() {return true;}if (foo) { bar = 0;}function baz() {let i = 0; return i;}// GOODfunction foo() { return

#JS 编码最佳实践强制数组方法的回调函数中有 return 语句，该规则只检查需要有返回值的那些方法，包括 form、 every、 filter、 find、 findIndex、 map、 reduce、 reduceRight、 some、 sort"array-callback-return": 1不推荐的做法：var indexMap = myArray.reduce(function(memo, item, index) { memo[item] = index;}, {

最近在学习 vue 这个框架，使用官方推荐的手脚架搭建环境时一直报错，错误信息如下：    chromedriver@2.24.1 install: `node install.js`    Exit status 1    Failed at the chromedriver@2.24.1 install script 'node install.js'.    Make sur

写这个东西其实是因为最近在学习 JS 动画原理。虽然CSS3的普及，让我们在 web 端可以更轻易的做出一些相当不错的动画效果，但是复杂动画依旧需要 JS 去实现。写一个简单的动画，只需要一些 web 编程基础和一点思路，但是写一些稍微复杂的动画，就会需要一些数学知识，为了更好的理解函数图像，我就这么耿直的自己画了。原理很简单，就是在计算出X为各个值的时候，Y的值，然后画到

刚接触前端，刚知道 HTML5  的时候，我一直以为 浏览器定位的 API 是 HTML5 标准下的东西，直到后来才知道，有些东西并不是 HTML5 定义的玩意。比如说：1、SVG2、浏览器定位3、webSocket....暂时就记得这仨。好了不废话，继续讨论浏览器定位，嗯，其实，浏览器定位是比较废柴的，定位精确度啥的，只能呵呵，不过在移动端精确度相对好很多。想想其实也

/* * 前言 * 这个文档摘自Nicbolas C Zakas（担任过雅虎首席前端工程师） 著作O`REILLY，下面是一些摘要 * 这个文档讲了一些很基本的编写JavaScript 代码的规范，很基础，但是很重要 * 良好的代码格式可以让代码结构和逻辑看起来更清晰，更美观，也更利于维护，尤其是维护问题。除非 * 写完一段代码你以后都不用再看它了（但这基本是不可能的），请一定让自己

图片上传预览是比较常见的需求，以前的做法，是在旁边隐藏一个 标签，然后给 file 标签加个事件，当用户选择文件之后，获得文件物理路径（文件绝对路径），然后赋值给 标签的 src 属性。但是现代浏览器中，出于安全考虑，file 标签已经限制 js 获得文件的绝对路径（以及其他的一些访问本地文件的权限）

这是在网上搜索良久，找到的当前比较合适的适配方案。原理是通过动态计算 ＲＥＭ　基值，来动态调整网页尺寸。写这篇博客纯粹是为了自己学习理解移动端适配，现将代码附上：/** * 移动端适配，根据屏幕宽度与屏幕 dpr 动态写入 html 的 font-size ( rem 基准值) * 尽量让这段代码在页面最前面执行 */(function(win) { var opt =

网页特效的基本，就是利用 ＪＳ　动态设置　ＣＳＳ我们开发网页的时候，一般比较有情怀的公司都只要求兼容到 　ＩＥ９　以上，虽然　ＩＥ９　以上已经开始支持　ＣＳＳ３，但是它并不是完全兼容，有些属性需要加前缀。如果ＪＳ动态设置的时候，也和我们平常写　ＣＳＳ　一样，所有前缀来一遍，先不说效率问题，烦都烦死了。为了解决这个问题，我写了一个用来检测浏览器样式属性的方法，代码如下：/**

这是最基本的用递归的方式进行对象转字符串，是我能想到的最简单的做法。不过这个做法存在一些不足：1、层次结构深的话，递归执行效率不高。2、深层递归有可能会导致内存溢出。奈何本人数据结构稀烂，递归转非递归算法现在还没整明白，所以暂时先凑合着用，应当继续学习学习。以下是我的代码：/** * 对象转字符串 */function objToString(obj) {

首先声明的是：这是转载的文章，之前不玩博客，所以就只是复制了下来，忘了原博主谁了，抱歉。不过好东西肯定是要分享的1.    最常见的在canvas上画图的方法是使用Image对象。所支持的来源图片格式依赖于浏览器的支持，然而，一些典型的图片格式(png，jpg，gif等)基本上都没有问题。2.    2在下面的所有例子中，图片源将会使用这张256×256尺寸的图片。

一般情况下在一个页面通过js代码触发一个元素绑定的事件的方法：    $('#doc').trigger('事件名，比如click');    或者是：    $('#doc').click();        但是在一个内嵌框架中要调父窗口的点击事件的时候，应该写成：    parent.$('#settingUser',parent.doucment).trigger(

//导入按钮关闭冒泡事件$("触发元素").click(function(event) { if (event && event.stopPropagation) { event.stopPropagation(); } else { window.event.cancelBubble = true; } $('#impor

首先还是抱歉忘了原博主谁，不过好东西一定要分享 // 兼容性的旋转,基本上是利用HTML5的canvas实现的，如果是一个相册的预览， // 则应该在上下一张的点击事件中删除canvas元素，否则只能旋转一张图片 // 这里有个问题需要处理，就是如果图片设置了行内样式的width和height时， // 旋转后不能显示整张照片,还有就是 function