晓东的博客 | Eric Blog

Svg在vue中的使用和问题

Svg在Vue中的使用和问题前言想到这个主题是因为工作中icon使用的一些不便和前段时间改缺陷遇到的兼容性问题。 icon的演进史雪碧图刚开始大部分图标都是用 img 来实现的。渐渐发现一个页面的请求资源中图片 img 占了大部分，所以为了优化有了image sprite 就是所谓的雪碧图，就是将多个图片合成一个图片，然后利用 css 的 background-positi...

Posted by Eric Blog on February 17, 2019

2018年总结及2019年计划

2018年总结 2018年发生了蛮多事情，这里一定要总结一下，为后续的规划做准备。发生的事件 2017年8月，我转行前端工程师，进入电信工作，虽然是2018年总结，但这件事是我工作三年后的一个转变和更加清晰的决定。之前三年的工作，从事了一年多的本行业工作（海洋工程），虽然我也很喜欢这个行业，也学习了6年的时间，转行确实浪费，但由于行业的衰落，无法满足我的经济需求。后来考虑转行进...

Posted by Eric Blog on January 5, 2019

前端开发规范

前端开发规范：命名规范、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

Eric Blog