晓东的博客 | Eric Blog

前端开发规范

前端开发规范：命名规范、html规范、css规范、js规范命名驼峰式命名法介绍 Pascal Case 大驼峰式命名法：首字母大写。eg：StudentInfo、UserInfo、ProductInfo Camel Case 小驼峰式命名法：首字母小写。eg：studentInfo、userInfo、productInfo 文件资源命名文件名不得含有空格文件名...

Posted by Eric Blog on November 10, 2018

Javascript执行机制

1.关于javascript javascript是一门单线程语言，在最新的HTML5中提出了Web-Worker，但javascript是单线程这一核心仍未改变。所以一切javascript版的”多线程”都是用单线程模拟出来的，一切javascript多线程都是纸老虎！ 2.javascript事件循环既然js是单线程，那就像只有一个窗口的银行，客户需要排队一个一个办理业务，同理js任务...

Posted by Eric Blog on November 10, 2018

理解$nexttick和其用处

理解Vue的双向绑定原理 Vue的双向绑定最重要的原理就是通过Object.defineProperty把data对象的属性全部转为getter/setter。每个组件实例都有相应的watcher实例对象，它会在组件渲染的过程中把属性记录为依赖，之后当依赖的setter被调用时，会通知watcher重新计算，从而致使它关联的组件得以更新。 Vue是异步执行DOM更新，观察到数据变化，Vu...

Posted by Eric Blog on September 20, 2018

Vue和jsp的结合

调试方式 Vue+iframe的开发方式需要起两个工程服务（Vue、jsp），两个工程端口不一样，根据浏览器的同源策略，iframe会产生dom跨域，最麻烦的调试方法就是Vue打包到jsp里查看效果，但这种调试方式大大影响效率，因为开发的时候肯定会有各种问题，需要多次调试。查阅资料发现父页面和子页面中都设置document.domain可以解决iframe跨域问题。获取子页面的windo...

Posted by Eric Blog on September 20, 2018

vue组件

vue component

组件（component）是vue最强大的功能之一，它可以简化每个页面的代码量，一个页面（page）可以由多个组件组装而成，公共的组件，又有利于代码的重用，组件化程度高有利于后期的代码维护。基本用法组件也是一个普通的.vue文件，包含<template>、<script>、<style>三部分，和一般的.vue文件没有什么区别。在页面.vue文件中...

Posted by Eric on January 11, 2018

vue项目结构搭建

vue structure

本章我们介绍一下怎么搭建vue的项目结构，利用vue-cli可以快速搭建vue项目。安装vue-cli 首先需要安装node，这里就不细讲了，全局安装vue-cli: 1 npm install vue-cli -g 这种安装速度一般比较慢，可以利用淘宝镜像替换npm为cnpm: 1 npm install -g cnpm --registry=https://registry...

Posted by Eric on January 8, 2018

vue项目总结系列文章

vue project summary

最近一个月，一直在做vue的项目–网格通，参照原生app写成h5页面，嵌套在壳里面，这是公司技术转型的一次尝试。h5页面的优势是开发周期短，可以同时应用在ios和Android端，减少开发成本，但其缺点也很明显，用户体验不如原生。自己也是刚接触vue，只能变学变做，看了vue的官方文档2遍，然后开始用vue-cli搭建整个开发框架，然后大家就在框架基础之上进行开发，开发过程中遇到很多的坑，所...

Posted by Eric on December 25, 2017

原始类型值和对象

原始类型值和对象 JavaScript定义了不同值之间的区别：原始值包括：boolean、number、string、null和undefined。一种复杂类型：对象。他们的主要区别是他们是如何被比较的，每一个对象有一个独一无二的标志，并且仅和自己相等: 1 2 3 4 5 6 > var obj1 = {}; > var obj2 = {}; > ...

Posted by Eric on April 3, 2017

作用域与预解析

作用域与预解析作用域一般只针对变量和函数而言，作用域控制着变量和函数的可见性和生命周期。变量的作用域总是整个函数（没有块级作用域）。函数作用域在函数里面定义的变量叫做局部变量，这种变量只在函数内部有效，而在函数外部定义的变量叫做全局变量，其在整个程序里面都有效。预解析 JavaScript在script标签里面的过程分为预解析和执行两个过程，预解析就是程序执行之前做的事情。预解析会...

Posted by Eric on March 31, 2017

JavaScript的输入和输出

JavaScript的输入和输出 JavaScript有很多种输入和输出方式，具体应用需要看项目的需求和具体的用途，比如测试代码的输出结果是否正确，可以用alert()弹出代码的运算结果。本文就这些输入和输出方式做一下总结，方便大家用到的时候参考。输入 js的输入主要有prompt()，该方法提供了最简单的信息输入方式，其基本格式如下：Window.prompt(“提示信”, 预定输入信息...

Posted by Eric on March 29, 2017

Eric Blog