
前端
文章平均质量分 54
Amesteur
注重实效的程序员
展开
-
WebGL绘制带箭头贴图的线
示例在讲述本文内容之前,我希望读者先具备以下知识点:了解WebGL的基本知识,懂得调用自定义的Shader程序; 基本的数学基础和空间几何知识; 明白GPU的渲染管线流程;因为,本文内容主要讲述绘制的核心思路和注意事项,所以对于基本知识只能简单描述,请谅解;前言首先,先附上一篇至今我看到思路十分正确,图文并茂(图片真的很好看)的讲述WebGL绘制有宽度的线和箭头贴图的文章:...原创 2019-07-15 16:44:10 · 3885 阅读 · 6 评论 -
JavsScript 使用Buffer操作二进制数据
目录TypedArraysBufferWebWorker注意事项二进制数据和文本数据是我们常见的两种格式数据。而在某些应用场景,则需要我们使用JavaScript去操作读写二进制格式文件,比如WebSocks获取原始数据、操作音视频文件、获取商业软件格式的数据等。尽管JavaScript是一门动态语言(弱类型),不擅长于处理二进制数据,但是我们可以使用JavaScript的类型...原创 2019-07-14 22:08:31 · 782 阅读 · 1 评论 -
绘制几何图形,生成辅助线的思路
目录辅助线的概念绘制线规则捕捉辅助线的思路生成辅助线的思路总结在实际绘制几何图形过程时,有几个工具比较实用:鼠标绘制时,焦点捕捉已绘制图形的端点、线段上; 撤销与回退 辅助线焦点捕捉的功能的思路相对比较简单,不断地比较当前鼠标所在的屏幕像素点为圆心,R为半径的搜索圆与绘制图形的端点和线段是否相交的问题。但在实时的图形编程的难点在于细节,至于如何优化搜索的速度,有很...原创 2019-07-12 14:42:46 · 1392 阅读 · 1 评论 -
Vue中使用责任链与AOP等设计模式
目录前言正文责任链模式Vue中示例AOP切面编程Vue中示例总结前言最近因为业务临时调整,被调派至另外一个子公司做一个使用Vue2的项目。在支撑任务还剩两天临别时,决定重构自己的业务逻辑代码,留下自己好的印象给其他人(或许只是在挖坑)。因此,决定优雅地编写设计模式。正文在Vue2的项目中,存在大量的流程化的业务功能,申请业务、业务流转等等,一环扣一...原创 2019-07-18 16:54:21 · 1331 阅读 · 0 评论 -
DIV可以拖动的巧妙设计
DIV把拖动事件绑定在自己的身上是最容易实现的形式,但是,在实际应用中,把拖动事件绑定在自己身上当鼠标移动过快容易失去焦点,因此,有一个灵活的设计方法:把绑定事件绑定在某个范围更大的控件上。当鼠标在范围更大的控件上移动时,拖动事件就不会失去焦点!!如下代码所示:下面的代码有个地方写死了,在于只能拖动对话框的标题部分/*增加该弹框拖动功能 $t, 需要增加拖拽的element...原创 2018-05-11 12:51:05 · 1288 阅读 · 0 评论 -
百度移动端首页的优化---极限的速度优化的方案
百度移动端的首页基本是秒开的,原因是大小只有十几kb,那么静态页面的优化的方案如下:1.首先网页打开快,是尽量的不适用外链接,这样就减少了请求的响应时间.关键的地方是缓存!!百度将一下不经常变化的html、js、css(要是经常变化就不能缓存了,大概都是些公共的样式和组件)都缓存到本地的localstorage,然后只需要加载调用这些缓存的js文件即可。从上图中可以看到,浏览器...原创 2018-05-10 18:48:48 · 2827 阅读 · 0 评论 -
JavaScript 依赖注入的两种写法
第一种,模块注入需要两次,两次的顺序要固定,模块名能在调用时改名var injector = {dependencies: {},register: function(key, value) {this.dependencies[key] = value;},resolve: function(deps, func, scop...原创 2018-05-10 18:44:48 · 618 阅读 · 0 评论