王圣松

前端开发工程师开源中国

98关注

80关注者

968掘力值

赞

83

更多

专栏

王圣松
7月前
Vue灵活骨架屏组件封装组件源码及其完整示例，戳这里👇👇👇👇👇 骨架屏，其实就给用户展示一个页面的大体骨架，不会让用户有等待时间过长的感觉。实际也比菊花式加载用户体验也会好很多既然是骨架屏，作为一个用户视觉缓冲工具，很多地方可能会用。为了实现简单，我封装了一个骨架屏的组件。使用者将想要的布局封装为一个树状的数据结构，...
- 3
- 收藏
阅读全文
王圣松
8月前
React+React Router入门 --- 人员管理实例如果你想学REACT，但是看了半天没有好一点的上手DEMO，想学个REACT，满大街的TODO-LIST，让我不免有点心累。想到我去年同期自学VUE的时候，还有个小增删改查的小例子。于是灵机一动，掏出了去年的那个小教程（VUE + VUE ROUTER）。这里贴一下本文灵感来源，感谢这篇文章...
- 3
- 收藏
阅读全文
王圣松
12月前
了解一下ES6: 函数&简述深浅拷贝有时候，函数的非必填参数，我们可以给予其默认值。保证程序完整不会出错在早期，我们赋初始值可能是这样做的：但是这种方法不够整洁和美观。且维护较为麻烦在ES6中，我们可以直接在参数栏上指定默认值这样让方法看起来更加整洁。且保证了程序的正常运行转换为ES5代码后，我们可以看出：其转换方法就是判...
- 3
- 收藏
阅读全文
王圣松
1年前
了解一下ES6: 解构赋值&字符串首先，我们先了解一下什么是解构赋值。解构赋值就是分解一个数组/对象，用数组/对象的方式定义变量，然后按照规则赋值给变量错误示范: 因为等号左边是对象的方式，等号右边则是数组的方式，类型不类似。那这样我们就遵循解构赋值等号两边结构类似的原则，也定义一组结构类似的变量如果我们只想要数组其中一个...
- 1
- 收藏
阅读全文
王圣松
1年前
了解一下ES6: let & const 写之前翻了翻掘金的LET & CONST系列文章，写的人很多。搞得我不想去做重复运动了。但是大部分都写的很难懂。今天我们来写一篇易懂的 EMM......错了错了，应该是下面这张图片在之前，我们常常用var去声明一个变量。但是var本身就有一些问题：在VAR的概念里，没有块级作用域在LET类...
- 1
- 收藏
阅读全文
王圣松
1年前
用jQuery手写一个小游戏玩法：开局一个球两块板子。其中最上方是电脑板子，会跟着球跑。球达到板子上回弹回来。打到你的板子上也是回弹出去。如果达到了上下边界。游戏结束游戏部分，我们按照以下图示尺寸设定我们采用JAVASCRIPT继承的方式来写这个游戏。首先先定义一个GAMEOBJECT $EL为选择器。代表JQUERY...
- 66
- 收藏
阅读全文
王圣松
1年前
从一个小项目快速入门Scss 很多人昨天都没找到我，其实我去...... 面价格不贵，50一碗可以加个鸡蛋加根肠。加个微信就算了哈哈哈哈今天我们来用一个VERYVERYVERY SIMPLE的小项目来了解一下SCSS，这个非常火的技术一大堆不同缎带和盒子颜色的礼物盒。然后用Scss 随机填充颜色和随机坐标首先，我们先了解...
- 41
- 收藏
阅读全文
王圣松
1年前
前端项目框架搭建随笔---DatePicker组件编写距离上次更新13天了。。。由于时间紧迫，只实现了传入开始时间和结束时间的功能使用插件：BETTER-SCROLL，YDUI的时间处理工具类看起来很容易解决，但串联起来不容易思考了半天，想了这么一种解决思路：仔细阅读的小伙伴可能就了解了，我这种解决思路是层层递减的。也就是选中我所选择的单位...
- 21
- 收藏
阅读全文
王圣松
1年前
前端项目框架搭建随笔---Tab组件的编写低下头看了看自己的手环。距离自己的flag已经跳票3天了。。。不为什么，因为我懒#滑稽 #滑稽#滑稽咳咳，咱们今天进入正题---TAB组件的编写为了自由度高一点，我们采用 TAB+TABPANEL 的方式制作。这种制作方式也是大部分UI框架的制作方式以往我们写TAB 头部写头部的东西，内容...
- 41
- 收藏
阅读全文
王圣松
1年前
前端项目框架搭建随笔---input组件的编写接上篇文章，费心劳神好几天的项目框架终于可以用了。现在可以开始写页面了吧？既然上司说，UI框架我们自己来写，那我们就自己写吧。虽然答应的时候挺痛快。真到写的时候，首先就不知道从哪里开始下手了那我们就一点点来。先从组件框架开始一点点做。首先先排布一下UI框架目录。在于上司聊了许久后，最后决定...
- 111
- 收藏
阅读全文
王圣松
1年前
前端项目框架搭建随笔---Webpack踩坑记只知道Webpack怎么拼怎么用的我。。被领导委托搭建移动端项目框架。。。咱虽然对Webpack一窍不通，也得保持风度 “那个大哥，咱这边移动端用啥UI框架？” “得过几天想想。。搞不好咱们自己手写一套” 熟练的打开PowerShell，把vue脚手架搞好，把多页面跟着教程配置好。什么意思呢？...
- 100
- 收藏
阅读全文
王圣松
1年前
前端神器—Google Chrome Devtools细节详解本人是一位没出实习期的前端小菜鸟一枚，这几个月发现了GOOGLE CHROME DEVTOOLS的易用性非常高的小功能和小细节特意分享给大家。欢迎大家收藏+点赞。新人需要鼓励哈哈 1. STYLES内悬浮样式名可以高亮符合样式名的所有元素（如图）这个功能还是比较有用的。适用于查看自己写的样式...
- 324
- 收藏
阅读全文
王圣松
1年前
聊一聊Vue中的回调函数有句话怎么讲来着，书到用时方恨少。平常我们撸Vue，感觉即使用props封装组件。。也很少自己制作回调这种看起来高大上的东西....... 但是实际开发中封装组件并不是这样的。许多组件需要子父组件进行通信产品经理有个需求，需要让你做一个优惠券列表。然后需要把优惠券列表封装成组件。在下单支付时，调...
- 29
- 收藏
阅读全文
王圣松
1年前
谈一谈前端经典问题---性能优化性能优化已经算是个最最最最最经典的问题了。现在无论打开拉勾网，Boos直聘等求职软件。凡是前端的岗位，无论薪资多少都要求应聘者懂得“性能优化” 性能优化仿佛离我们很遥远。有些时候，我们写代码只停留在“实现功能”就可以了。但是如果你的页面加载太慢，用户体验就会很差。本文着重讲讲几个性能优化的关键点和...
- 6
- 收藏
阅读全文

个人成就

获得点赞748

文章被阅读21,880

掘力值968

加入于

2018-05-23