吴孔云的博客

write less, do more

git submodule 完整用法整理

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

2018-08-11 19:17:32

阅读数 630

评论数 0

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

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

2018-01-20 11:58:24

阅读数 1822

评论数 0

XMLHttpRequest使用指南大全

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

2018-01-10 16:35:38

阅读数 2611

评论数 1

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

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

2018-01-09 19:44:42

阅读数 1877

评论数 0

深入理解xhr的responseType中blob和arrayBuffer

最近有个需求,服务器端下载视频,存储到本地,然后再播放,下载存储后播放不了。debug后发现是responseType未正确设置。 一般的xhr请求 let url = window.URL || window.webkitURL; let xhr = new XML...

2017-10-14 10:28:22

阅读数 16294

评论数 0

详解ES7的async及webpack配置async

项目中有个需求,类似视频网站下载视频,比如有5个case,每个case有数量不等的的video需要从服务端下载,并且video的下载顺序是串联的,只有当正在下载的case下载完才能下载另外一个case,否则下一个case处于wait状态。 如何解决此问题 使用Promise 利用pr...

2017-10-12 09:07:26

阅读数 3319

评论数 0

js正则表达式(一)

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

2017-09-18 12:35:40

阅读数 375

评论数 0

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

安装JDK下载JDK,可到以下oracle官网下载: http://www.oracle.com/technetwork/java/javase/downloads/index.html 需要选择对应的版本,选择jdk-8u111-macosx-x64.dmg,然后双击安装!!! 注:这...

2017-09-14 13:58:35

阅读数 2008

评论数 0

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

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

2017-09-12 11:40:35

阅读数 1107

评论数 0

解析Web Workers

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

2017-09-07 17:35:16

阅读数 232

评论数 0

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

最近项目中需要使用video来代替有点复杂的动画(video循环自动播放),遇到了使用过程中的两个坑 ios端默认全屏解决办法查阅资料说在在video标签加如下属性<video webkit-playsinline="webkit-playsinline"><...

2017-09-07 14:35:03

阅读数 9257

评论数 2

js浮点数加减乘除

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

2017-09-07 11:44:46

阅读数 185

评论数 0

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

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

2017-02-24 12:38:21

阅读数 679

评论数 0

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

为什么需要模块化?随着网站内容越来越复杂,浏览器和用户的交互越来越细腻,网站再也不是简单的内容呈现,更像是一个复杂的客户端软件,其中html/css/js代码越来越多,逻辑越来越复杂,越来越不便于管理,多人协作成本加深,为了解决这些问题,才出现了模块化的概念,也就是说模块化更多的是工程方面的产出,...

2017-02-19 19:04:52

阅读数 3473

评论数 0

前端路由相关实现

前端路由:客户端浏览器可以不依赖服务端,根据不同的URL渲染不同的视图页面。 前端路由实现思路 在页面不刷新的前提下实现url变化 捕捉到url的变化,以便执行页面替换逻辑 前端路由实现方法HASH我们经常在 url 中看到 #,这个 # 有两种情况,一个是我们所谓的锚点,比如典型的回到顶部按钮原...

2017-02-16 18:28:00

阅读数 312

评论数 0

webpack相关问题记录

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

2017-01-23 17:09:30

阅读数 360

评论数 0

NPM配置问题

配置npm的全局模块的存放路径以及cache的路径启动CMD,输入npm config set prefix "D:\Program Files\nodejs\node_global"npm config set cache "D:\Program Files\nod...

2017-01-20 16:49:59

阅读数 418

评论数 0

NPM常用命令

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

2017-01-10 15:11:44

阅读数 11305

评论数 2

js对象属性的getter和setter

在看Vue的API时,里面提到修改Model层,会实时更新View视图,底层原理利用的是ES5的getter和setter方法,通过 Object.defineProperty 把属性全部转为 getter/setter。故温故一遍getter和setter定义属性的方法。 通过对象字面量定义ge...

2017-01-03 17:02:01

阅读数 5508

评论数 0

详解javascript作用域和闭包

参考书籍《你不知道的javascript的上卷》 作用域是什么 现代JavaScript已经不再是解释执行的,而是编译执行的。但是与传统的编译语言不同,它不是提前编译,编译结果不能进行移植。编译过程中,同样会经过分词/词法分析,解析/语法分析,代码生成三个阶段。 以var a = 2;语句为例,对...

2016-12-14 11:21:47

阅读数 378

评论数 0

提示
确定要删除当前文章?
取消 删除
关闭
关闭