随笔分类 -  Web

前端知识总结--性能优化
摘要：前端性能优化方案大体分为网络传输优化和页面内容优化， 网络方面 1、减少http请求 合并js文件 合并css文件 雪碧图的使用(css sprite) 使用base64表示简单的图片 2、减小资源体积 gzip压缩 js混淆 css压缩 图片压缩 3、使用缓存 DNS缓存 CDN部署与缓存 htt 阅读全文
posted @ 2019-05-14 14:29 jadefan 阅读(230) 评论(0) 推荐(0)
前端知识总结--ES6新特性
摘要：ECMAScript 6.0（以下简称 ES6）是 JavaScript 语言的下一代标准，已经在 2015 年 6 月正式发布了。它的目标，是使得 JavaScript 语言可以用来编写复杂的大型应用程序，成为企业级开发语言。 整理下ES6的新特性，具体用法不详细描述，只作为总结归纳 1、let 阅读全文
posted @ 2019-05-08 16:18 jadefan 阅读(1909) 评论(0) 推荐(0)
前端知识总结--css用div画环形圆
摘要：如何用最少的div画最多的环形？如下图所示最少需要多少个div? 暂时想到的利用div的边框、内外阴影及befor和after的伪元素实现 以下代码可以实现上图效果： 欢迎批评指正！ 阅读全文
posted @ 2019-05-07 15:27 jadefan 阅读(3861) 评论(1) 推荐(0)
vue之双向绑定
摘要：Vue的一大核心是双向绑定，在2.0中采用数据劫持，用Object.defineProperty实现，但作者已声明在3.0中会采用proxy实现 Object.defineProperty是什么？proxy是什么？为什么要换呢？我们来探讨下 Object.defineProperty 是js中一个高 阅读全文
posted @ 2019-05-02 09:36 jadefan 阅读(339) 评论(0) 推荐(0)
前端知识总结--js原型链
摘要：js的原型链听着比较深奥，看着容易晕，梳理一下还是比较容易懂的 (先简单写下，后续有时间再整理) 原型链：就是js的对象与对象之间，通过原型组成建立的层层关系，构成了整个链条，称之为原型链 （个人理解，欢迎交流） js中一切皆对象，我们看到的变量、函数、类型，都是顶级对象Object的实例，也就是说 阅读全文
posted @ 2019-04-30 14:47 jadefan 阅读(647) 评论(0) 推荐(0)
前端知识总结--浏览器渲染
摘要：整理下常问的知识点 浏览器是多进程程序，通常情况下，每打开一页面就需要打开要给tab，就会在系统里启动一个进程，每个进程里又是多线程运行，线程之前共享资源 Browser进程：浏览器的主进程（负责协调、主控），只有一个。作用有 负责浏览器界面显示，与用户交互。如前进，后退等 负责各个页面的管理，创建 阅读全文
posted @ 2019-04-30 09:16 jadefan 阅读(458) 评论(0) 推荐(0)
css左右布局，左侧固定，右侧自适应
摘要：实现布局的几种方法，见代码： 阅读全文
posted @ 2019-04-28 16:59 jadefan 阅读(1824) 评论(0) 推荐(0)
Webpack 入门教程
摘要：Webpack 是一个前端资源加载/打包工具。它将根据模块的依赖关系进行静态分析，然后将这些模块按照指定的规则生成对应的静态资源。 1、安装node.js 根据网上教程安装即可 2、安装webpack 3、创建项目文件目录 创建文件夹test目录，创建js目录与文件main.js, 4、npm初始化 阅读全文
posted @ 2019-04-18 11:49 jadefan 阅读(154) 评论(0) 推荐(0)
web前端素材整理汇总
摘要：最近一直搞前端开发，整理下前端用的一些常用素材，分享给大家 框架类 Vue：https://cn.vuejs.org/ iview：https://www.iviewui.com/ 插件类 Jquery插件库：http://www.jq22.com/ UI类 Bootstrap模板大全：https: 阅读全文
posted @ 2017-08-27 23:41 jadefan 阅读(1554) 评论(0) 推荐(0)