bing709的博客

原创 gitbook构建文档系统

简介 GitBook是一个基于node.js的命令行工具，可使用Github/Git和Markdown来制作精美的电子书 使用 假如您已经安装了node，您可以使用npm做以下的操作。 项目中安装gitbook-cli(非全局) 注意：下面使用的npx指令，会自动去./node_modules/.bin目录下面搜索执行指令。如果不使用npx指令，可以使用node_modules\.bin\git...

原创 记一次关于vue性能问题

当时开发项目的时候，涉及到一个操作列表（不是单纯展示的列表，里面包含很多操作功能）的功能。把列表的每个小item写成一个子组件，当时写子组件没有考虑到数据量的问题。所以在写子组件，并没有做什么优化，而且里面还加了form表单校验，里面还有很多事件处理，样式处理等等复杂的逻辑。 注意： 首先需要从设计上面来说简化功能（弱化这种列表的功能，省去没有必要的功能，比如说表单校验。这样可以在提交的时候，...

原创 作用域从何而来

var b = 'outerB'; function foo() { var b = 'foo'; bar(); } function bar() { console.log(b) } foo() // outerB 对输出的结果有没有疑惑呢？下面分析为什么是这个结果 // 模拟伪代码，加深印象 // 创建的时候，会插入一个全局对象Global Object(简写：GO) f...

原创 执行环境及作用域链

执行环境 请看下面的示例代码： var color = 'Hello World!'; function changeColor() { if (color === "blue") { color = "red"; } else { color = "blue"; } } changeColor(); 上面的代码中changeColor函数能访问外部变量color...

原创 作用域

JavaScript是一门编译语言，在编译的流程中，程序中的一段源代码在执行之前会经历分词/词法分析、解析/语法分析和代码生成三个步骤，统称为编译 作用域 一套设计良好的规则来存储变量，并且之后可以方便找到这些变量。这套规则被称为作用域。 在学习作用域之前先引入一个概念 引擎 从头到尾负责整个JavaScript程序的编译及执行过程。 编译器 引擎的好朋友之一，负责语法分析及代码生成等脏活累...

原创 事件

JavaScript和HTML之间的交互是通过事件实现的。事件，就是文档中或浏览器窗口中发生的一些特定的交互瞬间。 事件流 事件流描述的是从页面中接收事件的顺序。IE 的事件流是事件冒泡流，而Netscape Communicator 的事件流是事 件捕获流。 可以想象画在一张纸上的一组同心圆。如果你把手指放在圆心上，那么你的手指指向的不是一个圆，而是纸上的所有圆。如果你单击了某...

原创 移动端适配实例（总结性）

一直对移动端的适配没有比较清晰的认识，感觉一直都是处于比较游离的状态。每次做关于移动端的项目，心里比较虚，很多东西拿不准。 学习过程 从手淘H5终端适配这个文档中大概学到了一个比较清晰的流程（这个文档真的真的很好）。在学习下面内容之前可以先去了解一些手机适配的基本概念 <meta name="viewport" content="width=device-width, init...

转载 手机屏幕适配的一些基本概念

原创 在项目中使用babel

BABEL 做项目的时候，没有考虑到使用新技术会产生的一些问题，比如使用es6新功能，导致很多浏览器不兼容（尤其是ie）。 babel的介绍 Babel 是一个编译器。 从宏观角度看，它将运行代码分为3个阶段: 解析，转换，及生成(与其他编译器相同). babel的使用 官网提供的配置 根据自己项目需要，选择相应的工具(本次使用webpack演示) 安装 npm inst...

原创 git基本使用

git基本使用

原创 git常用的指令

git clone git clone **.git git clone **.git "指令目录" git clone -b [new_branch_name] **.gitgit add git add

原创 spring+mybatis事务管理（声明式+编码式）

spring事务 声明式+编码式

原创 mybatis逆向工程（命令生成法）

Mybatis的逆向工程（命令生成发）