wind_dc-CSDN博客

原创 vue源码之：Object.create(null)

在vue和vuex源码中看到有使用Object.create(null) 创建对象的代码，有点疑惑为什么要使用Object.create(null)，而不是{}？这两种方式创建的对象有什么区别？一、Object.create(null) 和 {} 的区别var obj1 = {};console.log(obj1); // {}console.log(Object.getProt...

2018-10-11 15:45:07 1183

原创 JavaScript设计模式之单例模式

单例模式在前边的闭包中有实现过一部分。它的核心是确保只有一个实例，并且提供全局访问点。单例模式的实现主要是利用闭包来保存实例，如果实例已经存在，就使用该实例，如果不存在，则执行相应的函数来创建实例。一、单例模式在实战中最常见的就是创建弹窗：常用的创建弹窗的方法主要有以下几种：1､页面初始化的时候，创建好一个隐藏的弹窗，当用户需要弹窗显示时，再修改样式，让其显示。<body&...

2018-09-21 12:22:14 161

原创 JavaScript设计模式之基础知识：闭包、高阶函数

闭包和高阶函数是JS学习中非常难懂的概念，是步入中高级程序员的门槛。下面是我在学习中的一些心得：一、闭包1､闭包的实现依赖JS中变量的作用域（即作用域链）和生存周期：1) 全局变量：在全局环境下声明的变量，或者在函数中不使用关键词var、let、const声明的变量。全局变量的特性是：在所有的函数中均可访问；如果不主动销毁该变量，其生存周期是永久的。全局变量拥有全局作用域，在代码的任何...

2018-09-19 17:07:40 202

前段时间使用weex开发了一款app。这里记录了开发的过程，重点是遇到的坑。首先声明，笔者是前端，对android和ios一无所知，也没有参与过app相关的开发，在app开发方面纯属小白，所以开发时对app操作中一些基础问题也没有考虑到，走了很多弯路。这里还是建议如果想要开发app，最好还是先了解一些app的基础规则，比如Android的物理返回键，页面跳转规则，常规的手势操作等。如果在文中哪些地...

2018-09-17 11:42:05 1206 1

原创 weex开发app全记录：APP欢迎页

APP欢迎页是每次打开APP后出现的页面，接着会自动跳转到主界面。一般欢迎页用来做公司产品的宣传。当然weex自带的欢迎页不适合在项目中使用，这里记录了如何修改欢迎页。1､找到 platforms/android/app/src/main/res/layout/activity_splash.xml 文件，这个文件是欢迎页可以修改背景、文本、图片等。2､文本内容：在platfo...

2018-09-12 18:31:21 957

原创 JavaScript设计模式之基础知识：this，call，apply

设计模式系列是笔者读《JavaScript设计模式与开发实践》时的读书笔记，其中有一些是笔者自己的理解。如果有错误的地方，希望大家帮忙指正，谢谢！----------------------------------------------------------------------------------------------------this 是在函数运行时基于函数的执行环境绑定...

2018-09-11 18:17:12 167

原创 gulp-babel使用报错：Cannot find module '@babel/core'

gulp打包是不兼容ES6的，需要使用gulp-babel插件转义后方可打包。按照gulp-babel的提示安装，打包时报错：Cannot find module '@babel/core'。后来改变了一下这三个插件的安装方式居然可以用了：npm install gulp-babel --save-devnpm install babel-preset-env --...

2018-09-05 16:15:18 7167

原创 vue-router踩坑：History模式下，打包后页面访问404

在开发vue单页应用时，遇到一个问题：在history模式下，开发环境各页面访问正常，但是在生产环境（nodejs/Express服务器），只能访问首页，其他使用vue-router跳转的页面全部是404。而在hash模式下开发环境和生产环境路由跳转均无问题。后来详细查看vue-router文档中关于history部分，提到中间件：connect-history-api-fallback。var ...

2018-07-09 18:37:49 18577 2

原创 Performance：前端页面性能监控

Performance是HTML5提供的，用于获取当前页面中与性能相关的信息（如：页面每个处理阶段精确时间）的API。可以通过调用只读属性 window.performance来获得。浏览器兼容：IE9+，Chrome6+，Firefox7+一、属性1､Performance.navigation 提供了在指定时间内发生的操作相关信息，包括redirectCount和type两个属性。 red...

2018-06-26 18:27:46 6842

bxl0218的博客