小心夹手

前端

13关注

1,911关注者

3,128掘力值

赞

327

更多

专栏

小心夹手
1年前
【不要说话】假前甜品脚手架命令行界面(command-line inteface)，缩写CLI，对于我们大前端来说，cli的使用已经屡见不鲜了，如框架三巨头的Angular CLI、create-react-app、Vue CLI，每一个都坐拥成千上万的死忠。当我们创建一个新的项目的时候，往往是用三大佬的脚手架生成新的项...
- 3
- 收藏
阅读全文
小心夹手
1年前
[electron]终极奥义五千字教程丢给你本文包含、、、、等相关知识点，内容较多，可能会引起不适，请酌情查看（手动滑稽）。 electron是由Github开发，是一个用Html、css、JavaScript来构建桌面应用程序的开源库，可以打包为Mac、Windows、Linux系统下的应用。 electron是一个运行时环境，包含Nod...
- 762
- 收藏
阅读全文
小心夹手
1年前
少侠，留步，图片预览术少年，我看你骨骼精奇，是万中无一的武学奇才，我这有本《图片流》秘籍，见与你有缘，就送于你了。本文所说的图片流就是读取本地图片，并在页面使用文件流的方式显示出来。首先，我们简单说下文件上传的几种方式, 然后依次来实现它们通过用户点击，创建,并监听事件获取file对象，大体如下使用HTML5的...
- 598
- 收藏
阅读全文
小心夹手
1年前
小程序之图片瀑布流（最全实现方式，额外加送懒加载）来来来，看啊看，外面的世界多好看，所有的链接都是这样的格式，我们需要改变name的值就行了，当值小于10的时候，格式是,如、，大于10的时候就是这种。瀑布流布局是一种比较流行的页面布局方式, 最早采用此布局的网站是Pinterest, 图片宽度是固定的，高度自动，产生一种参差不齐的美感。 2、...
- 217
- 收藏
阅读全文
小心夹手
1年前
小程序之图片懒加载[完美方案，你不来看看？]懒加载，前端人都知道的一种性能优化方式，简单的来说，只有当图片出现在浏览器的可视区域内时，才设置图片正真的路径，让图片显示出来。这就是图片懒加载。监听页面的事件,判读元素距离页面的值是否是小于等于页面的可视高度我们知道小程序页面的脚本逻辑是在JsCore中运行，JsCore是一个没有窗口对象的...
- 312
- 收藏
阅读全文
小心夹手
1年前
小程序的登录和数据解密全解析不知不觉已经一个月没有写东西了，堕落的日子居然过的这么心（chou）安（bu）理（yao）得（lian），罪过啊。好了，回到正文来，聊咱们的小程序。上图是官方给出的登录流程，我们来捋下逻辑。 1、用户使用获取临时,有效期为5分钟 2、将临时传到我们自己的后端服务，调用微信的API获取用户的和 ...
- 156
- 收藏
阅读全文
小心夹手
1年前
shapes 创建炫酷的内容流今天不瞎扯了，我想嘱咐你几句。你做为一名程序猿，一定多注意身体，尤其是职业病---颈椎病、肩周炎，一定要多起身活动活动，多注意休息，照顾好自己，锻炼起来，别懒。我们知道，web布局可以理解为就是堆盒子，盒子嘛，就是一个块堆一个块，也就是一个矩形加一个矩形，所以文字只能围在矩形的周边，也就是下面这...
- 19
- 收藏
阅读全文
小心夹手
1年前
小程序：动态数据实现三级联动选择器每个周五的下午，坐在电脑边，沏上一杯热茶，按捺不住激动的心情，为了周末的休息不上班吗？不，安静的环境是为了能够更好的学习！！！借助picker组件可以很便捷的帮我们实现省市区、日期时间、多列选择器，接下来我们来来实现一个动态数据的多列选择器。首先用户点击选择购车门店按钮，选择省级地区，然后通过...
- 96
- 收藏
阅读全文
小心夹手
1年前
css自定义属性和聚光灯效果 CSS Variables，一个并不是那么新的东西，但对css来说绝对是一场革命。之前使用变量的时候，需要借助sass、less等预处理工具来实现，现在我们可以直接使用css来声明变量。兼容性一片绿，红的那不是还有两个吗？做大事怎么能拘小节呢，让它咕噜（gun）一边去吧。语法有点难看但很简单...
- 33
- 收藏
阅读全文
小心夹手
1年前
初探微信小程序昨天上班第一天，没错，是第一天。公司今年放假很足，撒泼的我无（tian）忧（bu）无（zhi）虑（chi）的度过了漫长的十一天，上班了发现自己生病了😷，节后综合症。放假休闲的程序猿一定要感到深深的罪恶感，为了啥？没出正月，都在年里，给大家拜个晚年，祝大家晚年幸福。小程序是一种不需要下载安装即...
- 193
- 收藏
阅读全文
小心夹手
2年前
快速开始grid布局 CSS Gird已经被W3C纳入到css3的一个布局模块中，被称为CSS Grid Layout Module，一般习惯称为网格布局。网格布局可以将应用程序分割成不同的空间，定义它们的大小、位置和层级。简单来说，网格布局就像表格一样可以让元素按列和行对齐排列，不同的是，网格布局没有内容结构，比...
- 35
- 收藏
阅读全文
小心夹手
2年前
clip实现圆环进度条怎么实现这样一个圆环进度条的效果呢，可以使用canvas、svg、GIF等等方式，今天我们来说下使用css3怎么来实现。圆环很简单，一行css即可实现，而且没有兼容性问题，什么，你说IE，让它滚... 我们这里需要三个圆环，一个整的，两个半的。大概画了下图这里半圆环我使用了进行裁剪，主要代码如...
- 55
- 收藏
阅读全文
小心夹手
2年前
谈谈IntersectionObserver懒加载这是MDN上给的官方概念，不用去管它，我粘出来只是为了显得专业点嘛... 重点看这里监听目标元素与其祖先或视窗交叉状态的手段，其实就是观察一个元素是否在视窗可见。可以看到，交叉了就是说明当前元素在视窗里，当前就是可见的了。以上代码会返回一个实例，是当元素的可见性变化时候的回调函数，是一些配置项...
- 44
- 收藏
阅读全文

个人成就

获得点赞2,518

文章被阅读60,543

掘力值3,128

加入于

2016-12-26