1、获取屏幕滚动高度 document.body.scrollTop：firefox可识别 document.documentElement.scrollTop：chrome可识别 浏览器不识别，得到的是0。但是两者在同一浏览器中只有一个生效，所以平时用的时候，可以
|
1 |
var wid = document.documentElement.scrollTop || document.body.scrollTop |
2、获……
ES6-Promise获取错误
promise是ES中一个异步操作对象，它把操作放到堆栈中按照先进先出的原则进行处理。这里我只说两种捕获错误的方法作记录。 1、最常用的，在then的末尾加上catch，跳过then，直接进入catch（返回错误）
|
1 2 3 4 5 6 7 8 9 10 11 12 13 |
new Promise(resolve=>{ setTimeout(()=>{ throw new Error('错误') },1000) }) .then(value => { console.log('hello') }) .catch(e=>{ console.log('this is a '+e.message) }) //Uncaught Error: 错误 //at setTimeout (<anonymous>:3:15)` |
2、参数方法，同样跳过then（返回错误信息而已） [cr……
原生JS操作DOM
通过html dom可以访问javascript html文档的所有元素。 当网页被加载时，浏览器会创建页面的文档对象模型（Document Object Model）。 通过可编程的对象模型，JavaScript 获得了足够的能力来创建动态的 HTML。 JavaScript 能够改变页面中的所有 HTML 元素 JavaScript ……
React学习6-配置react和webpack
react和webpacklian联合开发过程中涉及到一些配置的更改 1、热更新的开启
|
1 2 3 4 5 6 7 |
{ "scripts": { "test": "echo \"Error: no test specified\" && exit 1", "start": "webpack-dev-server" }, } //给webpack-dev-server重新命名，就可以运行 npm start 来开启热更新 |
2、webpack性能设置
|
1 2 3 4 5 6 7 8 9 10 |
var webpack = require('webpack'); var path = require('path'); module.exports = { //性能 performance:{ hints:'warning', //级别：超出文件大小限制给出什么级别的提示 maxEntrypointSize:100000, //限制最后生成的bundle.js的大小，单位bytes maxAssetSize:450000, //对图片和文件的限制，大小bytes }, } |
3、source-map 打包后的文件被压缩过，使用source……
移动营销设计
这算是一篇读书笔记，最近看了一本关于h5的移动营销设计的书。 其实这本书还是比较适合跟技术经常做交接但是并不写代码的人，大致是那些市场、运营、设计岗位的人吧。里面很少涉及到代码层面的东西，多半是关于营销的，比如如何设计一个页面能达到传宣效果，或者说应该采用怎样的设计风格等等。 这里就不多说太多，主要记录开发同学在开发过程中可能会用到的点，……
React学习5-开发笔记
记录学习过程中的方法或者问题 1、要在render中展示一个html内容 比如里面的空格，可以进行Unicode转码后再放到render中，但是这种方法还需要提供额外的接口处理内容，不方便。
|
1 2 |
var username='XXXXXXX'; //html内容 <p dangerouslySetInnerHTML={{__html: username}}></p> |
这种方法其实“dangerous”，因为在JSX中安全。 2、当一个……
React学习4－开发设置
项目可以进行开发了，但是开发过程中，我们可以设置更多的东西来帮助我们开发更方便快捷。 1、及时打包
|
1 |
webpack --watch |
每次修改js文件，都要运行webpack打包，因为html中引用的是这个打包后的文件，所以很不方便，执行这个命令后，在js中做任何修改保存后都会自动打包 2、实时刷新浏览器 ……
React学习3－使用npm管理项目
之前在官网看到使用script进行引用的方式进行react的开发，包括在一些简单项目中，我也是引用过来后进行开发的，前期简单的使用是为了了解react的思想，在进入大的项目之前首先需要配置一个更完整的项目环境。 npm是现在比较常用的包管理工具 1、项目配置初始化
|
1 |
npm init |
进入一系……
xampp+nginx配置多域名
前端开发通常用一个本地集成环境搭建简单的本地服务，但是有时候根据项目需求需要一个特殊的域名地址。 比如我在本目录下有好多个项目，每个项目都在浏览器的目录路径下访问即可，但是就有一个项目中路径都是相对路径，导致访问出错，那么需要设置一个单独的域名或者端口进行访问。 那么问题来了，我本地是xampp的集成环境，又没有nginx配置，所以要一步……
chrome插件开发
这两天有一个浏览器插件的需求： 在网页上右键图片，可以把图片上传到指定的服务器！ 其实后端的开发还比较简单，拿到一个图片的路径，下载下来，调用服务器接口上传，比如上传到了七牛。 主要在于前端怎么获取。插件开发网上有教程，首先有几个文件需要：manifest.json，index.html， 配置文件：manifest.json 这个文件设……