2019年5月7日
前端知识总结--css用div画环形圆
摘要： 如何用最少的div画最多的环形？如下图所示最少需要多少个div? 暂时想到的利用div的边框、内外阴影及befor和after的伪元素实现 以下代码可以实现上图效果： 欢迎批评指正！ 阅读全文
posted @ 2019-05-07 15:27 jadefan 阅读(3821) 评论(1) 推荐(0) 编辑
vue之生命周期与导航守卫
摘要： 组件钩子函数： beforeCreate、created、beforeMount、mounted、beforeUpdate、updated、beforeDestroy、destoryed 还有两个特殊的（使用keep-alive）：activated、deactivated（不详述） v2.5.0+ 阅读全文
posted @ 2019-05-07 14:32 jadefan 阅读(515) 评论(0) 推荐(0) 编辑
前端知识总结--js异步事件顺序
摘要： js中异步事件中容易混淆的 Promise 和 setTimeout 的执行顺序是怎样的？ 输出： 如果Promise中不包含异步事件： 输出： 阅读全文
posted @ 2019-05-07 13:40 jadefan 阅读(521) 评论(0) 推荐(0) 编辑
2019年5月2日
vue之双向绑定
摘要： Vue的一大核心是双向绑定，在2.0中采用数据劫持，用Object.defineProperty实现，但作者已声明在3.0中会采用proxy实现 Object.defineProperty是什么？proxy是什么？为什么要换呢？我们来探讨下 Object.defineProperty 是js中一个高 阅读全文
posted @ 2019-05-02 09:36 jadefan 阅读(330) 评论(0) 推荐(0) 编辑
2019年4月30日
vue环境搭建简介
摘要： 简单整理下vue的安装的新建项目 安装node.js和npm 安装vue 安装脚手架 vue-cli 安装完成后，执行命令查看vue版本 安装webpack 创建项目 设置项目属性 Project name 输入项目名称 Project description 输入项目描述 Author 作者 Vu 阅读全文
posted @ 2019-04-30 19:35 jadefan 阅读(168) 评论(0) 推荐(0) 编辑
前端知识总结--BFC
摘要： Block Formatting Context，中文直译为块级格式上下文。 1. BFC的定义 是 W3C CSS 2.1 规范中的一个概念，它决定了元素如何对其内容进行定位，以及与其他元素的关系和相互作用。 在创建了 Block Formatting Context 的元素中，其子元素会一个接一 阅读全文
posted @ 2019-04-30 16:36 jadefan 阅读(204) 评论(0) 推荐(0) 编辑
前端知识总结--js原型链
摘要： js的原型链听着比较深奥，看着容易晕，梳理一下还是比较容易懂的 (先简单写下，后续有时间再整理) 原型链：就是js的对象与对象之间，通过原型组成建立的层层关系，构成了整个链条，称之为原型链 （个人理解，欢迎交流） js中一切皆对象，我们看到的变量、函数、类型，都是顶级对象Object的实例，也就是说 阅读全文
posted @ 2019-04-30 14:47 jadefan 阅读(638) 评论(0) 推荐(0) 编辑
前端知识总结--浏览器渲染
摘要： 整理下常问的知识点 浏览器是多进程程序，通常情况下，每打开一页面就需要打开要给tab，就会在系统里启动一个进程，每个进程里又是多线程运行，线程之前共享资源 Browser进程：浏览器的主进程（负责协调、主控），只有一个。作用有 负责浏览器界面显示，与用户交互。如前进，后退等 负责各个页面的管理，创建 阅读全文
posted @ 2019-04-30 09:16 jadefan 阅读(438) 评论(0) 推荐(0) 编辑
2019年4月28日
css左右布局，左侧固定，右侧自适应
摘要： 实现布局的几种方法，见代码： 阅读全文
posted @ 2019-04-28 16:59 jadefan 阅读(1806) 评论(0) 推荐(0) 编辑
2019年4月18日
Webpack 入门教程
摘要： Webpack 是一个前端资源加载/打包工具。它将根据模块的依赖关系进行静态分析，然后将这些模块按照指定的规则生成对应的静态资源。 1、安装node.js 根据网上教程安装即可 2、安装webpack 3、创建项目文件目录 创建文件夹test目录，创建js目录与文件main.js, 4、npm初始化 阅读全文
posted @ 2019-04-18 11:49 jadefan 阅读(147) 评论(0) 推荐(0) 编辑