分类目录：前端

以下是分类 前端 下的所有文章

Js中的连等赋值

| 前端 | | 暂无评论 | 16156 views

1
2
var a=1,b=1;
var a=b=1;

以上两种定义方式有什么不同

1
2
3
4
5
6
function test1() {
    var a=b=1111;
}
test1();
console.log(a); //a is not defined
console.log(b); //1111

b成为了全局变量。下面再看一个：

1
2
3
4
5
6
7
var a=1,b=2,c=3;  
(function(){
   var a=b=1;
})();
 
console.log(a); //1
console.log(b); //1

同样这个例子其实考察到闭包的问题，b=1进行了全局更改，所以最后输出了1 上面都……

js闭包

| 前端 | | 暂无评论 | 11443 views

js的闭包，简单来说就是提供了一个在外部访问另一个函数内部局部变量的方式。 先写一个常见的例子：

1
2
3
4
5
6
7
8
9
10
var add = (function () {
    var counter = 0;
    return function () {return counter += 1;}
})();
add();
add();
add();
// 计数器为 3

注意: 为什么上面这段代码没有直接写的 function add (){…} 而是把function赋值给了变量add呢? 我们通常会想当然的认为每次调用 add(……

常见js兼容问题

| 前端 | | 暂无评论 | 1660 views

1、获取屏幕滚动高度 document.body.scrollTop：firefox可识别 document.documentElement.scrollTop：chrome可识别 浏览器不识别，得到的是0。但是两者在同一浏览器中只有一个生效，所以平时用的时候，可以

1
var wid = document.documentElement.scrollTop || document.body.scrollTop

2、获……

ES6-Promise获取错误

| 前端 | | 暂无评论 | 1918 views

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

| 前端 | | 暂无评论 | 1903 views

通过html dom可以访问javascript html文档的所有元素。 当网页被加载时，浏览器会创建页面的文档对象模型（Document Object Model）。 通过可编程的对象模型，JavaScript 获得了足够的能力来创建动态的 HTML。 JavaScript 能够改变页面中的所有 HTML 元素 JavaScript ……

React学习6-配置react和webpack

| 前端 | | 暂无评论 | 13429 views

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……

移动营销设计

| 前端,闲谈 | | 暂无评论 | 1881 views

这算是一篇读书笔记，最近看了一本关于h5的移动营销设计的书。 其实这本书还是比较适合跟技术经常做交接但是并不写代码的人，大致是那些市场、运营、设计岗位的人吧。里面很少涉及到代码层面的东西，多半是关于营销的，比如如何设计一个页面能达到传宣效果，或者说应该采用怎样的设计风格等等。 这里就不多说太多，主要记录开发同学在开发过程中可能会用到的点，……

React学习5-开发笔记

| 前端 | | 暂无评论 | 1232 views

记录学习过程中的方法或者问题 1、要在render中展示一个html内容 比如里面的空格，可以进行Unicode转码后再放到render中，但是这种方法还需要提供额外的接口处理内容，不方便。

1
2
var username='XXXXXXX'; //html内容
<p dangerouslySetInnerHTML={{__html: username}}></p>

这种方法其实“dangerous”，因为在JSX中安全。   2、当一个……

React学习4－开发设置

| 前端 | | 暂无评论 | 1382 views

项目可以进行开发了，但是开发过程中，我们可以设置更多的东西来帮助我们开发更方便快捷。 1、及时打包

1
webpack --watch

每次修改js文件，都要运行webpack打包，因为html中引用的是这个打包后的文件，所以很不方便，执行这个命令后，在js中做任何修改保存后都会自动打包 2、实时刷新浏览器 ……