摘要：
Web的发展日新月异，这也使得Web开发者不得不加快脚步，学习新的技术和编程语言。尤其是对于那些大量流量入口的网站来说，跟上技术发展趋势更是尤为重要。为了使得Web开发人员能够更加专注于业务层面的开发，市场上涌现了各种各样的Web开发工具，灵活运用这些工具就能使得你的开发效率大幅提升，实现事半功倍。 阅读全文
摘要：
JavaScript 可以说是交互之王，它作为脚本语言加上许多 Web Api 进一步扩展了它的特性集，更加丰富界面交互的可操作性。这类 API 的例子包括WebGL API、Canvas API、DOM API，还有一组不太为人所知的 css API。 由于jsX和无数js框架的出现，使通过JS 阅读全文
摘要：
现在做的项目是公司内部全部组要用的 viewer 库. Viewer 需要的功能非常的多，其中的一个就是需要提供一些常用的绘图API功能， 比如用户鼠标移动画箭头，画圈圈，高光选中文本等等。 挑战 目前遇到的挑战就是在 canvas, svg, dom + css 之间如何选择的问题，canvas 阅读全文
摘要：
早期的项目中晓衡遇到游戏终于要完成了，辛苦了一阵满以为可以稍微放松一下了，但策划、运营要求，增加一个他们认为非常“简单”且重要的功能： 新手引导 。 回想起当年，接到这个任务时的感觉是手脚冒汗、天晕地暗、日月无光，游戏代码本来就千疮面孔，逻辑错综复杂，根本不知道该怎么下手？更困难的是，游戏本身功能和 阅读全文
摘要：
提起 css 很多童鞋都很不屑，尤其是看到 RedMonk 2019 Programming Language Rankings 的时候，css 竟然排到了第七位。 我们先来看看这张排行榜： 从上面可以看出，CSS 的地位已经今非昔比了。 本节我们就来说说 CSS 渲染以及优化 相关的内容，主要围绕 阅读全文
摘要：
前言 相信tab切换对于大家来说都不算陌生，后台管理系统中多会用到。如果不知道的话，可以看一下浏览器上方的标签页切换，大概效果就是这样。 1.如何切换 使用动态组件,相信大家都能看懂（部分代码省略） //通过点击就可以实现两个组件来回切换 <button @click="changeView">切换 阅读全文
摘要：
1.css sprite是什么,有什么优缺点 将多个小图片拼接到一个图片中。通过 background-position 和元素尺寸调节需要显示的背景图案。 减少 HTTP 请求数，极大地提高页面加载速度增加图片信息重复度，提高压缩比，减少图片大小 2 display: none; 与 visibi 阅读全文
摘要：
解码 PNG 图片就是把一张图片从二进制数据转成包含像素数据的 ImageData 。 图片的二进制数据可以从 <canvas> ， <img> ，Object URLs，Image URLs， Blob 对象上获取到。参见浏览器图像转换手册。 ImageData 是一个包括了像素数据、图片宽高数据 阅读全文
摘要：
1.Cross Site Script（XSS，跨站脚本攻击） XSS 就是攻击者在 Web 页面中插入恶意脚本，当用户浏览页面时，促使脚本执行，从而达到攻击目的。XSS 的特点就是想尽一切办法在目标网站上执行第三方脚本。 举个例子。原有的网站有个将数据库中的数据显示到页面的上功能，document 阅读全文
摘要：
什么是<!DOCTYPE html>？ 在html文档初，往往会有这么一句话<!DOCTYPE html>，那么它的意义是什么呢？它是html5标准网页声明,全称为Document Type HyperText Mark-up Language，意思为文档种类为超文本标记性语言或超文本链接标示语言， 阅读全文