Sheldon_Law-CSDN博客

原创【告别】从CSDN迁移到掘金

CSDN是我的第一个博客平台，但由于广告严重影响阅读体验，个人决定转战掘金平台，感谢CSDN这些年免费serve我的博客。Sheldon Law - 掘金博客链接欢迎继续交流。...

2019-04-15 22:41:35 3616 3

原创 version-control: node下的版本管理模块（svn & git）

最近在开发一个构建工具，需要操作版本管理系统，实现代码提交（如：svn add, svn commit…），GitHub上有类似的库，但存在两个问题：长久没人维护，使用人数较少；只支持git或svn；基于我需要兼容git和svn，于是自己简单实现一个版本管理模块：version-control，下面将简单记录一下设计中的一些考虑和遇到的一些问题。由于开发时间有限和本人使用场景较为简单...

2019-03-31 15:07:18 641

视频等youku审核完后更新&amp;amp;amp;lt;iframe height=498 width=510 src=&amp;amp;quot;http://player.youku.com/player.php/sid/XMjc4ODUzNzE0NA==/v.swf&amp;amp;quot;&amp;amp;amp;gt;文章结构文章基本思路：“目的 =&amp;amp;amp;gt; 方案 =&amp

2018-11-08 19:53:05 412

原创学会学习

学会学习《学习之道》读后感。在这里简单分享书本的大体内容和结合自身学习经历与大家共同探讨“如何学习”这个话题。《学习之道》作者芭芭拉•奥克利（Barbara Oakley）是美国奥克兰大学的工程学教授，她所开设的“Learning How to Learn”课程是在线网络教育平台Coursera上最受欢迎的课程之一。但她从小对数理深恶痛绝，高中数理课程一直不及格，在工作变动下...

2018-06-15 11:34:26 1082

原创 Vue.js组件开发从1到100

100 如果说从0到1是解决温饱的过程，那么从1到100就是实现共同富裕的漫漫长路。认真看过Vue.js官方文档和《Vue.js组件开发从0到1》的同学相信已经能胜任正常的业务开发了，但就像前文中提到的“实现同样一个小功能，可以有千万种写法”，作为一个积极向上的程序猿，我们始终在思考怎样才能写出优雅的代码，也就是更适合当前业务场景的代码。本文希望和大家共同探索学习如何从1到100优雅

2018-01-09 17:28:39 2913

原创 Vue.js组件开发从0到1

前言Vue.js凭借简洁高效易用的特点迅速被前端开源社区接受，并借助weex覆盖移动开发场景，逐步演变成一个完整的生态圈，未来充满想象。而组件化的出现是为了确保代码高内聚低耦合并实现高效复用，从而提升开发效率和降低维护成本。Vue.js提供了组件化解决方案，本篇文章将结合开发实践先从零开始探讨组件的意义以及设计组件需要考虑的问题，再向前迈一步，讲解Vue.js组件的各种开发方式及对比。

2018-01-05 20:55:03 831

原创前端工程：apis接口封装实践

前言最近在学习Chromium内核blink部分的代码，感触比较深的是Chromium项目的代码组织实现，同样是C++代码，大二时候写的项目真是惨不忍睹，而Chromium的代码（blink部分，据说V8里面用了各种奇技淫巧）却清晰明了。印证了我同事的一句话：语言、技术没有高低好坏之分，而写码水平却有高低好坏之别。“Talk is cheap, show me the code”，写码水平高

2017-01-10 18:06:53 4256

原创 asm.js：面向未来的开发

这是一个可深可浅的话题，会先简单介绍一下什么是asm.js，看看它长什么样子，再来聊聊asm.js为什么能带来高性能，会有一些简单的对比，然后再从工程的角度讲讲兼容性，如何打包使用等等。水平有限，肯定讲不透，就当是抛装引玉吧。What’s asm.js还记得前段时间的“围棋杀手”AlphaGo吧，设想一下，如果两台AlphaGo相遇，会擦出些什么火花？同样的算法，在同样的机器上跑，会是什么样的结果

2016-12-18 17:54:51 3994

转载前端开发中Cookie那些事儿

前端开发中Cookie那些事儿转载声明之前对cookie只有基本的认识，直到今天遇到了cookie作用域的问题（前端写入的cookie在server端无法读取），才认真看了一下，其中看到这篇文章比较浅显易懂又算全面，作为学习资料转发一下，原文链接如下：前端开发中Cookie那些事儿作者：愚人码头原文前段时间做了项目，在前端实现中频繁的操作cookie，记录几点供大家参考！cookie

2016-11-25 00:01:36 871

原创渲染性能：读写style对渲染过程的影响

读写style对渲染过程的影响一直都说操作DOM性能很差，那么为什么差呢？读写style会给性能造成什么影响？本文作为渲染性能的第一篇（从发布时间来看）其实不太合适，第一篇应该先和大家简单介绍浏览器对于页面的渲染过程，后面会补上，恰好今天写了一些读写style的demo，于是提前写了这篇博客。参考：全部来源于Google最新web的开发者文档：浏览器是如何渲染每一帧的如何使用timel

2016-11-23 16:24:04 2556 1

原创 ReactJS修炼之路（五）：Immutable.js的使用及setState的一个误区

问题这篇博客仅作为学习笔记，没有多少自己的东西，只有一个小误区，记录下来当做备忘。学习资料：Immutable.jsImmutable 详解及 React 中实践关于Immutable.js如何整合进React中，推荐阅读官方的文档和上面第二篇博客，下面不会说具体的使用方法，所以阅读到这里这篇博客算是结束了。下面说说我以前在setState中踩的坑，同时也回答了一个问题，为什么需要Immuta

2016-10-14 16:01:33 6336

原创前端性能优化：webpack分离 + LocalStorage缓存

一，优化背景上一篇关于webpack优化的文章webpack + react 优化：缩小js包体积谈到如何缩小webpack打包后的js代码体积，来减少网络请求数据量，这次尝试将第三方库（React，ajax等）从业务代码中分离出来，并且将分离出来的第三方库缓存在LocalStorage中。该次优化的出发点有下面两点： ①每次更改业务代码都会打包成新的bundle.js,前端需要抛弃以前的HTT

2016-09-16 18:18:11 7031 1

原创前端性能优化利器：Chrome Timeline学习及实践

TimelineChrome相信是绝大部分前端工程师的基础开发调试环境，正所谓，工欲善其事必先利其器，当然这里说的不是打磨Chrome，说的是怎么用好Chrome。基础介绍在Chrome里打开（鼠标右键选择检查/Mac下CMD+option+i）开发界面，如上图。简单介绍一下各个tab对应的作用：Element：页面元素的选定，实时修改css样式。Console：查看程序输出信息。Source

2016-09-11 11:29:15 10151

原创基于svg mask实现的tab切换效果

效果第一次看到这个效果是在阿里妈妈MUX的博客：UI动效—细微交互，极致体验，里面搜集的一些微交互都让人眼前一亮，恰好自己最近要做一个按钮组，就参考了里面Sergey Valiukh的一个设计。源码和上两篇博客一样，相对简单，为了节省你的阅读时间，直接上源码：上两篇博客： D3.js SVG绘图实践：趋势缩略图 D3.js SVG绘图实践：波浪动画<!DOCTYPE html>

2016-08-27 20:29:09 1374

原创 D3.js SVG绘图实践：波浪动画

效果图TALK IS CHEAP源码就50多行，比较好看懂。<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>svg动画</title> <script src="https://d3js.org/d3.v4.min.js"></script> </head> <body> <svg i

2016-08-21 18:32:42 8071 1

原创 D3.js SVG绘图实践：趋势缩略图

前言写码，看书，思考，这周挺多感触的。因为手上的项目前端用了Angular，所以UI改版的时候考虑了Angular-material，学校的项目前端用了React，所以也想接入ant-design mobile的那套设计规范，这两个都是业界非常不错的UI库，看他们的文档都会让你觉得能使手上的web应用瞬间高大上起来。其实不然，即便是开源，也不是拿来就用那么美好，那晚尝试接入ant-design的轮播

2016-08-13 20:25:42 8889

原创 ReactJS修炼之路（四）：组件的性能优化及开发思路

少年，加油昨天周五，那个喊我“少年”的朋友离职了去新加坡了，我的实习生涯又错过了一位大神，不过短短一个月还是被影响不少，例如入坑happy hacking keybord同时学习各类软件的快捷键，例如开始用sass，例如初次使用 flexbox…人生何处不相逢，谢谢你的指导，我会更加努力，也祝你更进一步，加油。回看，事情总有千丝万缕的联系，但是往前，都是迷雾，保持迷茫，保持思考，做好现在，是我最大

2016-08-06 22:09:03 2561 3

原创动画学习之Animate.css的使用与解析

近况近期生活比较单一。 const 提升自己 = true; while( 提升自己 ) { 写码 ... 看书 ... 思考 ... 睡觉 }既单一也充实，单一使我平静，充实使我保持向上的感觉，希望自己真难做到“持续学习，保持思考，不断进步”。最近看到腾讯ISUX团

2016-07-30 21:16:35 33094 5

原创我为何选择了web前端工程师

故事我有故事，你有酒吗？不过熬夜的程序员还是喝加多宝吧。真正拥有自己的电脑是大一，高中没学过计算机，凡人一个，并没有什么牛逼的故事，但很有意思。先说说为什么选了计算机这个专业吧，家里人除了对我一个人来北京之外也没有别的意见，所以完全是自己的选择。当年报志愿的时候，看到计算机这个专业，隐隐感觉自己会喜欢，于是就去百度一下这个专业要修的课程，觉得挺好玩的，也没多想，就报了。报志愿的时候是2013年，手边

2016-06-12 15:06:01 5509 2

原创 webpack + react 优化：缩小js包体积

一，前言学校这边的项目刚组建好开发团队，前一段时间都在考虑如何前后端分离，如何多人协作开发的问题，恰好上一周陪女朋友去承德写生，能暂时放下工作和学校的事物，有了更多的思考时间。假期期间学习了webpack，并将前端代码进行了迁移，实现了前后端分离。而最近上线的时候发现打包压缩后的js包达到了477k,首屏渲染时间高达4s，首屏渲染时间超过1.5s都是不能忍的，于是开始尝试研究一下webpack，毕竟

2016-06-04 12:07:47 29503 6

原创 Safari不能正确解析yyyy-mm-dd

一，困惑昨天写代码遇到的一个bug，在chrome上显示得好好的时间，一到Safari就提示 “invalid date”，于是回来看代码（为了一目了然，进行一些处理）：var deadline = new Date("2016-06-10 23:59");这行代码是将数据库中存的日期“2016-06-10”字符串转成Date对象。二，分析当看到日期格式是yyyy-mm-dd，我联想到了yyyy/m

2016-06-04 11:15:15 3107

原创 ruby on rails爬坑（五）：配置邮件服务器

前言一个月前就完成的功能，现在才放上来算是补上吧，之前挖了很多坑，慢慢填。需求比较简单，就是当用户在平台上报名成功后，邮件服务器会将报名信息发送到我们客服的邮箱。超级简单的功能，但是因为一些配置问题，还是折腾了半个小时，希望这篇简单的配置博客能帮大家省下20分钟。配置①生成mailer相关文件rails generate mailer NAME [method method] [options]上面

2016-05-04 00:54:50 4299

原创浅谈图片加载：逐行扫描VS交错扫描

一，前言最近在不断地扩充自己web开发的知识面，看得比较泛，难得五一假期就在学习之余实践一下，毕竟纸上得来终觉浅，况且“纸上”的不一定都对，之前看了一篇博客讲图片加载的，博主大概是淘宝前端团队的吧，讲得很透彻，分享一下：图片格式与设计那点事儿虽然是10年的文章了，但是鉴于图片格式近几年并没有大的改动，而且博主讲得比较透彻，所以很有参考价值。本篇博客只是对上面博客的验证以及在rails上的实践

2016-05-01 12:30:32 11702

原创改进：js修改iOS微信浏览器的title

问题简介前端入门没多久，可能连入门也不算，最近网上流行各自书籍改名，什么《前端开发，从入门到放弃》，《Android开发，从入门到改行》之类的，程序员真是个爱自嘲的群体，但我们一定是积极而向上的。说到web前端，浏览器差异是不可回避的问题，这次的问题（知乎上的讨论）如下：单页应用里整个页面只会在第一次完全刷新，后面只会局部刷新（一般不包括head及里面的title），所以无法在服务器端控制ti

2016-04-20 00:44:15 6644 1

原创 Grunt: 监听文件修改及重启node服务器

Grunt简介Grunt官网Grunt中文Grunt是一个基于node.js的自动化构建工具，合理的设置grunt能帮助前端开发人员轻松完成诸如less、coffeescript编译，css、JavaScript压缩等基础而繁琐的工作，更多高级用法请自行探究。因为公司这边用的是基于百度fis3开发的自动化构建工具，所以没仔细研究Grunt，今天做项目的时候，因为每次修改完文件都要重启服务器才能

2016-04-20 00:05:44 2046 1

翻译 ReactJS修炼之路（三）：props vs state

一，前言初学rails和ReactJS不久，也分别在看rails和ReactJS的官方文档，至于这两者的轻重缓急，公司里带我的同事是这样说的：“先看React的文档吧，相对rails来说，React的开发思路更绕，也可以说是React的设计思路更加新颖。”确实，一开始上手React很容易就学会了怎么写交互性控件，能实现数据的展示和动态更新，后来发现这只是个开始。我还没形成很清晰的React组件开发

2016-02-28 22:21:52 5374

原创 ruby on rails爬坑（四）：使用AWS S3存取数据

一，前言在上一篇博客ruby on rails爬坑（三）：图片上传及显示中提到AWS S3，这篇博客将简单介绍如何在rails项目中使用AWS S3.二，步骤在亚马逊云服务中心开通配置AWS S3服务在Gemfile中添加aws-sdkgem 'aws-sdk', '~> 2'在config/initializers文件夹下新建aws.rb(initializers文件夹下的内容在程序启动时会

2016-02-21 16:31:36 2316

原创 ruby on rails爬坑（三）：图片上传及显示

一，问题及思路最近在用rails + react + mysql基本框架写一个cms + client的项目，里面涉及到了图片的上传及显示，下面简单说说思路，至于这个项目的配置部署，应该会在寒假结束总结分享一下。rails中图片上传及显示要解决主要问题是：图片存在哪？图片格式大小？客户端怎么显示图片？因为这是个小项目，估计最多1000张图片，最多占用空间1G，所以采取相对简便的方法：图片保存

2016-02-15 00:58:05 4967 1

原创 ruby on rails爬坑（二）：Active Record数据库查询

一，相关资料不多说，精髓都在文档里。文档如下：- rails官方：Active Record 查询二，遇到的问题先说问题：#下面两条语句完成了相同的功能，可是性能有所差别Mission.where(" title = 'test' ")[0]Mission.where(" title = 'test' ").first #better我们用rails来打造一个内部运营使用的CMS（conten

2016-02-05 00:59:59 1836

原创 ReactJS修炼之路（二）：组件的key

一，概要在同系列的上一篇博客React修炼之路（一）里，我第一次接触组件key这个概念,因为不理解key的用处及不清楚React组件的更新机制而遇到父级组件调用了render函数而render内的子组件内容不更新的问题。在React修炼之路（一）里我在子组件里使用了componentWillReceiveProps方法，实现了内容更新，具体内容参见上一篇博客。最近又看了一些资料，同时实践得更多，对这

2016-01-14 00:33:41 11093 9

原创跨年夜写给自己的话

当我开始写这篇博客的时候已经是2016年1月1日晚上9点39分了，我在学校图书馆一楼，刚写完公司里一些数据归类处理的代码和英语选修课公共演讲的演讲稿《Early To Bed And Early To Rise》，好享受这样的时刻，人少，安静，自己一个人可以做一些喜欢的事情。一，2015 “时间是怎样划过我的皮肤只有我自己清楚” -《笑忘书》2015年过去了，谢谢这一年来这么努力的自己，

2016-01-02 01:50:46 3451

原创 ruby on rails爬坑（一）：用户账号密码管理

一，相关资料惯例，先上文档，BCrypt::Engine主要用于生成随机字符串，hash值。BCrypt::Engine二，内容及思路最近的项目需要引进用户管理，主要功能有：注册新用户修改密码登录验证思路：数据库user表结构：整体流程：核心内容，看这个就够了数据库里存了encrypted_password,salt两个关键的项。用户注册的时

2015-12-22 16:32:10 1664

原创 ReactJS修炼之路（一）

一，相关学习资料先放一些前期看过的以及正在看的资料，初学者，会一边学习一边实践。官方文档官方入门教程React生命周期二，javascript深坑从来都没有学过javascript，写倒是写了一些，所以下面提及那个坑也是被坑得心服口服。问题描述：在给button设置onClick点击行为的时候，点击按钮死活执行对应的函数，Google了一下，在stack-overflow上找到

2015-12-08 14:42:43 2248 8

原创扬帆，起航

扬帆，起航这应该算是我的第一篇博客，之前研究easyrec推荐系统源码写的只能算文档。最近真是够忙的，今天总算是把期中熬过去了，刚开完党支部会议还有一篇新闻稿没写，我也不知道哪来的闲情逸致来写博客，但是内心隐隐告诉自己，我要去做这件事情，我想要一个新的开始。

2015-11-25 21:27:22 781

沉淀