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 clonegit clone **.gitgit clone **.git "指令目录"git clone -b [new_branch_name] **.gitgit addgit add

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

spring事务 声明式+编码式

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

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