SF
记录技术的点滴
记录技术的点滴
注册登录
关注博客
注册登录
主页
关于
RSS
抖音电商用户侧急招各个level前端工程师,HC多多
wangfulin
2021-05-04
阅读 1 分钟
2.4k
自2020年6月18日字节完成组织架构调整成立电商一级部门,以统筹公司旗下抖音、今日头条、西瓜视频等多个内容平台的电商业务运营开始,意味着“电商”已明确成为字节跳动的战略级业务,而抖音是落实这一战略业务最核心的平台。
如何创建并发布一个 vue 组件
wangfulin
2018-11-08
阅读 1 分钟
3.9k
步骤 创建 vue 的脚手架 {代码...} 绑定 git 项目 {代码...} 写组件 创建组件 src/components/xxx.vue 例如: {代码...} 发布 {代码...} 展示 代码参考 vue-component-popup 参考文档 Packaging Vue Components for npm Vue CLI 3 vue-sfc-rollup
从一个 bug 看 javascript 的精度丢失的问题
wangfulin
2018-10-11
阅读 3 分钟
5k
正常理解,我们获取到的 objectId 就是返回的 1049564069045993472,可是现实情况是这个 objectId 是 1049564069045993500
three.js 之 Material
wangfulin
2018-04-27
阅读 3 分钟
13.3k
在three.js中,材质决定了几何图形中的表面是如何画的。如果几何图形是骨架,定义了形状,那么材质就是皮肤。three.js 中有许多不同种类的材质,他们拥有不同的属性,像反光,纹理映射,调整透明度。
three.js 之 Matrix
wangfulin
2018-04-26
阅读 5 分钟
10.5k
欧拉角Eulerian angles用来确定定点转动刚体位置的3个一组独立角参量,由章动角 θ、旋进角(即进动角)ψ和自转角j组成。为欧拉首先提出而得名。
three.js 之 Camera
wangfulin
2018-04-25
阅读 6 分钟
6.4k
照相机就是这样一个抽象,它定义了三维空间到二维屏幕的投影方式,用“照相机”这样一个类比,可以使我们直观地理解这一投影方式。而针对投影方式的不同,照相机又分为正交投影照相机与透视投影照相机。
移动端点击延迟问题研究
wangfulin
2016-12-01
阅读 3 分钟
3.6k
移动端点击延迟问题研究 测试 html {代码...} javascript {代码...} {代码...} 测试结果 测试环境:iPhone6s微信内置浏览器未使用 fastclick:测试结果延迟在 350 ~ 370 之间 使用 fastclick: 测试结果在 0 ~ 5 之间 测试环境:iPhone6s贝贝客户端v4.9.05 未使用 fastclick: 测试结果在 5 ~ 20 之间 使用 fastclick:...
ajax 源码解读之如何扩展 ajax 的功能
wangfulin
2016-04-06
阅读 5 分钟
2.8k
需求场景:借助 ajaxTransport 来自定义扩展功能。 项目需求:jQuery 版本: 1.10.2,错误打点,发起 jsonp 请求发生错误的时候前端需要向打点地址发送一个请求。 简单演示: 测试代码: {代码...} 解决方案: {代码...} 需求场景:借助 ajaxSetup 新增 dataType. 项目需求:需要从服务器获取 yaml 文件,然后解析该文件...
[译]Node.js 的 promise,generator 和 event
wangfulin
2016-01-23
阅读 6 分钟
4.5k
在前面的教程中,你已经看到了我们在异步事件中使用回调函数。但是有些时候当它们开始不断嵌套,并且程序变得越来越长越来越复杂的时候,回调函数就会像恶梦一般。
每个程序员都应该有个 Github 简历
wangfulin
2016-01-20
阅读 1 分钟
10.6k
相信程序员对 Github 都不会陌生,你的 Github 也是自己的简历,在 Github 的贡献越大,对求职的帮助就越大,也能够慢慢增加自己的影响力。这个项目的目的就是根据自己在 Github 的贡献情况生成自己独特的简历。欢迎 fork, 你可以为自己的简历设置自己的样式,也可以进一步加入其它功能。还有很多不完善的地方,欢迎任何...
正则表达式后向引用
wangfulin
2016-01-06
阅读 1 分钟
10.2k
使用小括号指定一个子表达式后,匹配这个子表达式的文本(也就是此分组捕获的内容)可以在表达式或其他程序中作进一步处理。默认情况下,每个分组会自动拥有一个组号,规则是:从左向右,以分组的左括号为标志,第一个出现的分组的组号为1,第二个为2,以此类推。
正则表达式元字符
wangfulin
2016-01-04
阅读 1 分钟
1.8k
常用的元字符表 匹配字符 元字符 说明 \ 将下一个字符标记为一个特殊字符、或一个原义字符、或一个 后向引用、或一个八进制转义符。例如,'n' 匹配字符 "n"。'\n' 匹配一个换行符。序列 '\\' 匹配 "\" 而 "\(" 则匹配 "(" \cx 匹配由x指明的控制字符, \cM 匹配一个 Control-M 或回车符。 x 的值必须为 A-Z 或 a-z 之一...
javascript实现简单工厂模式
wangfulin
2016-01-02
阅读 2 分钟
3.5k
我们从名字入手分析一下,简单 ,为什么叫简单工厂模式?因为它仅仅只是分离了对象的创建和对象的使用,一旦有新的产品加入,就必须修改简单工厂中对象创建的方法,这样并没有遵守对修改封闭,对扩展开放的原则。所以这个模式的抽象和分离的还不够彻底,相比而言工厂模式就在简单工厂模式的基础之上加了一层对工厂的抽象...
【译】jQuery事件绑定的最佳实践
wangfulin
2015-11-11
阅读 4 分钟
2.5k
如果你经常使用jQuery,那么你也许很熟悉事件绑定。这是很基本的东西,但是深入一点,你就能够找到机会让你事件驱动的代码变得不太零碎,并且更容易管理。
[译]Javascript中的单例模式
wangfulin
2015-11-08
阅读 4 分钟
3.4k
单例模式被熟知是因为它把一个类的实例化限制在只有一个对象。传统的实现方式是:创建一个类,这个类里面有一个方法在对象不存在的时候创造一个实例,存在的时候,只需要返回这个对象的引用即可。
[译] 设计模式:发布/订阅模式解析
wangfulin
2015-11-07
阅读 2 分钟
9.4k
这个模式用来作为中间人,一个把发布者和订阅者架接在一起的代理。发布者是当完成某些过程的时候触发事件的对象,订阅者是希望当发布者发布的时候希望被通知的对象。
[译]简单的用javascript实现的数据双向绑定
wangfulin
2015-11-06
阅读 5 分钟
6k
双向数据绑定指的是当对象的属性发生变化时能够同时改变对应的UI,反之亦然。换句话说,如果我们有一个user对象,这个对象有一个name属性,无论何时你对user.name设置了一个新值,UI也会展示这个新的值。同样的,如果UI包含一个用于数据用户名字的输入框,输入一个新值也会导致user对象的name属性发生相应的改变。
[译]深入了解CSS Box Shadow
wangfulin
2015-11-04
阅读 4 分钟
6.6k
原文:A Close Look at CSS Box Shadow CSS的box-shadow可以被用来给块级元素一个外阴影或者是内阴影。接下来让我们仔细地看一下这个CSS的特性吧。 举例 下面有三个把CSS的box-shadow属性使用在div里的例子。 例1:简单的外阴影 下面是是给副标题添加阴影的样式。 {代码...} 例2:内阴影 一个内阴影可以通过使用inset...
[译]用CSS来禁止文本选择
wangfulin
2015-11-04
阅读 2 分钟
7.3k
原文:Disable Text Selection with CSS 有些时候我们需要禁止网页的部分文本不能被选择。你可以使用user-select这个CSS特性来实现这个需求。 举例 下面是一个使用了disable-selection类的样式规则,当它作用于一个HTML元素的时候,它会让我们不能够选择这个元素。 {代码...} 关于这些样式的一些细节的解释: -webkit-us...
[译]聊一聊CSS方法论
wangfulin
2015-11-03
阅读 4 分钟
5.2k
其中一个原因是CSS缺少内置的作用域管理机制。在CSS中,所有的一切都是全局的,这意味着任何你所做的改变都有可能层叠或者改变完全没有相关的那部分UI。
[译] 负边距详解
wangfulin
2015-11-02
阅读 4 分钟
12.7k
对于所有设计师使用过的CSS概念,负边距作为最少讨论到的定位方式要记上一功。这就像是在线纹身-每个人都会做,但是没有人会谈论它。(It’s like an online taboo—everyone’s doing it, yet no one wants to talk about it.)
[译] Web Storage 初探
wangfulin
2015-11-01
阅读 3 分钟
6.3k
Web Storage给网站/应用提供了很多好处。比如,Web Storage可以用来跨网站/应用监测用户的行为而不需要服务端脚本和数据库。Web Storage也能在用户即使突然断网的情况下保存一部分web应用的能力,让你不会因为网络连接的问题受到影响
Web字体的初探
wangfulin
2015-10-30
阅读 3 分钟
4.2k
上面介绍的字体属于常见的字体,也就是我们所说的Web safe font。其在大部分网站是可以正常显示的。下面介绍的是比较有趣特殊的字体的使用方式。
gulp新手入门
wangfulin
2015-10-30
阅读 4 分钟
3.2k
gulp是在你的开发过程中用来帮你自动化一些麻烦耗时的工作的工具集。比如在web开发过程中,它能帮你完成css预处理,js文件整合,压缩,实时重加载等等。并且它还和目前市场上主流的IDE整合,无论是在PHP,.NET,Node.js,Java等等开发者都很喜欢用它。拥有超过1700中插件,gulp能够让你从繁琐的构建系统中解脱出来,真正的...
[译]用CSS剪切圆形图片
wangfulin
2015-10-30
阅读 2 分钟
36.4k
在这个教程,我们会介绍一下使用CSS技巧来渲染出圆形的<img>元素,主要来实现这个效果的CSS属性是border-radius.