SF
一行代码
一行代码
注册登录
关注博客
注册登录
主页
关于
RSS
前端工程师的以太坊入门:基于Flutter开发以太坊钱包APP
rand
2020-11-15
阅读 5 分钟
3.9k
这篇博客不涉及以太坊知识的科普,单纯记录了我在用Flutter开发钱包的过程中遇到的各种小细节问题。如果有开发钱包的各位同学,可以拿去直接用,不需要授权。
基于github+travis自动部署vue项目到远端服务器
rand
2019-08-22
阅读 3 分钟
4k
travis是基于github的,所有只有github的账号可以登录travis,开发者必须有一个github的账号,登录后,点击加号,开始添加项目
自定义多行文本溢出方案
rand
2018-09-06
阅读 3 分钟
6.9k
单行文本溢出是最常见的一种形式,使用text-overflow的ellipsis即可实现点点点,overflow属性也不可少,同时不能让容器换行,否则不会出现点点点
前端对齐方案总结
rand
2017-02-27
阅读 1 分钟
3.9k
字体图标和input输入框左右对齐 {代码...} 文字和图片左右对齐 {代码...} 多行文字居中对齐效果 {代码...}
H5常用动画解决方案
rand
2017-01-20
阅读 1 分钟
5.3k
匀速旋转效果 {代码...} 渐出变大效果 {代码...} 呼吸灯动画 {代码...} 监听动画结束 {代码...}
package中的常用script命令
rand
2016-12-20
阅读 1 分钟
2.2k
执行多个script命令 安装npm-run-all模块 {代码...}
使用lite-server自动化静态网页开发
rand
2016-12-02
阅读 1 分钟
6.7k
进入项目根目录,执行下列步骤 安装lite-server {代码...} 新建配置文件bs-config.json bs-config.json中可以: 指定监听的端口号, 指定要启动的浏览器,browser是一个数组,可以添加多个浏览器 指定要监视的文件 {代码...} 在package.json中添加启动命令 {代码...} 运行 {代码...} 高级玩法 删除json配置文件,新建bs-...
box-shadow实现不同角度的投影
rand
2016-10-28
阅读 1 分钟
6.4k
先看看看box-shadow的参数说明: h-shadow 水平阴影的位置。允许负值。 v-shadow 垂直阴影的位置。允许负值。 blur 模糊距离 spread 阴影的尺寸 为了实现不同角度的投影,需要借助四个参数。核心原理是将模糊的距离加大,将阴影的尺寸减小 顶部投影 {代码...} 右侧投影 {代码...} 底部投影 {代码...} 左侧投影 {代码...}...
七牛js sdk开发小结
rand
2016-09-07
阅读 1 分钟
2.5k
该模式适合移动端处理,限定缩略图的长边最多为<LongEdge>,短边最多为<ShortEdge>,进行等比缩放,不裁剪。如果只指定 w 参数则表示限定长边(短边自适应),只指定 h 参数则表示限定短边(长边自适应)
移动端手势操作--两点同时点击的实现方案
rand
2016-09-06
阅读 2 分钟
10.8k
手机屏幕单点接触是click事件,那两点接触呢?最近项目中的需求是监视手机屏幕的两个手指同时点击事件。类似的需求还是多个手指点击等。技术实现方案很简单,但是由于一个人思路有限,结果绕了一些弯路。记录下来,勤思考,多实践
纯css实现容器高度随宽度等比例变化的四种解决方案
rand
2016-08-18
阅读 2 分钟
38.6k
我们知道,div容器如果不给定高度,它的高度会随着容器内部的元素变化而撑大,这个时候,我们在容器内部添加一张符合我们宽高比例的图片,给图片设置宽度100%;高度auto。不管我们的父容器如何变化,内部的img宽度都是100%,图片是会严格按照比例i自动缩放的,相应的,我们内部的子容器的盖度也就会按照比例缩放了
我的团队协作之路
rand
2016-01-01
阅读 1 分钟
2.5k
优秀的team总是让人羡慕,一直在创业团队中成长,也慢慢对团队协作有了一些肤浅的认识,如果有一天自己做到了team leader,我希望用自己的亲生经历打造一个理想中的团队
使用gulp自动化前端工作流
rand
2015-12-23
阅读 2 分钟
4.1k
gulp推荐安装到项目目录,不推荐全局目录,因为后期gulp会自动引入项目相关的支持包,如果全局安装gulp,这些支持包全都安装在/usr/local/lib/node_modules/下,不利于管理,可能易引起冲突。
一张网页从meta标签开始
rand
2015-12-22
阅读 1 分钟
8k
规定网页编码 {代码...} 设置http cache时间,在快速迭代的项目中,我们可以设置max-age=604800s,也就是七天 {代码...} {代码...} {代码...} {代码...} {代码...} {代码...} 规定360安全浏览器使用webki内核进行渲染 {代码...} 360浏览器开发者中心 申明网站为pc站,避免被转码 {代码...} 禁止浏览器转码 {代码...} 禁...
多客服系统插件开发
rand
2015-12-16
阅读 1 分钟
3.8k
微信多客服是一个比较强大的客服软件,可以在桌面端和app端同步信息,非常适合创业公司拿来做基于微信的客服系统。 添加多客服 登录微信公众平台,在后台添加多客服功能插件 添加插件url 由于多客户客户端的大小的限制,微信推荐我们的插件页面宽度最佳为420px 获取当前用户openid 在插件页面,定义函数MCS_ClientNotify...
我的前端开发准则
rand
2015-12-13
阅读 2 分钟
3.3k
转眼入行一年半,在前端这条路上摸爬滚打,学海无涯,生命不息,code不止。回头看自己今年写的代码,依然惨不忍睹,留坑无数。很多道理都是在不停的写之中才想明白的。只是工作不会给我们时间回头去改翔一般的代码,我能做的,就是在接下来的过程中不再去犯同样的错误。希望我写的这点笔墨能让刚入行的同学少走一个弯路。
wordpress二次开发的点点滴滴
rand
2015-12-10
阅读 6 分钟
6.8k
语法 循环数组时添加html {代码...} 获取特定页面的链接 登录页面 <?php echo esc_url( wp_login_url() ); ?> 忘记密码页面 <?php echo esc_url( wp_lostpassword_url() ); ?> 站点根目录 <?php echo site_url(); ?> 申明对woocommerce插件的支持 在主题的functions.php文件中的任意位置添加代码 {代...
js初级应用之svg实现环形进度条
rand
2015-12-05
阅读 2 分钟
18.2k
cx 和 cy 属性定义圆点的 x 和 y 坐标,单位省略为px,如果省略 cx 和 cy,圆的中心会被设置为 (0, 0),r 属性定义圆的半径,stroke定义描边的颜色,stroke-width定义描边宽度,fill定义填充颜色
前端开发中的正则表达式验证
rand
2015-12-04
阅读 1 分钟
3.7k
常用符号说明 ^ 匹配输入字符串的开始位置 $ 匹配输入字符串的结束位置 * 匹配前面的子表达式零次或多次。例如,zo 能匹配 "z" 以及 "zoo"。 等价于{0,} + 匹配前面的子表达式一次或多次 验证手机号码 {代码...} 验证邮箱 {代码...} 验证身份证号码 {代码...} 提取字符串中指定字符之间的字符串 {代码...}
javascript实现图片伪异步上传
rand
2015-11-29
阅读 2 分钟
7.6k
首先要知道, ajax无法发送带有文件的post请求,所以还是要用同步的方式,但是刷新的时候,我们不要在原来的页面刷新,去一个隐藏的iframe里面刷新,form表单中action正常填写处理文件上传的操作。紧接着的target填写一个隐藏的iframe。 这样表单提交之后,文件会被上传,被刷新页面为隐藏的iframe,因此用户看到的效果...
微信端H5开发整体解决方案
rand
2015-11-26
阅读 2 分钟
8.9k
不得不说,图片一直都是H5中流量占用的大头,大于500kb的图片在无线端的加载几乎慢成了翔,优化H5的第一步就是,优化图片的显示,目前我用了了两种方式来优化图片
微信H5二次分享失败
rand
2015-11-25
阅读 1 分钟
12.2k
基于微信公众号开发的h5页面,使用jssdk成功分享之后,被分享的页面再次被分享的时候jssdk出错,出现这种错误的一种可能就是,url的错误
woocommerce插件二次开发
rand
2015-11-12
阅读 6 分钟
13.6k
写在前面:最近上手了一个wordpress电子商城的二次开发,把自己遇到的点点滴滴做个记录,这篇文章主要记录了我是如何一步步的将woocommerce插件接入自己的主题中,如果你还没有自己的主题,最好先去制作一个自己的主题再来看这篇杂谈。
js初级应用之canvas制作图片水印
rand
2015-11-07
阅读 2 分钟
26.2k
在canvas出现之前,项目中的图片添加水印的需求,必定是后端同学们来处理的,但是canvas出来之后,前端终于可以站出来说,这个需求,交给我来!壮哉我大前端~,上周的任务就是在前端处理水印的效果,这个效果最重要的逻辑其实就几行代码,至于如何优雅的将这些简单的逻辑封装成方法并入公司的前端库,应该是一个仁者见仁...
基于蓝牙的微信硬件JSAPI开发不完全指南
rand
2015-10-20
阅读 4 分钟
33.1k
公司的自行车终于接入微信成功,期间经历了无数的大坑,为了同学们不在误入歧途,特地总结,希望对各位有用。你们的收藏与推荐是我继续完善的动力,如果有不明白或者有误的地方,欢迎联系微信交流(备注技术咨询),我看到后会在第一时间回复