随笔分类 - JavaScript
1
摘要：1 let f = 0; 2 function a() { 3 f = f+1; 4 // (function (flag) { 5 // setTimeout(() => { 6 // console.log(flag, f); 7 // debugger 8 // if (flag f) { 9
阅读全文
摘要：本质上是实现了一个eleUI select组件中的创建条目功能的组件，仅仅是将dropdown的选择框变成了label形式。支持eleUI的form表单校验，同时组件也提供了组件内自定义校验的方法。常规的用eleUI校验表单只需要在rules中正常定义： eleUI表单校验的触发方式是组件内抛出一个
阅读全文
摘要：理论上可以用于任何元素，生效时会在元素上出现一个同大小的灰色蒙层（button元素会该表原生的disabled属性）。 /** * 当元素触发发起请求后，当发起的请求中最后一个请求的结果返回（不关心返回顺序和结果），解锁元素禁用。 * 优化：用一个pending记录所有请求，逐个判定是否返回结果。
阅读全文
摘要：function compare(a, b) { const typeA = {}.toString.call(a); const typeB = {}.toString.call(b); if (typeA !== typeB) return false; let result = false;
阅读全文
摘要：要找到一颗树中指定id的那个节点很简单。如果要找到指定的所有父节点，转换一下思路就是将深度遍历的每条顺序都记录下来，直到找到了指定id的节点时，输出该条记录。 那么仅仅需要在每次遍历时，将上一次的记录传过去即可。
阅读全文
摘要：转盘式抽奖的第一个问题是随机数个奖品在转盘上的定位，当然每个点的坐标是可以计算出来的： 不过在js中不需要这么繁琐，有n个奖品，一个圆360度，所以每个奖品之间的夹角是 360 / (n - 1)度，也就是说每个奖品相对中心旋转一定角度就可以了。 如果在canvas中那么可以自定义中心位置，如果用j
阅读全文
摘要：睡了13个小时，发烧终于退了，持续2周的感冒看起来终于好了点，这一周一直在看perspective的一些资料，写一个3D跑马灯的效果。 个人感觉主要就是理解视角的概念，也就是perspective和perspective-origin这2个 属性，其他都比较简单。
阅读全文
摘要：昨天晚上看完欧冠决赛，今天一觉醒来已是下午，吃过饭就寻思着写点什么，正好上周花了好几个小时温习原型、原型对象、原型链的知识，这次就用原型的概念实现图片网格式效果（网上大多是利用jQuery实现，jQuery提供的很多额外的方法和选择器确实方便许多）。 先给出效果图： 写的小组件支持图片的渐显、渐隐，
阅读全文
摘要：一直都想写一个对话框，正好公司买了一个，就照着外观自己也写一个，每次写都会碰到意想不到的情况，通过解决这些情况，就很好的了解和学习了js知识。 先给出效果图： 这一次主要是碰到了一个问题：极短时间内多次按Enter键触发”发送内容不能为空“的提示，提示也会多次触发渐隐效果，但实际上应该是出发一次，后
阅读全文
摘要：上周末写好了大部分功能函数，今天趁工作做完，把剩下的功能写好。下面先给出效果图： 写下来还是比较顺利的，把整个游戏拆分成一个一个的功能函数，最后只要有选择性的调用就可以了。 总体思路顺着代码注释看应该是比较清晰的。我基本的思想是将整个游戏分为2个部分，第一部分是当前控制的图形，可以左右移动，旋转，当
阅读全文
摘要：周末学习canvas的一些基础功能，顺带写了一个基础的时钟。现在加工一下，做的更好看一点，先放上效果图： 谈一些自己的理解： （1）、要绘制一个新的样式（不想被其他样式影响，或者影响到其他样式），那么一定记得先用beginPath()，beginPath()可以新建一个子路径，接下来的绘制，都是针对
阅读全文
摘要：这周自我学习的时间很宽裕。正巧一直对call和apply不甚理解（虽然bind还经常用到，仅仅是知道这么用有这个效果= =，而不知为何有这个效果），下午就自己写写demo，帮助自己理解。 非常简单的2个函数，下面先给出结果： 这样看就很清晰了，第一次直接用minus(1, 2)，控制台输出的this
阅读全文
摘要：以前写上图所示的鼠标点击触发事件，一般都是用如下所示的给每一个表示列表的标签绑定一个click事件（演示用的例子的框架是React）： 毫无疑问，这样是比较繁琐的，以后维护修改改个函数名什么的还不方便（当然sublime还是有ctrl+d的么= =），水平提高一点的写法如下： 但是，实际上还是为每一
阅读全文
摘要：最近工作量好大，好忙，趁周末练练手，花了近3小时写了一个贪吃蛇。（后续会把自己的一些想法继续更新，目前是1.3版本~更新过4次，文末有更新说明）。 这是实践操作的地址：http://iforj.com:8000/tool/snake/ 实现贪吃蛇的功能很简单。 我就分享一下我实现贪吃蛇看起来在界面上
阅读全文
摘要：NodeIterator和TreeWalker这2个类型可以基于给定的起点对DOM结构执行深度优先遍历。（我测试用的浏览器是Chrome，介绍说IE不支持DOM遍历，但是不知道最新的IE支持不支持） 1、NodeIterator 使用document.createNodeIterator()方法创建
阅读全文
摘要：在完成一个需求的时候碰到一个场景需要使用柱状图。涉及到可视化，第一反应当然是Echarts了。平时用js加载Echarts组件很方便，但是在React中就要费下神了。各种连蒙带猜实现了。edmo里的Echarts的例子就是Echarts文档上介绍的最简单的应用。 这是调用Echarts组件的地方，给
阅读全文
摘要：1、选择符API （1）、querySelector()方法 querySelector()方法接受一个CSS选择符，返回与该模式匹配的第一个元素，如果没有找到匹配的元素，返回null。 通过Document类型调用querySelector()方法时，会在文档元素的范围内查找匹配的元素。而通过El
阅读全文
摘要：这篇文章整理的是关于DOM的一些学习笔记，这样以后查找起来也方便许多。（以前js看的是入门经典和DOM编程艺术，现在在看高级程序设计，本文就以高级程序为主整理） 1、Node （1）：类型 node.nodeType：返回节点类型（一共有12种）。若返回值为1，则表明是个element节点，若2，属
阅读全文
摘要：这是我真正意义上地用react实现一些东西。这次分享的是一个很简单的小组件，效果图先放上来： 前端样式用的是一套框架。功能很简单，就是根据选择的维度，在成员里选择对应这个维度的选项。 首先初始化一些数据，这里我们要关注的就是newMeasureText，这是维度的value；newMeasureMe
阅读全文
摘要：上篇博客提到过，box-shadow属性的本质是对形状的复制，那么如果我设置一个1*1px的i标签，利用box-shadow可以叠加的特性，给每一个1*1px的阴影赋上颜色，那么最后不就是一幅图片了么。 html代码很简单： 做了一个简单的图片上传控件，页面的js里读取了一些简单的控件信息。 最初在
阅读全文
1
浙公网安备 33010602011771号