自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

  • 博客(10)
  • 收藏
  • 关注

转载 进入夸夸群的感慨

在话题尴尬的时候,如何客套式的夸人: 1、抓住话题中说话者想要表达的点,并重复一遍。(抓住的话题的准确性决定了本次夸人的质量) 2、关于这点,引出针对的问题。(注意,这个针对的问题必须小) 3、你具有哪些优秀的品质。(注意,这个优秀品质必须大) 举例: Q:能不能来个妹子夸我帅。 A:关于来个妹子夸你帅这个问题(重复表达的点),指定为妹子夸(针对的问题),此话言简意赅,定位准确,你很帅(...

2019-03-14 13:39:00 76

转载 代码规范总结

代码规范 1、规范介绍:首先介绍了AlloyTeam团队、FED团队github上共享的代码规范脑图。 2、规范分析:分析这两个规范中公有和特有的地方。 3、其他规范:抽取其他团队提出的代码规范。 4、分享代码规范的链接。 规范介绍 1、Goole规范: 1、AlloyTeam团队: 4大项,3(命名)+11(html)+14(css)+15(js) 链接地址:http://alloy...

2019-01-24 17:56:00 93

转载 基于 node + websocket 的聊天室

基于 websocket 的聊天室 1、代码链接:https://github.com/hswlian/JavaScript-blog/tree/master/js/websocket 2、使用的库:express(在express中提供静态文件) + socket.io(基于websocket的通讯库,模糊了浏览器和平台之间通讯机制的差异)。 3、效果截图: 实现思路 1、搭建页...

2018-07-09 15:16:00 104

转载 react 重写的屏控设置页面

react 重写的屏控设置页面 1.碎碎念:第一次接触react ,花了点时间读官方api,用很久前用VUE写的页面的设计稿,换成了 react + router + anted 。 2.代码连接:https://github.com/hswlian/JavaScript-blog/tree/master/react/win 3.预览截图: 过程 1.配置好react-cli 和 ...

2018-07-04 16:53:00 99

转载 css3中的那些3D效果

css3中的那些3D效果 1.碎碎念:为什么会有这篇文章呢,原因很简单,因为想发一个css的文章了,于是把以前的一些作品拿来充数。 2.预览地址: --a.作品1:https://hswlian.github.io/JavaScript-blog/%E6%89%87%E9%9D%A2%E5%8A%A8%E7%94%BB/index.html --b.作品2:https://hswlian...

2018-07-03 17:34:00 122

转载 HTML5的video的fixed定位的兼容性问题

HTML5的video的兼容性问题 1.问题起源:某日做某某游戏的海外版官网,悲剧的发现移动端的页面上的某些区域不能捕捉到touch事件。再去浏览使用同样h5的video的网站,发现很多网站都出现滑动后,页面上的某个位置不能关闭视频弹窗的问题。 2.众所周知的video的背景知识 --a.关于video的自动播放问题:chrome在60.x及其之后的版本以美其名为节约用户流量的理由,禁止...

2018-07-01 11:24:00 469

转载 less函数选用变量选择器的实践和思考

less函数在元素背景图片上的实践 1.本来想给实践加一个定义,譬如最佳实践、最简实践之类的,后来想想,这撑死了也就算是一个利用less函数的偷懒实践。 2.预览地址:http://jwxf.163.com/ (第二屏的《九大开发好礼》效果为实践,后期有空会抽离出来)。 函数的设计思路 1.为元素引入背景图片的less函数,三个参数分别为图片的名字,设置容器的宽高。 //引入背景图片 ...

2018-04-07 21:46:00 275

转载 当 canvas 遇见小游戏

当 canvas 遇见小游戏 预览地址:https://hswlian.github.io/JavaScript-blog/%E7%BB%83%E4%B9%A0-canvas%E5%B0%8F%E6%B8%B8%E6%88%8F/index.html 图片是来自网上下载的png格式的图片。 实现思路 创建一个篮子对象 和 叶子构造函数,通过篮子对象的 move 方法移动篮子 ,通...

2018-03-09 21:32:00 101

转载 基于动画的图片预加载技术的可复用的对象

基于动画的图片预加载 效果图实例:https://hswlian.github.io/JavaScript-blog/练习-js实现动画(组件化)/house.html 。 为了使动画不卡顿,使用了图片预加载技术。 暴露出动画的运动速度、动画容器的属性和属性值、图片资源的数组,以供下次的复用。 用法示例 引入js文件:https://github.com/hswlian/Java...

2018-03-07 21:07:00 89

转载 canvas简单的粒子移动

canvas - 简单的粒子移动 在公司,做了下面一个canvas动画玩儿玩儿。 1、效果示例请戳:https://hswlian.github.io/JavaScript-blog/%E7%B2%92%E5%AD%90%E5%8C%96-%E6%A1%88%E4%BE%8B/index.html 2、对js实现封装,以便下次直接调用。暴露出两个参数以供修改,一个是粒子数目,一个是移动速...

2018-03-01 17:03:00 299

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除