banghuiju4331-CSDN博客

转载 chrome控制台console方法表

控制台console表达式表console.clear()/clear() 清空控制台console.log() 方法可以接受一个或多个表达式作为参数，并将他们的值打印到控制台（可使用CSS样式显示）// %s 字符串格式// %i 或 %d 整型格式// %f 浮点格式// %o DOM节点// %O JavaScript 对象...

2017-09-20 11:28:00 100

转载记一次移动端CSS引发的小Bug

翻开我的博客，大部分都是关于知识点的总结、防混淆、查漏补缺的文章，没有什么关于实际操作的解决办法，刚好今天遇到了一些关于CSS的问题，稍稍记录下来，给我以后写实际操作的技术博客练手。好吧，言归正传。今天要在一个H5页面中，添加一个点击事件。很简单吧，但是这个点击事件的位置有点风骚，兄弟节点有点击事件，父节点也有点击事件。怎么办呢？没问题，根据事件的三个阶段：捕获阶段，目...

2017-08-28 19:19:00 93

转载 JavaScript的事件

一、事件绑定要想让JavaScript对用户的操作作出响应，首先要对 DOM 元素绑定事件处理函数。所谓事件处理函数，就是处理用户操作的函数，不同的操作对应不同的名称。它是事件驱动编程模式的主要编程方式在javascript中，有三种常用的绑定事件的方法：在DOM元素中直接绑定；Element节点的事件属性； //DOM0级事件处理程序绑定事件监听函； //D...

2017-08-24 10:32:00 73

转载浅谈webpack打包原理

浅谈webpack打包原理模块化机制webpack并不强制你使用某种模块化方案，而是通过兼容所有模块化方案让你无痛接入项目。有了webpack，你可以随意选择你喜欢的模块化方案，至于怎么处理模块之间的依赖关系及如何按需打包，webpack会帮你处理好的。关于模块化的一些内容，可以看看我之前的文章：js的模块化进程核心思想：一切皆模块：正如js文件可以是一个“模块...

2017-08-19 16:47:00 76

转载 JS模块化进程

js的模块化进程现在前端技术日新月异，对于同一个问题痛点，各个时段有各自的解决方案，这就带来了很大差异。今天我就打算梳理js模块化的历史进程，讲一讲这些方案要做什么，怎么做。js模块化进程的起因现今的很多网页其实可以看做是功能丰富的应用，它们拥有着复杂的JavaScript代码和一大堆依赖包。当一个项目开发的越来越复杂的时候，你会遇到一些问题：命名冲突（变量和函数命名可能相同...

2017-08-19 16:46:00 85

转载理解React的组件

理解React组件虽然一直用React写东西，但却不曾从原生去看待react组件的渲染方式，今天就打算深入探讨。有什么理解不对的欢迎指正功能上看React组件现在有一个web网站，这个网站可以实现很多功能，我们依据功能，把他们分成一个个小功能碎片，每个小功能碎片需要更多逻辑功能，还可以继续细分。这里React组件就是相当于这样一个个可组合的功能单元，可并列，可嵌套。从结构...

2017-08-19 16:45:00 59

转载 JS之class的前世今生

Javascript之class的前世今生最早JavaScript中所谓的类，其实是一种设计模式：一个构造函数（consturctor）和一个用于在该类实例间共享属性和方法的原型对象（Objcet.prototype）的结合。为了达到继承，通过函数来模拟类来创建对象。今天我主要讲讲js类的发展，一是理清class的实质，二是掌握继承extends的实现，三是梳理ES6以前的关于这...

2017-08-19 16:44:00 123

转载常用的居中方式

居中日常工作常用到居中，方法很多，在这里梳理几种常见方法水平居中大致列表，主要有三类：1.适用块级元素水平居中居中元素css： margin:0 auto2.适用行内元素水平居中父元素： text-align:center3.需要已知居中元素的宽居中元素:：left:50%;margin-left: -(居中元素宽/2)；水...

2017-08-19 16:42:00 144

转载理清Js的各种遍历

JS的遍历说起遍历，我常用JQ的each遍历DOM集，以及用map遍历Json。然而还有很多遍历方法for，forEach，for in等，有原生的有JQ的，他们有何区别呢？所以我决定写一写博客梳理我关于遍历的知识。首先，先分清原生js和jQuery的遍历方法：1.原生JS遍历方法：for、for in、forEach、for of、map2.jquery遍历方法：$...

2017-08-19 16:41:00 72

转载说一说promise

一、ES6 promise现在ES6很火，今天打算捋一捋ES6中promise，弄清楚核心，掌握这个知识点。promise到底是什么？通过console.dir(Promise)我们可以看到Promise是一个构造函数，有resolve（），reject（），all（），race（）等方法，也有catch（），then（）等构造方法resolve，rej...

2017-08-19 16:40:00 89

转载 Css布局属性详解

display1.块级 block此元素前后会带有换行符此元素可以设置width,height属性。块级元素即使设置了宽度,仍然是独占一行（除非浮动或者position），这里设置的宽度是显现内容的宽度，缺省为父容器宽度可以设置margin和padding属性常用：div,form,table,p,pre,h1~h6,dl,ol,ul块级元素水...

2017-08-19 16:37:00 73

转载 JS线程

最近发现一个问题，setTimeout设置为0时，并不是瞬时0秒后触发里面的函数，从而牵引出关于js线程的一些问题。从多方资料了解了很多，现在做个总结加深自己的理解，也为一些不知道的朋友做个讲解,欢迎指正。我们从js的线程讲起。浏览器的内核是多线程的，他们相互配合保持同步。一个浏览器至少有三个常驻线程，JS引擎线程（用于处理JS事件），GUI渲染线程（用于页面渲染），事件触发线程（...

2017-08-19 16:36:00 77

转载 git常用操作命令

最近开始使用git，打算真正进入程序员的世界。虽然之前也有用过，但只是粗略玩了一下。近期打算深入，所以打算从命令行入手，然后就写这个博文，给入门用的，一方面整理我的知识，另一方面也为开源的世界做出自己的贡献（现在真心觉得博客是个好东西，看到别人的博文来学习，少走弯路）。这篇博客的内容基本上是讲解如何用git命令行做出一些日常的操作，分几个动作，然后简单讲一下如何在github搭建...

2017-08-19 16:35:00 74

转载 js判断之类型转换总结

最近遇到==判断时，觉得强制转换的概念有点模糊，于是上网查找答案，越看越乱，所以今天我自己总结一下js的判断原则为什么看多了觉得乱，每一个人的解释都没问题，但是不够完整不够明确，所以我来总结的话，重要的是记住几项基本原则，其他都是这几项原则的变形而已。基本原则：1.null和undefined类型比较始终相等2.原始类型（string、number或...

2017-08-19 16:34:00 54

转载用css3画3d动画的思路

最近试了下CSS3动画，现在通过一个例子简单讲一讲我用css3画3d视图的思路。任何时候敲代码前都要想清楚我要干什么，我要敲一个简单的3d旋转画册。一、 1.首先用一个总容器包含所有的图片，设定属性perspective: 1000px，表示他距离我们屏幕1000px的距离，从二维变成了三维 2.要使用3d旋转，必先要有一个参考系使所有图...

2017-08-19 16:31:00 76

转载简述css3动画

简单讲一讲CSS3的动画属性，transition，transform和animation 一、transition 过渡transition 是一个简写属性，可扩展为1.transition-property属性，设置过渡效果的属性名称值可为：none（没有属性有效果）|| all（所有属性有效果）|| property（自定义属性名称）2...

2017-08-19 16:30:00 40

转载简单讲讲访问一个网页的过程

今天我想梳理访问一个网页发生的故事。 1.首先，访问一个网页，就要输入该网页的地址，就是域名（如www.baidu.com） 2.通过输入的域名，进行DNS解析（域名解析）从而找出网页的ip地址（如192.168.1.1） 3.浏览器与该服务器通过三次握手协议建立连接（tcp协议），这里可以通过本机缓存的cookies状态信息，保持...

2017-08-19 16:30:00 129

转载谈一谈js的内存分配

因为js是一门动态语言，动态分配内存的方式让使用者运用快速便捷，却忽略了他的内存分配机制，今天我来试着理清思路。还是那个惯例，从基础讲起，然后发散思维，由浅入深。JavaScript有两种变量类型，原始值和引用值。原始值指的是原始数据类型，分别为undefined,null,number,string,boolean类型。引用值指的是复合数据类型，即Object、...

2017-08-19 16:27:00 93

转载函数声明之function与var

纸上得来终觉浅，绝知此事要躬行。软件这行业，很多东西还是要靠敲代码敲出来的，你以为看书看的很通透，例子也能做出来的东西，一需要深入混合运用顿时觉得懵逼了。关键还是在于一知半解，不够深入。今天我就总结一下近段时间遇到并纠结过的一些知识。老规矩，由浅入深，用发散性思维思考每个知识点。一、声明一个函数 function与var1.fun...

2017-08-19 16:24:00 139

转载 win7下react-native安卓打包踩坑

都说工具使我们使用更加方便，然而最近研究React-native打包还有webpack这些工具，真是一把心酸一把泪。感觉这些开发工具对window系统十分不友好，外国佬都是都在用mac系统的土豪。言归正传，今天写下这个打包流程，目的是希望可以帮助那些和我一同奋斗在window系统的童鞋。我这里会先介绍完整流程，和一些可能会遇到的问题及解决方法一、完整打包流程（1）打开p...

2017-08-19 16:20:00 68

转载探究react native的View

最近需要用到React-native的手势操作，从而去看了关于View的许多文档，现在做个总结。首先，还是要知道他的解释，看了文档的都知道，react-native的View，不论在什么平台上，他都对应一个平台的原生视图，无论他是UIView、div、还是Android.view.View。然后再是去看他的属性方法，这些属性方法就是今天的重头戏了。一、...

2017-08-19 16:19:00 124

转载 js数组的拷贝赋值复制二三事总结

今天在看React-native性能优化的时候，看到如何避免shouldComponentUpdate的异常数据时，脑内一阵风暴，从而牵连出一连串的问题，于是有了这一篇关于js数组的复制（深浅拷贝）与赋值等为何能产生异常数据的文章。有什么问题欢迎指正现在进入正题：首先异常数据的产生在于我们在复制赋值时，会有或没有改变到本身的值。一、push与concat...

2017-08-19 16:16:00 81

转载理清JS数组、json、js对象的区别与联系

最近在敲代码时，遇上了一个关于JS数组的问题，由此引发了关于对象和json的联想，曾经觉得很畅顺的知识点突然模糊了。于是，为了理清这些东西，有了如下这篇文章。觉得没问题的猿们可以当复习，而那些带着疑问的童鞋可以细细看。当然，有任何问题欢迎指出。理清这些问题，第一步当然是找到他们的概念：js所有事物都是对象：字符串、数值、数组、函数...此外，JavaScript允许自定义对象...

2017-08-19 16:13:00 58

转载 react-native学习小结

目录一、prop，state，ref二、React组件思想三、react-native的两种写法：ES5（有时会遇到）、ES6（推荐写法）一、prop，state，ref1.ref：引用一个组件(是从render中返回该组件实例)2.props：组件中的属性， 2.1常用于跳转页面的传值：this.props.navigator.push({co...

2017-08-19 16:08:00 106

转载 react-native学习路线总结

本人新手web前端程序员一枚，应公司要求学习React-native框架，作为博客萌新来讲讲我这一个月学习历程，新人和前端的朋友们可以一看，其他都可看，反正不用你掏钱啊。首先当然还是介绍一下react-native这个框架：他是我们大FaceBook公司推出的一款专门用于App的js框架，号称“Learn once, write anywhere”。本意是想兼容iOS和An...

2017-08-19 16:03:00 68

转载关于浏览器解析html全过程详解

本人web前端菜鸟一枚，第一次在这里发博客梳理知识，知识都是从各地方查阅引用以及自己的理解得来，有什么错误的地方欢迎指正。DOM文档通常加载的步骤：1.解析HTML结构。2.加载外部脚本和样式表文件3.解析并执行脚本代码。4.DOM树构建完成。//DOMContentLoaded5.加载图片等外部资源。6.页面加载完毕。//load顺序是这样，但...

2017-08-19 16:00:00 250