![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
web前端
文章平均质量分 95
大大大猫头鹰
厚积薄发......
展开
-
基于 pixi.js 开发H5游戏黄金矿工
话不多说,先放效果图项目git地址这次的H5游戏是做在支付宝小程序中的,支付宝小程序官方并没有建议使用什么样的方式亦或是什么样的物理引擎去开发游戏相关内容,当然它也提供了Canvas的能力,如果使用原生canvas的能力去做,你就不可避免的需要处理图层,纹理,精灵图,Ticker,元素碰撞,动画时间轴,资源加载等等涉及到游戏开发相关的内容,在时间不太充裕的情况下,重复造轮子固然灵活...原创 2019-12-26 20:51:08 · 4160 阅读 · 2 评论 -
国泰基金 Hybrid App 开发探索
小编入职国泰基金已有将近4个月,作为WEB前端开发,在当下流行的大前端概念下,也算是蹭了波儿潮流,做了一次Android的Hybrid开发,小编也是有机会从全局的角度参与了整个Android Hybrid的开发流程,对这样一种混合模式的开发流程算是有了一个比较全面的了解。首先我们先看下整体的效果首先还是要稍微简单的介绍下什么是Hybrid开发,不过在这之前还是要稍稍了解下Native ...原创 2018-10-11 10:23:59 · 846 阅读 · 1 评论 -
国泰基金 Hilo引擎初探 淘金小镇
小编初次编写游戏,内心难免有些紧张,抛开技术的具体实现,光是制作一个游戏的基本思路小编也是完全小白,刚开始拿到需求着实一头雾水,别的先不说,先给大家看下目前的实现效果(录屏软件的缘故,会显得有些卡顿,这个大家不要在意):左边的是日常版,右边的是新年元旦版接下来小编将从以下几个方面来对这次的H5游戏的制作做一些总结1、使用到的技术栈我们的H5运营页面主要使用到的技术栈是vue,打...原创 2018-12-05 23:41:22 · 786 阅读 · 0 评论 -
H5 语义化标签
语义化标签的主要是为了解决以下问题:前端代码可读性 代码维护成本 SEO优化Html的标签可以参考以下字典:http://www.w3school.com.cn/html5/html5_reference.asp这里我们用一个简单的DEMO去理解这些语义化的H5标签,当然,这个DEMO中也没办法cover到所有的标签,不过对于在有限的范围内去了解语义化的作用,小编觉得已经绰绰有余...原创 2018-12-27 13:20:15 · 3624 阅读 · 0 评论 -
HTTPS 原理
HTTPS时序图 #1: HTTPS时序图 #2: 流程:1. 客户端发起HTTPS请求这个没什么好说的,就是用户在浏览器里输入一个https网址,然后连接到server的443端口。2. 服务端的配置采用HTTPS协议的服务器必须要有一套数字证书,可以自己制作,也可以向组织申请。区别就是自己颁发的证书需要客户端验证通过,才可以继续访问,而使用受信任的公司申请的...转载 2016-02-22 00:38:49 · 755 阅读 · 0 评论 -
初探前端WEB安全#3
CSRFCSRF(Cross-site request forgery),也就是我们常说的跨站请求伪造,你可以这样理解CSRF攻击:攻击者盗用了你的身份,以你的名义发送恶意请求。CSRF能够做的事情包括:以你名义发送邮件,发消息,盗取你的账号,甚至于购买商品,虚拟货币转账......造成的问题包括:个人隐私泄露以及财产安全。以下是个简单的示意图,来阐述CSRF的攻击思想:由于用...原创 2018-12-23 23:18:38 · 320 阅读 · 0 评论 -
支付宝小程序 -- 国泰基金新年活动
话不多说,先放效果图:再放一张体验码,支付宝打开扫描即可:接下来,我们来说说支付宝的小程序:支付宝的小程序与传统的h5应用不同,小程序的运行从架构上分为 webview 和 worker 两个部分。webview 负责渲染,worker 则负责存储 数据 和执行 业务逻辑。而 webview 和 worker 之间的通信是异步的。这意味着当我们调用 setData 时,我们...原创 2019-02-01 10:45:33 · 1261 阅读 · 2 评论 -
Vue 虚拟DOM和Diff算法
Vue 虚拟DOM Diff算法思考什么是虚拟DOM为什么使用虚拟DOM真实DOM和虚拟DOM的区别DOM Diff当数据发生变化时,Vue是怎么更新节点的?1. patch2. patchVnode3. updateChildren总结思考使用了Vue,使用了React,大家或多或少都有听过虚拟DOM,那么他和我们经常打交道的真实DOM有什么区别呢,另外,他到底是个啥玩意儿呢?什么是虚拟D...原创 2019-04-12 10:44:26 · 4921 阅读 · 4 评论 -
Webpack自动化模块加载及构建#1
Webpack前端自动化构建方案原创 2016-08-06 17:23:03 · 3040 阅读 · 0 评论 -
Vue 自动补全插件
Vue实现的输入框自动补全插件原创 2016-08-31 23:56:46 · 25046 阅读 · 3 评论 -
Webpack自动化模块加载及构建#2
Webpack自动化模块加载及构建#2原创 2016-09-23 12:52:54 · 1910 阅读 · 0 评论 -
初探前端WEB安全#1
初探前端WEB安全原创 2016-11-13 15:48:46 · 1340 阅读 · 0 评论 -
初探前端WEB安全#2
初探前端WEB安全原创 2016-11-14 18:51:45 · 1095 阅读 · 2 评论 -
REM or EM
在小编这次做的移动端Web App中,也遇到了需要兼容不同设备的自适应布局的问题,尽管这是一个老生常谈的问题,小编这次也希望能够重拾一下基础,和大家说说这次开发中在这个领域的一些整理原创 2016-12-09 21:56:26 · 998 阅读 · 0 评论 -
基于vue的下拉刷新&滚动刷新指令
基于vue的下拉刷新&滚动刷新指令原创 2016-12-22 15:22:20 · 42533 阅读 · 6 评论 -
JavaScript---OOP浅谈1
对象化编程-------简单地去理解就是把javascript能涉及到的范围分成各种对象,对象下面再次划分对象。编程出发点多是对象,或者说基于对象。所说的对象既包含变量,网页,窗口等等。注意:对象只是一种特殊的数据1.基本对象我们一般划分的角度还是从数据类型这方面NumberStringArrayMathData 这边我只是简单地罗列出来部分,具体的可转载 2015-03-01 17:33:26 · 553 阅读 · 0 评论