随笔分类 -  前端学习

动态旋转与平滑恢复
摘要：动态旋转与平滑恢复 需求：使用CSS+JavaScript实现以下Web效果： 三个DOM元素：一张图片，两个按钮 点击开始按钮，使图片开始不停旋转（rotate0 → rotate360） 点击停止按钮，图片停止旋转，并平滑恢复到初始状态 小结： 抽象了函数 getMatrixFromDegree 阅读全文
posted @ 2021-02-01 13:46 汪淼焱 阅读(155) 评论(0) 推荐(0)
在浏览器端如何进行文件签名的计算
摘要：# 在浏览器端如何进行文件签名的计算 现在有这样一个需求：我们需要对一个任意文件在浏览器端进行一个签名的计算，以供后一步的比对校验使用。 要求：签名算法包括但不限于MD5、SHA-1、SHA-256、SHA-384、SHA-512等算法。 经验：因为之前有简单调研过 [Web Cryptograph 阅读全文
posted @ 2021-01-21 16:13 汪淼焱 阅读(1344) 评论(0) 推荐(0)
console.log输出带格式打印
摘要：// 文字样式 console.log("%c前端", "color:orange;font-weight:bold"); // 背景图片 console.log("%c", "background: url(http://p3i10hjs7.bkt.clouddn.com/console.jpeg 阅读全文
posted @ 2021-01-11 11:41 汪淼焱 阅读(267) 评论(0) 推荐(0)
EVANYOU尤大个人网站主页CANVAS三角彩带效果分析学习
摘要：尤雨溪网站三角彩带效果 效果： ![](https://img2018.cnblogs.com/blog/812656/202001/812656-20200117202728871-1891707072.jpg) ## 源码 ```html Document ``` ## 技巧点 1. 为了适应不 阅读全文
posted @ 2020-01-17 20:57 汪淼焱 阅读(1029) 评论(0) 推荐(0)
Flex布局介绍
摘要：传统的布局解决方案 盒状模型 diplay + position + float 缺陷：对于一些特殊布局（垂直居中）和网格式布局（几行几列）不易实现 09年W3C颁布的 flex布局 使用简单、API完整丰富、响应式动态地实现各种页面布局（一些常见的布局思想） 当然针对Gekco30+以下，最好的布 阅读全文
posted @ 2018-12-15 13:53 汪淼焱 阅读(1629) 评论(0) 推荐(0)
理解惰性函数
摘要：先列个通过if判断执行的代码块： creatXHR() ```js function createXHR(){ if (typeof XMLHttpRequest != "undefined"){ // 首先检查内置的XHR return new XMLHttpRequest(); } else i 阅读全文
posted @ 2018-12-01 18:35 汪淼焱 阅读(175) 评论(0) 推荐(0)
如何写一个作用域安全的构造函数
摘要：基础部分 构造函数本质上就是一个使用new操作符调用的函数，使用new调用时，构造函数内用到的this对象会指向新创建的对象实例： 平时写变量时，如果因为失误忘记使用new操作符时，会造成一个糟糕的影响————因为this对象是在运行时绑定的，直接调用构造函数，this会映射到全局对象window上 阅读全文
posted @ 2018-11-30 10:33 汪淼焱 阅读(422) 评论(0) 推荐(0)
为JavaScript正名--读你不知道的JavaScript(持续更新..)
摘要：# 你不知道的JavaScript上卷 JavaScript和Java的关系就像Carnival和Car的关系一样，八竿子打不着。 JavaScript易上手，但由于其本身的特殊性，相比其他语言能真正掌握JavaScript的人比较少。JavaScript语言本质上有许多复杂的概念，但却用一种看起来 阅读全文
posted @ 2018-09-08 15:07 汪淼焱 阅读(264) 评论(0) 推荐(0)
JS学习
摘要：学习教材：Beginning JavaScript, 3th Edition（中文版） 测试环境：Firefox Quantum 59.0.2（64位） 第一个例子： 目标：使用JavaScript改变浏览器页面背景色 *注意：使用JS时，调用方法为documen.bgColor，其中bgColor 阅读全文
posted @ 2018-04-06 20:29 汪淼焱 阅读(152) 评论(0) 推荐(0)
个人遗漏知识的回顾-HTML
摘要：常用的一些快捷键： Windows + e 我的电脑Ctrl + Tab 网页间不同页面切换F2 重命名Ctrl+Shift+S 另存为 前端的一些常识：前端意义：将效果图生成网页网页组成：文字、图片、输入框、视频、音频、超链接Web标准：Html 结构标准；Css 表现标准；Js 行为标准 浏览器 阅读全文
posted @ 2018-04-06 16:49 汪淼焱 阅读(320) 评论(0) 推荐(1)