- 博客(39)
- 收藏
- 关注
原创 canvas 项目文章
Canvas 上实现坐标定位掘金五边形「战士」天幕:六边形特效引力粒子特效 - 归为尘埃韩式浪漫 - 落雪唯美黑客帝国 - 矩阵雨
2023-08-22 13:53:59
99
原创 总结|8月日更挑战 - YOUR LIFE MATTERS
时光荏苒,已经连续不间断的 31 天更文了。今天笔者思考🤔着,我做这些东西的意义何在,是拿一些礼品,或者给一些不知道是谁的人评比一些奖给笔者?
2022-08-27 11:12:32
613
原创 不吹不黑,在外企的工作生活|年中总结
2022 年已经过半,我逃离了国内的互联网企业,来到了传统外企。那么,国内互联网企业和传统外企,有什么优劣呢?我们不吹不黑,详情请戳
2022-07-08 16:53:49
1306
原创 mac用终端打开vscode编辑器
这要在vscode的编辑器上去设置:1、打开控制面板(shift + command + p)2、 输入shell command在提示里面看到Shell Command: Install 'code' command in PATH,按回车键即可。3、在终端中使用命令行code...
2019-07-21 11:26:14
2690
原创 谈谈JavaScript中的call、apply和bind
在JavaScript中,如果想要改变当前函数调用的上下文对象的时候,我们都会联想到call、apply和bind。比如下面
2019-06-04 18:47:14
213
原创 谈谈JavaScript中装箱和拆箱
在JavaScript里面有个引用类型叫做基本包装类型,它包括String、Number和Boolean。那么它和基本的类型String、Number和Boolean是啥关系呢?接着往下看
2019-06-04 16:42:35
627
原创 JavaScript的数据类型及判断
最近自己回归基础看了下javascript的相关知识点,想着看都看了,写出来记录下足迹也是一件好事,遂记录~还有还有,哪位大佬有广州前端开发工程师的机会推荐一下吗,简历可以戳blog下的resume.png,我请你吃糖
2019-06-01 18:37:47
178
原创 移动端网页调试
自2019.05.22日离职以来,自己在家浪了两天。然后发现,浪也该浪够了,该收心找下工作了。于是屁颠屁颠的拿起了《在你身边 为你设计》这本书看了一下午,看到移动端调试这里,略有感受,于是提取了下内容。还有还有,有哪位大佬推荐下前端开发的工作吗,base广州啊,不胜感激~关于我请戳blog下的resume.png
2019-05-27 00:08:30
227
翻译 【译】发布你自己的npm包
备注:npm模块有个神奇的样板。这篇文章是基于我从设置中学到的东西。如今,NPM已经成为javascript库的事实上的注册表。特别是React,Angular和其他前端库主导的网络和node.js接管的服务器端,NPM软件包比以往任何时候都更受欢迎。通常,我们会在代码中引入实用包,比如typy,sugar,并轻松的使用它们。那么,你有没有想过编写自己的实用程序/库,并将其发布到NPM上面,...
2019-05-22 12:31:53
135
翻译 【译】使用 JavaScript 创建图
图是由具有边的节点集合组成的数据结构。图可以是有向的或者是无向的。有向图包含功能类似于单行道的边。边缘从一个节点流向另一个节点。比如,你可能有一个(关于)人物和电影的图表,其中每个人可以有多个喜欢的电影,但是电影没有喜欢的人。无向图包含双向流动的边缘,类似于双向道路,两个方向都有交通。比如,你可能有一个宠物图表,其中每只宠物都有一个所有者,每个所有者都有一只宠物。备注:(下面)双向...
2019-05-14 18:09:12
144
翻译 【译】JavaScript中的async/await
异步的JavaScript从未如何简单!过去段时间,我们使用回调。然后,我们使用promises。现在,我们有了异步功能函数。异步函数能够使得(我们)编写异步JavaScript更加容易,但是,它自带一套陷阱,对初学者很不友好。在这个由两部分组成的文章中,我想分享下你需要了解的有关异步函数的内容。【PS:另一部分暂不打算翻译】异步功能异步功能函数包含async关键词。你可以在正常的函数声明...
2019-05-03 16:49:20
268
翻译 【译】JavaScript中的Promises
你有没有在JavaScript中遇到过promises并想知道它们是什么?它们为什么会被称为promises呢?它们是否和你以任何方式对另一个人做出的承诺有关呢?此外,你为什么要使用promises呢?与传统的JavaScript操作回调(callbacks)相比,它们有什么好处呢?在本文中,你将学习有关JavaScript中promises的所有内容。你将明白它们是什么,怎么去使用它们,以及...
2019-05-03 09:47:19
310
翻译 【译】JavaScript中的Callbacks
你是否遇到过"callbacks"一词,但是不知道这意味着什么?别着急。你不是一个人。许多JavaScript的新手发现回调也很难理解。尽管callbacks可能令人疑惑,但是你仍然需要彻底了解它们,因为它们是JavaScript中的一个重要的概念。如果你不知道callbacks,你不可能走得很远
2019-05-02 16:31:49
399
翻译 【译】停止滥用div!HTML语义化介绍
DIVS该停止(滥用)了我们喜欢(使用)<div>标签。它们已经存在了几十年,这几十年来,当需要将一些内容包裹起来达到(添加)样式或者布局目的的时候,它们成为首选元素。查看线上站点时,看到像下面这些内容的情况依旧很常见:<div class="container" id="header"> <div class="header header-main"&...
2019-04-13 17:47:34
312
原创 导师计划 -- 数据结构和算法系列(下)
数据结构和算法系列的课程分为上下两篇文章,上篇文章主要是讲解数据结构,可以戳导师计划–数据结构和算法系列(上)进行了解。本篇文章主要讲解的是基本算法,辅助的语言依旧是JavaScript。POST的本篇文章主要是扩展下我们在开发中的方式,发散下思维~排序算法排序介绍:一旦我们将数据放置在某个数据结构(比如数组)中存储起来后,就可以根据需求对数据进行不同方式的排序:比如对姓名按字母排序...
2019-04-09 08:14:39
171
原创 导师计划 -- 数据结构和算法系列(上)
导师计划已经开始一个月了,自己的讲解的课程选择了数据结构和算法。这个系列的讲解分为上下两章,javascript语言辅助。本篇文章为上章,涉及的内容是基本的数据结构。在日本,晚上没事安排@…@,时间还是充足的…,于是自己整理下本系列知识点的上章内容。以下为正文:数据结构是计算机存储、组织数据的方式。数据结构是指相互直接存在一种或多种特殊关系的数据元素的集合。通常情况下,精心选择数据结构可以...
2019-03-28 21:05:49
430
翻译 【译】JS的执行上下文和环境栈是什么?
这篇文章中,我将深入探讨JavaScript中的一个最基本的部分,即执行上下文(或称环境)。读过本文后,你将更加清楚地了解到解释器尝试做什么,为什么在声明某些函数/变量之前,可以使用它们以及它们的值是如何确定的。执行上下文是什么?在运行JavaScript代码时,执行环境非常重要,并可以认为是以下其中之一:全局代码 - 默认环境,你的代码第一时间在这里执行。函数代码 - 当执行流进入函数...
2019-03-11 10:08:15
164
翻译 【译】20个更有效地使用谷歌搜索的技巧
每天都有数百万的人出于不同的原因使用谷歌搜索。学生为了学业,商务人员为了调查,还有很多人是为了娱乐。但大多数的人可能没有充分使用谷歌搜索。想要有效使用谷歌搜索并快速得到搜索结果吗?这里有20个搜索的小技巧能最大化你的搜索效率:1.使用标签首个技巧就是使用谷歌搜索的标签 。在每个搜索的顶部(也许不再顶部)有很多的标签。通常你会看到站点,图片,新闻和其他的标签名。使用这些标签,你可以定义自己的搜...
2019-03-02 18:25:54
1443
翻译 【译】2019年开始使用Typescript
基于2018年Stack Overflow Developer的调研,TypeScript作为编程语言比JavaScript更受“喜爱”。TypeScript在js开发者中这么受喜爱的原因是:在你运行代码前,添加到javascript中的类型有助你发现错误(代码)。TypeScript编译器提供的错误可以很好的引导你如何修复代错误。往javascript中添加类型同时有助代码编辑器提供一些高级的...
2019-02-17 12:03:20
1188
翻译 【译】框架与库的差异
开发者经常互换使用术语“库”和“框架”。但是,两者是有区别的。“框架”和“库”都是某人编写的代码,用于解决常见的问题。比如,你有一个处理字符串的程序。你决定保持你代码的DRY(don’t repeat yourself),然后编写像下面可复用的功能代码:function getWords(str) { const words = str.split(' '); return w...
2019-02-10 16:58:59
209
翻译 【译】javascript中写好条件语句的五个技巧
当用JavaScript来工作的时候,我们需要处理很多的条件判断,这里有五个小技巧能帮助你写出更好/更清晰的条件语句。1. 多重判断中使用Array.includes我们看下下面这个例子:// conditionfunction test(fruit) { if (fruit == 'apple' || fruit == 'strawberry') { console.log...
2019-02-01 22:03:18
129
原创 2018年写的那些前端demos
嗖~时间过去很快,2018年(农历)就要过去,这一年的时间里面,自己结合业务写了些demo,在总结也是在反思:1.循环轮播图使用了jquery来写,主要是用来查询元素,用原生来写同样没问题。市面上能够用swiper来快速实现这个功能。2.模态框弹出层简单模拟下弹出层的登陆,适用于开发组件化的登陆。3.查看图片对图片进行缩放的查看,适用于pc端,我这里常用于后台页面。...
2019-01-22 22:12:14
1288
原创 2018年写的那些业务相关前端demo
囧囧~2018年将要过去,繁忙的业务也快接近尾声了。回顾一年的业务开发,好吧,也不算一年的业务开发了,毕竟转中台岗已经半年了,接触的业务线不是很频繁。不过也整理了一些有利业务的demo,共十三个,分享分享共勉。如下:1. 循环轮播图2. 模态框弹出层3. 查看图片4. 地区三级联动5. 二级导航展示6. 倒计时7. 简单帧动画8. 伪加载9. 前端移动端截图工具h...
2019-01-20 00:24:53
167
原创 升级mac系统后的git报错问题
升级了mac系统后,当使用git的时候报错了:xcrun: error: invalid active developer path (/Library/Developer/CommandLineTools), missing xcrun at: /Library/Developer/CommandLineTools/usr/bin/xcrun解决方法,重装xcode command lin...
2018-12-19 10:46:39
658
原创 一步步实现人人对战五子棋游戏【canvas版】
线上地址–gobang online pc上使用谷歌浏览器比较友好@~@代码仓库–gobang tutorial 欢迎对此仓库进行扩展或star啦 @~@前置知识点: 阮生的es6教程和MDN的canvas教程以上,兵马未动,粮草先行。看官可以先体验下小游戏并且粗略了解下相关的知识点后(熟悉者可跳过,欢迎留言改进哈),再往下读。前言秉承着会就分享,不会就折腾的宗旨。自己利用周末的时间(...
2018-12-07 14:24:24
1679
1
原创 mac上配置github和gitlab的ssh
配置多个ssh步骤如下:查看电脑上有没有ssh,执行cd ~/.ssh。如果出现了下面的情况:-bash: cd: /Users/reng/.ssh: No such file or directory说明你的电脑没有相关的**.ssh文件目录,你需要创建一个,执行mkdir .ssh即可。如果要打开,直接命令行open .ssh即可。进入.ssh**文件下安装。执行:ss...
2018-12-01 23:15:56
1116
原创 mac上安装git和配置用户名和邮箱
1.检查电脑上是否安装了git。执行git执行之后,如果如下下面的内容,则证明已经安装了git,否则跳到第二步2.安装git。执行brew install git即可。
2018-11-30 22:59:33
7093
原创 mac上升级python
mac上已经自带安装了python,但是版本是2.*.*,我们需要将其升级到python3。我们直接通过homebrew来安装:brew install python3安装的python3会和之前的版本共存,不会有什么影响。查看版本python3 --version如下:...
2018-11-28 21:37:19
563
原创 mac上安装npm
检查brew -v是否安装了homebrew这个macOS 缺失的软件包的管理器。如果安装,跳转到第3步,否则跳转到第二步;安装homebrew。安装跳转到官网指导。等待安装好之后,输入brew -v,如果出现版本号说明已经安装好:执行brew update更新homebrew;执行命令行brew install node安装node。执行npm -v即可看到安装好的npm...
2018-11-26 22:31:27
38854
2
原创 mac上安装npm
安装homebrew 这个macOS 缺失的软件包的管理器。这个步骤需要耗些时间,请耐心等待。完成后,通过brew -v查看是否有版本号了,如下:当然,如果你已经是安装了homebrew的话,也是要更新下homebrew的,使用brew update。(更新这个,安装软件的时候也会先自动帮你更新homebrew)使用brew install node安装。稍等片刻即可。然后输入node...
2018-11-26 22:06:05
3723
原创 github验证过qq邮箱后过几个小时提示重新验证
最近,自己登陆github老是被提示要重新验证verify邮箱。自己用的是qq邮箱,按照提示的流程进行验证,发现过了几个小时后还是要验证~果断放弃的qq邮箱,申请了微软的邮箱进行验证…...
2018-10-14 21:56:41
3470
1
原创 URI
URI包含URL和URN,目前WEB只有URL比较流行,所以见到的基本都是URL。URI(Uniform Resource Identifier,统一资源标志符)URL(Uniform Resource Locator,统一资源定位符)URN(Uniform Resource Name,统一资源名称)...
2018-10-07 11:34:25
227
转载 幂等性
在编程中一个幂等操作的特点是其任意多次执行所产生的影响均与一次执行的影响相同。幂等函数,或幂等方法,是指可以使用相同参数重复执行,并能获得相同结果的函数。这些函数不会影响系统状态,也不用担心重复执行会对系统造成改变。在事务提交失败会重复提交达到最大重复次数时返回失败的 设计中 保持幂等性是尤为重要的本文来自 吾会飞飞飞 的优快云 博客 ,全文地址请点击:https:...
2018-10-07 11:16:46
131
原创 npm中的dependencies和devDependencies说明
在语义上应该能够大概区分出dependencies和devDependencies的一些差别,后者肯定在生产环境中使用的啦。具体区别如下:"dependencies":应用生产环境中必须的。"devDependencies":这个只是在开发环境和测试环境中用到。...
2018-10-02 12:22:54
1832
原创 package.json管理本地仓库代码
使用package.json管理本地的仓库代码,能够更好的管理仓库和分享协助开发等package.json必须的“name”需要全小写没有空格的单词连字符和下划线是允许的“version”格式如x.x.x符合语义话的规则比如下面的package.json:{ "name": "my-awesome-package", "version": "1.0....
2018-10-02 12:19:43
969
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人