- 博客(14)
- 收藏
- 关注
原创 我的前端知识梳理-VUE篇
梳理一下个人开发中遇到的一些vue问题,记录一下个人的理解。 原文链接 1 Vue的底层原理 当你把一个普通的 JavaScript 对象传入 Vue 实例作为 data 选项,Vue 将遍历此对象所有的属性,并使用 Object.defineProperty 把这些属性全部转为 getter/setter。Object.defineProperty 是 ES5 中一个无法 shim 的特性,这也...
2019-12-17 14:05:05
413
原创 我的前端知识梳理-ES6篇
原文链接 本篇记录部分es6相关内容和个人理解。 1、let,const var 会变量提升;let 声明的变量只在它所在的代码块有效; 它们是继 var 之后, 新的变量定义方法。与 let 相比,const 更容易被理解,用于定义常量,即不可变量 2、块级作用域 没有块级作用域。这个问题之所以为人所熟知,是因为它引发了诸如历遍监听事件需要使用闭包解决等问题。 <button>一&l...
2019-12-17 13:58:41
211
原创 我的前端知识梳理-ES5篇
本篇文章记录自己对es5知识点的理解 1 JS创建对象的方式 es5有三种方式创建对象,分别是 // 第一种方式,字面量var o1 = {name: “o1”}var o2 = new Object({name: “o2”})// 第二种方式,通过构造函数var M = function(name){ this.name = name }var o3 = new M(“o3”)// 第三种方式,...
2019-12-17 13:52:09
335
原创 我的前端知识梳理-HTML,CSS篇
前言:由于最近在梳理一下我自己的知识体系,为了更好的记录,现在把整理好的资料分享出来,也希望能够发现错误的地方能够予以指点。谢谢。 (1)dom选择器优先级是什么,以及权重值计算 1.行内样式 1000 2.id 0100 3.类选择器、伪类选择器、属性选择器[type=“text”] 0010 4.标签选择器、伪元素选择器(::first-line) 0001 5.通配符*、子选择器、相邻选择器...
2019-12-17 13:46:49
201
原创 vue 开源组件库分享
介绍 收录基于vue开发的UI库、动画库、admin管理系统、数据可视化平台等内容。 bin-ui 基于vue2.6的UI组件库 Github 仓库 | 码云仓库 | 文档说明 bin-tree-org 树形组织图组件 Github 仓库 | 码云仓库 | 文档说明 bin-animation 基于vue transition钩子函数的css3动画库 Github 仓库 | 码云仓库 | 文档地址...
2019-12-17 13:43:40
364
原创 bin-ui 基于vue的组件库
bin-ui 基于vue2.6的UI组件库 Github 仓库 | 码云仓库 | 文档说明 前言 bin-ui,是基于vue2.6的pc端组件,在一年前,我还是个只会使用element-ui的初级使用者,在公司的要求下,搭建了一个初版的后台管理系统,在业务需求不断增加和编写的过程中,使我逐渐对vue和element-ui有了更深刻的认识。由于公司的ui 逐渐的个性化,使得我在编写业务组件中需要不断...
2019-12-17 13:42:56
537
原创 bin-admin 后台管理系统脚手架
预览 本项目是基于 Vue2.6,配合使用 bin-ui 作为组件库来进行搭建wcm后台管理系统,在基于vue-admin1.0 版本基础上进行二次重构,增加了登录的token验证和简单主题配置功能,目前暂时为2.0.0版本初稿,后续会进行持续更新。 功能概述 - 全局功能 - 动态侧边栏(支持多级路由嵌套) - 动态面包屑 - 快捷导航(标签页) - 阿里iconfont图...
2019-12-17 13:42:15
417
原创 bin-data 大数据可视化平台
bin-data 说明 本项目是基于 Vue2.6,配合使用 bin-ui 作为组件库来进行搭建, 参考阿里DataV来实现的一套数据可视化配置系统,主要实现对百度地图的多拽生成和动态配置。 现已实现一版简易版,包括折线图,中国地图,柱状图,饼状图,条形图,雷达图等6个图标的样式配置和数据配置,后续继续进行完善补充,现发布第一版 文档及预览,后续持续更新… 预览 功能概述 lowdb实现本...
2019-12-17 13:41:22
896
原创 vue树形组织结构组件
介绍 为实现组织结构图,参考实现了一个简易版组织结构图,组件实现参考vue-org-tree, 在此基础上将部分源代码进行优化修改,并将labelWidth更改成labelStyle以便暴露给外部全量的修改label样式。并附上使用测试案例和开发文档。 仓库和文档 Github 仓库 | 码云仓库 | 文档说明 效果图 ...
2019-12-17 13:40:40
1523
2
原创 前端工具包之log美化
前言 我们在开发过程中,总会封装一些公共函数来作为我们的工具来简化代码或者复用代码,为此,我打算整理一下我日常工作中常用的一些封装的工具函数,本篇文章主要想实现下面的控制台输出效果,接下来就来看看吧。 系列文章 1.前端工具包之深浅拷贝 2.前端工具包之日期格式化 3.前端工具包之防抖函数 4.前端工具包之小工具 5.前端工具包之log美化 背景 作为一个前端开发者,肯定避免不了F12的控制台调...
2019-12-17 13:39:39
1095
原创 前端工具包之小工具
前言 我们在开发过程中,总会封装一些公共函数来作为我们的工具来简化代码或者复用代码,为此,我打算整理一下我日常工作中常用的一些封装的工具函数,本篇文章不重点介绍某个工具,而是一系列小功能的拆分和封装。 系列文章 1.前端工具包之深浅拷贝 2.前端工具包之日期格式化 3.前端工具包之防抖函数 4.前端工具包之小工具 5.前端工具包之log美化 背景 通常开发中我们会遇到各种类似添加移除事件,添加移除...
2019-12-17 13:38:44
178
原创 前端工具包之防抖函数
前言 我们在开发过程中,总会封装一些公共函数来作为我们的工具来简化代码或者复用代码,为此,我打算整理一下我日常工作中常用的一些封装的工具函数,本篇文章为防抖函数的相关封装 系列文章 1.前端工具包之深浅拷贝 2.前端工具包之日期格式化 3.前端工具包之防抖函数 4.前端工具包之小工具 5.前端工具包之log美化 背景 我们在日常开发中经常会遇到一个需求,比如在滚动事件中需要做个复杂计算或者实现一个...
2019-12-17 13:37:59
343
原创 前端工具包之日期格式化
前言 我们在开发过程中,总会封装一些公共函数来作为我们的工具来简化代码或者复用代码,为此,我打算整理一下我日常工作中常用的一些封装的工具函数,本篇文章为时间日期的格式化工具函数封装。 系列文章 1.前端工具包之深浅拷贝 2.前端工具包之日期格式化 3.前端工具包之防抖函数 4.前端工具包之小工具 5.前端工具包之log美化 背景 通常开发中我们会遇到各种类别的日期形式如比较常见的new Date(...
2019-12-17 13:37:11
338
原创 前端工具包之深浅拷贝
前言 我们在开发过程中,总会封装一些公共函数来作为我们的工具来简化代码或者复用代码,为此,我打算整理一下我日常工作中常用的一些封装的工具函数,本篇文章为对象、数组的deepClone函数封装。 系列文章 1.前端工具包之深浅拷贝 2.前端工具包之日期格式化 3.前端工具包之防抖函数 4.前端工具包之小工具 5.前端工具包之log美化 背景 let a = { age: 1 } let b ...
2019-12-17 13:35:35
148
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人