可视化学习：利用向量判断多边形边界-编程思维
引言 继续巩固我的可视化学习，向量运算是计算机图形学的基础，本例依旧是向量的一种应用，利用向量判断多边形边界，但是多边形的边界判断稍微有点复杂，所以除了应用向量之外，还需要借助三角剖分的相关工具。这个例子中可视化的展示采用Canvas2D来实现。 问题 假设Canvas画布上存在一个如下多边形： 我们移动鼠标的时候，想要实现一个效果，就是当鼠标移动到多边形内部的时候，将多边形内部的填充颜色更新
浏览器事件循环event loop-编程思维
引言： 事件循环不是浏览器独有的，从字面上看，“循环”可以简单地认为就是重复，比如for循环，就是重复地执行for循环体中的语句，所以事件循环，可以理解为重复地处理事件，那么下一个问题是，处理的是什么事件，事件的相关信息从哪里获取。 因为我没有用nodejs做过什么项目，所以这里我暂且只关注浏览器的事件循环，但我想就“事件循环”本身而言，原理应该是相同的，不过就具体的实现可能存在一些差异。 一道
个人遗漏知识的回顾-html-编程思维
常用的一些快捷键： Windows + e 我的电脑Ctrl + Tab 网页间不同页面切换F2 重命名Ctrl+Shift+S 另存为 前端的一些常识：前端意义：将效果图生成网页网页组成：文字、图片、输入框、视频、音频、超链接Web标准：Html 结构标准；Css 表现标准；Js 行为标准 浏览器内核-----------------IE----谷歌/欧朋----火狐----苹果渲染引擎
为javascript正名--读你不知道的javascript(持续更新..)-编程思维
你不知道的JavaScript上卷 JavaScript和Java的关系就像Carnival和Car的关系一样，八竿子打不着。 JavaScript易上手，但由于其本身的特殊性，相比其他语言能真正掌握JavaScript的人比较少。JavaScript语言本质上有许多复杂的概念，但却用一种看起来比较简单的方式体现出来，比如回调函数。JavaScript开发者只是简单使用这些特性而不会去关心语言内
如何写一个作用域安全的构造函数-编程思维
基础部分 构造函数本质上就是一个使用new操作符调用的函数，使用new调用时，构造函数内用到的this对象会指向新创建的对象实例： function Girlfriend(name, age, height) { this.name = name; this.age = age; this.height = height; } // 使用new操作符来分配这些属性 var girl
理解惰性函数-编程思维
先列个通过if判断执行的代码块： creatXHR() function createXHR(){ if (typeof XMLHttpRequest != "undefined"){ // 首先检查内置的XHR return new XMLHttpRequest(); } else if (typeof ActiveXObject != "undefined"){ //
flex布局介绍-编程思维
传统的布局解决方案--盒状模型--diplay + position + float 缺陷：对于一些特殊布局（垂直居中）和网格式布局（几行几列）不易实现 09年W3C颁布的--flex布局--使用简单、API完整丰富、响应式动态地实现各种页面布局（一些常见的布局思想） 当然针对Gekco30+以下，最好的布局选择就是flex了，更新式的Grid布局它不支持。 本文来源地：https://css-
evanyou尤大个人网站主页canvas三角彩带效果分析学习-编程思维
尤雨溪网站三角彩带效果 效果： 源码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=n
在浏览器端如何进行文件签名的计算-编程思维
在浏览器端如何进行文件签名的计算 现在有这样一个需求：我们需要对一个任意文件在浏览器端进行一个签名的计算，以供后一步的比对校验使用。 要求：签名算法包括但不限于MD5、SHA-1、SHA-256、SHA-384、SHA-512等算法。 经验：因为之前有简单调研过 Web Cryptography API 接口下的功能和底层实现，所以可以确保Web Cryptography拥有在计算签名方面的能力
动态旋转与平滑恢复-编程思维
动态旋转与平滑恢复 需求：使用CSS+JavaScript实现以下Web效果： 三个DOM元素：一张图片，两个按钮 点击开始按钮，使图片开始不停旋转（rotate0 -> rotate360） 点击停止按钮，图片停止旋转，并平滑恢复到初始状态 小结： 抽象了函数 getMatrixFromDegree() 和 getDegreeFromMatrix() 用于矩阵和角度间的转换 需要加
vue学习（一）-编程思维
笔记记录学习B站狂神说 Vue https://www.bilibili.com/video/BV18E411a7mC?p=1&vd_source=6800c7920d132926607a6fa073817ebb 最近学习了Vue 记录了一些自己的学习笔记。 1、MVVM 1.1、什么是MVVM MVVM（Model-View-ViewModel）是一种软件设计模式，由微软WPF
我的前端学习历程-编程思维
很难想象一个半年前还在做后台开发，对前端知之甚少的我，现在也可以从事前端开发了。这半年的学习过程将会是我人生一笔宝贵的财富，这让我想到一句话“在成长的道路上，我们不要给自己设定界限，只要拥有成长的力量，就能不断超越自己”。 下面以我自己的经历讲讲前端的学习过程。 阅读目录 Jquery基础知识准备 CSS学习与技巧 代码优化 总结 回到顶部 Jquery基础知识准备 学习前端需要掌
使用html2canvas实现浏览器截图-编程思维
最近做项目为了解决全局异常信息记录，研究了一下浏览器全屏截图功能，方便用户发现异常时能够快速截图发给管理员。最终记录的异常信息如下，上面的【截图报告管理员】就是使用html2canvas前端插件实现的。 阅读目录 html2canvas介绍 使用实例 问题分析 总结 回到顶部 html2canvas介绍 以前我们只能通过其他的截图工具来截取图像。现代浏览器的功能已经越来越强
一言不合就动手系列篇一-仿电商平台前端搜索插件(filtermore)-编程思维
话说某年某月某日，后台系统需要重构，当时公司还没有专业前端，由我负责前台页面框架搭建，做过后台系统的都知道，传统的管理系统大部分都是列表界面和编辑界面。列表界面又由表格和搜索框组成， 对于全部都是输入框的搜索条件开发起来很简单，用户体验上却差很多。开始了漫漫寻找寻插件之路，最终无果。一言不合决定参考互联网风格的筛选条件自己动手仿造一款插件。 最终filterMore诞生了,源
html学习笔记_小伟99-编程思维
html5 什么是html:(hyper text markup language) 超文本标记语言 w3c :万维网联盟 网页基本信息 一些快捷方式：br+ tab == / ......... <!-- 这是注释 --> <!-- DOCTYPE 告诉浏览器我们需要使用的规范 --> <!-- 快捷键 ctrl + / :注释快捷方式--> <!
css3 学习_小伟99-编程思维
css3学习 初识css css选择器(重点加难点) cascading style sheet 层叠级联样式表 表现：美化网页 F12：审查元素 规范： 基本入门 css代码与html代码写在一起： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">
javascript学习_小伟99-编程思维
JavaScript学习 记录不完全，参考 ECMAscript: javascript语言标准 基础 行内写法： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <!-- sc
常用正则表达式_小伟99-编程思维
整数或者小数：^[0-9]+\.{0,1}[0-9]{0,2}$ 只能输入数字：”^[0-9]*$” 只能输入n位的数字：”^\d{n}$” 只能输入至少n位的数字：”^\d{n,}$” 只能输入m~n位的数字：”^\d{m,n}$” 只能输入零和非零开头的数字：”^(0|[1-9][0-9]*)$”。 只能输入有两位小数的正实数：”^[0-9]+(.[0-9]{2})?$”。 只能输入有1~3
高大上网站-css3总结1-图片2d处理以及bug修复_血夜之末-编程思维
高大上网站-CSS3总结1-图片2D处理以及BUG修复 一，前言： 现在的前端UI相对JS来说，重视并不够。 但是CSS3提供的新特性，将现在的网站赤裸裸的划分为两类：一类还在写着老旧样式，或者通过bootstrap来蹭点CSS3动画。另一类，是用CSS3写着各种特效的网站。 也许国内还感觉不是很明显。但是在国外的网站真的很明显能看出来这些。也许很多时候，国内大部分公司都不愿意将时间和精力放在这