[转] Vue原理解析——自己写个Vue
一、Vue对比其他框架原理
Vue相对于React，Angular更加综合一点。AngularJS则使用了“脏值检测”。
React则采用避免直接操作DOM的虚拟dom树。而Vue则采用的是 Object.defineProperty特性（这在ES5中是无法slim的，这就是为什么vue2.0不支持ie8以下的浏览器）
Vue可以说是尤雨溪从Angular中提炼出来的，又参照了React的 ...
一个web前端开发者的日常唠叨
时间飞逝，距离上一次更新博客已经过去了三个月，上一篇博客的发布时间停留在了4月4日。
近来三个月没有更新博客，深感抱歉和愧疚。停更博客就意味着学习的越来越少，作为一个普通的前端开发者来说这是万万不可取的。近日入职了一家新公司，在上一家公司里只是草草的待了三个月，导致离职的原因有很多，这里就不赘 ...
1. 个人经验总结 - 前端开发经验总结
前端开发过程（如果有的部分已经有现有代码或者已经提前做好了，那么可以提前）
项目结构
注意要分层设计，如Angular中分为好多层
注意提取公共组件
（路由）注意每个子业务需要有独立的url（即每个子页面需不需要有独立的url，比如有子路径，或者有id参数等），这样可以保证刷新页面不会回到初始界面。这要根据具体业务 ...
06 BootStrap前端开发框架(超级好用)
1.BootStrap概念： 一个前端开发的框架，Bootstrap，来自 Twitter，是目前很受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JavaScript 的，它简洁灵活，使得 Web 开发更加快捷。框架:一个半成品软件，开发人员可以在框架基础上，在进行开发，简化编码。好处： 1. 定义了很多的css样式和js插件。我们开发人员直接可 ...
vsCode格式化插件
ESlint：是用来统一JavaScript代码风格的工具，不包含css、html等。
背景
近来研究前端，然后一直在百度上找VScode格式化（ESlint）的插件，结果找了半天都不靠谱。目前没有一个可以格式化html、css、符合ESlint的js、vue的插件，所以自己东拼西凑加实践找到解决方法。
一、安装插件
1）ESlint：javascript代码检测工具， ...
认识web前端开发
web前端开发
1、web即web系统，是以网站的形式呈现，通过浏览器的访问来实现一定的功能的系统。
2、什么是前端开发？
前端开发是创建web页面或app等前端界面呈现给用户的过程。通过html、css、js以及衍生出来的各种技术、框架、解决方案来实现互联网产品的用户交互界面。
3、现在流行的三大网站 ...
2、fiddler实际工作中的应用场景（前端开发和测试使用）
ctrl+shift+del 清除浏览器缓存
1、发现bug
通过抓包，看http请求的响应状态码
例如密码未加密问题（安全性bug）
状态码为 404（不一定是整个网页显示不出来，也可能是某个请求请求不到资源，显示404，前端页面对应的地方就会显示不出来），500的bug
提交bug的时候直接写出那一条请求出现了404 500，
2、 ...
前端开发者必备的Nginx知识
摘要： 最常用的Web服务器 -- Nginx
原文：前端开发者必备的Nginx知识
作者：ConardLi
Fundebug经授权转载，版权归原作者所有。
Nginx在应用程序中的作用
解决跨域
请求过滤
配置gzip
负载均衡
静态资源服务器
nginx是一个高性能的HTTP和反向代理服务器，也是一个通用的TCP/UDP代理服务器，最初由俄罗斯人Igor Sysoev ...
[转] service worker初探：超级拦截器与预缓存
在2014年，W3C公布了service worker的草案，service worker提供了很多新的能力，使得web app拥有与native app相同的离线体验、消息推送体验。 service worker是一段脚本，与web worker一样，也是在后台运行。作为一个独立的线程，运行环境与普通脚本不同，所以不能直接参与web交互行为。native app可以做到离线使用、消息推 ...
项目总结（一）配置化前端开发
前端服务化的第一种方式是提供一套组件库, 如element，iview，ant design，此时开发人员的开发方式为: 在代码中用组件拼凑页面, 然后写代码逻辑.
前端服务化的第二种方式, 是提供页面可视化组装系统, 这个系统输出组装后的前端工程源码，通过可视化生成模板工程, 开发人员不需要关注前端组件, 只需要编写代 ...
解决前端开发环境中的的跨域问题
一、为什么会有跨越问题是客户端浏览器同源策略导致的，就是浏览器不允许不同源的站点相互访问。试想一下要是没有这个，那站点里的安全信息如cookie，账号/密码等是不是很容易被其它站点获取。二、解决思路知道是客户端浏览器为了安全使用同源策略导致的，而服务端是没有这个限制的，那我们就只能通过服务端进行跨域了。不 ...
想做前端开发？推荐几个必备珍品组件库
前端是一个一直在发展的名词，从最初刀耕火种时代的页面仔到文艺复兴时期的前端工程化再到如今新时代的大前端，前端技术在某种程度上似乎可以为所欲为了。但是我们这次讨论的是前端技术中的一部分—组件库。
什么是组件？为什么要用组件库？
组件是组成页面中最基本的元素，按钮，输入框，下拉选择都是组件，组件和组件组 ...
前端开发者手册
前端开发者手册2019
Cody Lindley 编著 原文地址
本手册由Frontend Masters赞助，通过深入现代化的前端工程课程来提高你的技能。
下载：PDF | epub
翻译&校验：neekychan(微博) 和 freedom
完整文章，请访问 前端开发者手册2019
概要
这是一本每个人都可以用来学习前端开发 ...
[转] 彻底搞懂word-break、word-wrap、white-space
white-space、word-break、word-wrap（overflow-wrap）估计是css里最基本又最让人迷惑的三个属性了，我也是用了n次都经常搞混，必须系统整理一下，今天我们就把这三个属性彻底搞清楚！
测试代码
(文末有本文中所有例子的代码)下面是本文中用于测试三个样式属性展现情况的html代码：
<div id="box">
Hi ,
Th ...
前端开发，最新技术栈总结
1. 基础前端开发者
1.1 HTML & CSS
最基础的知识:
语义化的HTML元素
基础的CSS语法
Flexbox & Grid
CSS变量
浏览器开发者工具
1.2 响应式布局
响应式设计将不再是网页的加分项, 而是必须的
设置viewport
非固定宽度
媒体查询
使用 rem 替代 px
移动优先,柱状显示
1.3 基础的部署工作
学会如何部署一个静态网站到服务器
...
12、微信前端开发利器：WeUI
1、前言
通过前面系列文章的学习与讲解，相信大家已经对微信的开发有了一个全新的认识。后端基本能够基于盛派的第三方sdk搞定大部分事宜，剩下的就是前端了。关于手机端的浏览器的兼容性问题相信一直是开发者们的一块心病，对于微信开发前端组件这一块总是找不到合适的移动端组件，什么都要自己去实现，这个开发成本就大了 ...
高性能极致用户体验前端开发实战
课程介绍
高性能极致用户体验前端开发实战课程适合所有前端开发学习或者从业者，结合目前前端开发的最佳实践，提供前端网页性能分析优化知识，结合实际项目经验分析可以采用的优化思路，并给出开发高性能极致体验网页的通用方法和技巧。 课程官方博客：前端学堂
在开始学习本课程之前，先提2个基本要求：
了解 ...
2019BJFU 网站设计(孙俏-web前端开发)实验代码-181002222
实验1：老师给的图片材料忽略喵~自己设计的有图片喵~
。。。省略
实验2：
1 <!doctype html>
2 <html lang="en">
3 <head>
4 <meta charset="UTF-8">
5 <title>icafe咖啡馆</title>
6 <link rel="stylesheet" type="text/css" href="style.css">
7 <link rel="icon" type="image/x-icon" href="/ ...
前端开发常用网站汇总
全手打原创，转载请标明出处：https://www.cnblogs.com/dreamsqin/p/10954024.html，多谢，=。=~
工具类
1、浏览器兼容性查询
https://www.caniuse.com/
2、RGB与十六进制颜色码转换
https://www.sioe.cn/yingyong/yanse-rgb-16/
3、图标库
https://fontawesome.com/icons?d=gallery
https://ic ...
降维打击！为什么我认为数据结构与算法对前端开发很重要
> 事情要从 GitHub 上的一个 issue 谈起：https://github.com/LeuisKen/leuisken.github.io/issues/2，需求里面的我指代为 issue 里面的我。
从一个需求谈起
在我之前的项目中，曾经遇到过这样一个需求，编写一个级联选择器，大概是这样：
1
图中的示例使用的是 Ant-Design 的 Cascader 组 ...
