5 KongyunWu

尚未进行身份认证

前端er

等级
TA的排名 3w+

git submodule 完整用法整理

最近有个项目遇到有子模块,遂整理下。。牛逼的人感觉看官网就行,像我这种菜鸟总是需要反复记忆,git官网链接戳此。1.先来个官方的APIgitsubmodule[--quiet]add[<options>][--]<repository>[<path>]gitsubmodule[--

2018-08-11 19:17:32

Vue与React的异同-组件(二)

Vue与React都鼓励组件化应用,即将应用分拆成一个个功能明确的模块,每个模块之间可以通过合适的方式互相联系,但各自的实现略有不同。以下谈谈我的理解,如有不对,欢迎指正在Vue组件中,有几个观念和React相差比较大,我觉得主要有以下这几点:Vue组件分为全局注册和局部注册,在react中都是通过import相应组件,然后模版中引用props是可以动态变化的,子组件也实时更新,在r

2018-01-20 11:58:24

XMLHttpRequest使用指南大全

Ajax和XMLHttpRequest我们通常将Ajax等同于XMLHttpRequest,但细究起来它们两个是属于不同维度的2个概念。 以下是我认为对Ajax较为准确的解释:(摘自what is Ajax) AJAX stands for Asynchronous JavaScript and XML. AJAX is a new technique for creating

2018-01-10 16:35:38

Vue与React的异同—生命周期(一)

React与Vue都有lifecycle生命周期的概念,表示每个组件实例在被创建之前都要经过一系列的初始化过程。比如设置数据监听、编译模板、挂载实例到视图、在数据变化时更新视图等。Vue生命周期 所有的生命周期钩子自动绑定 this 上下文到实例中,因此你可以访问数据,对属性和方法进行运算。这意味着 你不能使用箭头函数来定义一个生命周期方法 (例如 created: () => this.fe

2018-01-09 19:44:42

深入理解xhr的responseType中blob和arrayBuffer

最近有个需求,服务器端下载视频,存储到本地,然后再播放,下载存储后播放不了。debug后发现是responseType未正确设置。一般的xhr请求leturl=window.URL||window.webkitURL;letxhr=newXMLHttpRequest();xhr.open(method,url,[,async=tr

2017-10-14 10:28:22

详解ES7的async及webpack配置async

项目中有个需求,类似视频网站下载视频,比如有5个case,每个case有数量不等的的video需要从服务端下载,并且video的下载顺序是串联的,只有当正在下载的case下载完才能下载另外一个case,否则下一个case处于wait状态。如何解决此问题使用Promise 利用promise的then方法,但是因为无法确定每个case的video的数量,导致不能确定后面应该接几个t

2017-10-12 09:07:26

js正则表达式(一)

最近对正则表达式又不熟悉了,故重新疏漏API,以后每日写一个正则来练习提升正则表达式中特殊字符的含义字符类别(Character Classes). //matches any single character excepet line terminators: \n, \r\d //Matchees any digit ==[0-9]\D //Matches any charact

2017-09-18 12:35:40

cordova 安卓开发环境搭建(Mac OSX

安装JDK下载JDK,可到以下oracle官网下载: http://www.oracle.com/technetwork/java/javase/downloads/index.html 需要选择对应的版本,选择jdk-8u111-macosx-x64.dmg,然后双击安装!!! 注:这个地方一定要1.8的版本或以上,否则在 cordova build android 的时候会出现 Uns

2017-09-14 13:58:35

移动端Web页面常见问题解决

安卓浏览器看背景图片,有些设备会模糊。用同等比例的图片在PC机上很清楚,但是手机上很模糊,原因是什么呢?经过研究,是devicePixelRatio作怪,因为手机分辨率太小,如果按照分辨率来显示网页,这样字会非常小,所以苹果当初就把iPhone 4的960*640分辨率,在网页里只显示了480320,这样devicePixelRatio=2。现在android比较乱,有1.5的,有2的也有3的。想让

2017-09-12 11:40:35

解析Web Workers

详解Web Workres理念Web Worker为Web内容在后台线程中运行脚本提供了一种简单的方法。线程可以执行任务而不干扰用户界面。此外,他们可以使用XMLHttpRequest执行 I/O (尽管responseXML和通道属性总是为空)。一旦创建, 一个worker 可以将消息发送到创建它的JavaScript代码, 通过将消息发布到该代码指定的事件处理程序 (反之亦然)

2017-09-07 17:35:16

html5的video在IOS端默认全屏和黑屏问题

最近项目中需要使用video来代替有点复杂的动画(video循环自动播放),遇到了使用过程中的两个坑ios端默认全屏解决办法查阅资料说在在video标签加如下属性<video webkit-playsinline="webkit-playsinline"></video>无奈测试机是ios10,上面这段代码在iOS8,9下生效 因项目是react工匠,不支持除data-*之外的自定义属性,需在c

2017-09-07 14:35:03

js浮点数加减乘除

解决js浮点数加减乘除不准确的问题

2017-09-07 11:44:46

关于Function.prototype.apply.call的一些补充

宿主对象,在javascript中有三类对象,本地对象,内置对象和宿主对象。其他两类暂且不提,宿主对象是指什么呢(DOM BOM),控制台对象是文档对象模型的扩展,也被认为是宿主对象。那么,它们有什么缺陷呢?在IE9之前,宿主对象不是继承自Object,它们的方法也不继承自Function,IE9之后就大有改进了。看下IE8与IE9的document.getElementByIdie8:ie9:我

2017-02-24 12:38:21

从前端模块化的概念来理解Webpack

为什么需要模块化?随着网站内容越来越复杂,浏览器和用户的交互越来越细腻,网站再也不是简单的内容呈现,更像是一个复杂的客户端软件,其中html/css/js代码越来越多,逻辑越来越复杂,越来越不便于管理,多人协作成本加深,为了解决这些问题,才出现了模块化的概念,也就是说模块化更多的是工程方面的产出,为了应对更复杂的网站开发。>在ES6之前,前端模块的实现本质都是利用JS神器:闭包。 闭包使得函数在调用

2017-02-19 19:04:52

前端路由相关实现

前端路由:客户端浏览器可以不依赖服务端,根据不同的URL渲染不同的视图页面。前端路由实现思路在页面不刷新的前提下实现url变化捕捉到url的变化,以便执行页面替换逻辑前端路由实现方法HASH我们经常在 url 中看到 #,这个 # 有两种情况,一个是我们所谓的锚点,比如典型的回到顶部按钮原理、Github 上各个标题之间的跳转等,路由里的 # 不叫锚点,我们称之为 hash,大型框架的路由系

2017-02-16 18:28:00

webpack相关问题记录

编译scss文件安装node-sass编译sass文件需要两个模块sass-loader和node-sass,如果通过npm install node-sass -save-dev不成功,可以通过写入package.json文件中"sass-loader": "^4.1.1","node-sass": "^3.4.2",再通过npm install依赖安装

2017-01-23 17:09:30

NPM配置问题

配置npm的全局模块的存放路径以及cache的路径启动CMD,输入npm config set prefix "D:\Program Files\nodejs\node_global"npm config set cache "D:\Program Files\nodejs\node_cache" 公司电脑,换了个用户,之前安装npm在另外个目录下,导致默认还是otheruser的配置,并且np

2017-01-20 16:49:59

NPM常用命令

npm是什么NPM的全称是Node Package Manager,是随同NodeJS一起安装的包管理和分发工具,它很方便让JavaScript开发者下载、安装、上传以及管理已经安装的包。npm install 安装模块npm install (with no args, in package dir)npm install [<@scope>/]<name>npm install [<@sco

2017-01-10 15:11:44

js对象属性的getter和setter

在看Vue的API时,里面提到修改Model层,会实时更新View视图,底层原理利用的是ES5的getter和setter方法,通过 Object.defineProperty 把属性全部转为 getter/setter。故温故一遍getter和setter定义属性的方法。通过对象字面量定义get和set方法有个注意的地方,get与set的函数体都不能再定义本身该属性,否则执行的时候会陷入死循环,

2017-01-03 17:02:01

详解javascript作用域和闭包

参考书籍《你不知道的javascript的上卷》作用域是什么现代JavaScript已经不再是解释执行的,而是编译执行的。但是与传统的编译语言不同,它不是提前编译,编译结果不能进行移植。编译过程中,同样会经过分词/词法分析,解析/语法分析,代码生成三个阶段。以var a = 2;语句为例,对这一程序语句对处理,需要经过引擎,编译器,作用域三者的配合。其中,引擎从头到尾负责整个javascrip

2016-12-14 11:21:47

查看更多

勋章 我的勋章
  • 持之以恒
    持之以恒
    授予每个自然月内发布4篇或4篇以上原创或翻译IT博文的用户。不积跬步无以至千里,不积小流无以成江海,程序人生的精彩需要坚持不懈地积累!