JavaScript
文章平均质量分 58
yotcap
去学校路上的小学生
展开
-
CSS打印设置页眉页脚
实现了CSS打印自定义页眉页脚原创 2024-06-18 21:30:08 · 1285 阅读 · 1 评论 -
JavaScript事件
DOM2 Events规范规定事件流分为3个阶段:事件捕获(event bubbling)、到达目标和事件捕获(event capturing)原创 2023-05-02 14:27:12 · 770 阅读 · 3 评论 -
JS运算符的优先级
排在越上面的运算符优先级越高,结合性越强。反之越下面的运算符优先级越低。使用括号可以改变正常情况下的优先级。原创 2023-03-26 12:44:09 · 128 阅读 · 0 评论 -
JS Funtions 中的记忆化(memoization)
记忆化(memoization)是一种提高计算机程序执行速度的优化技术,通过存储大量计算量函数的返回值,当这个结果再次使用时不需要重新计算,而是从缓存中直接取出。JavaScript 的对象和数组要实现这种优化是非常方便的。这样实现的方法,做了很多重复性的工作,fibonacci函数被调用了 453 次,其中 for 循环调用了 11 次,而它自己调用了 442 次。如果引入记忆功能,见可以显著地减少运算量。原创 2022-09-06 10:58:15 · 347 阅读 · 0 评论 -
JS 中的模块化
文章目录JS 中的模块化CommonJSAMDESModule后模块化的编译时代来源:止水的公开课《webpack 原理与实战》,手码整理的笔记(只有前半部分,后半部分关于 webpack 打包的内容由于视频中没有全部出现所以无法记录)。JS 中的模块化要明白我们的打包工具究竟做了什么,首先必须明白的一点就是 JS 中的模块化。在 ES6 规范之前,我们有 CommonJS、AMD的主流的模块化规范。CommonJSNode.js 是一个基于 V8 引擎、事件驱动 I/O 的服务端 JS 运行原创 2020-06-10 21:51:19 · 214 阅读 · 1 评论 -
axios在IE9环境下报错Unhandled promise rejection TypeError: 无法获取未定义或 null 引用的属性“result“
兼容ie9时碰到一个怪异的问题:页面加载了部分,控制台报错,Unhandled promise rejection TypeError: 无法获取未定义或 null 引用的属性"result"。开始以为自己封装的Promise方法有问题,或者是封装的组件有问题,定位了半天确定了接口数据虽然200了,但还是无法正常加载导致页面无法显示。参考issue:https://github.com/axio...原创 2019-12-15 08:25:20 · 13865 阅读 · 2 评论 -
JS 监听 storage
案例地址:http://yotcap.top/htm/storage.html在同一页面添加监听事件监听 storage 并不起作用,需要重写操作 storage 的方法,所以有以下两种方法用来监听。监听同源页面中 storage 的变动storage.html<!doctype html>&原创 2019-02-14 15:48:49 · 3121 阅读 · 0 评论 -
WEB端百度语音合成Demo
Demo 地址:http://yotcap.top/htm/speaker.html源码地址:https://github.com/yotcap/someGadgets/tree/master/speaker原创 2019-04-09 14:11:36 · 2327 阅读 · 0 评论 -
JS 常用工具函数
个人笔记,持续更新中…时间格式化function dateFormater(formater, t){ let date = t ? new Date(t) : new Date(), Y = date.getFullYear() + '', M = date.getMonth() + 1, D = date.getDate(), H = date.g...原创 2019-07-03 09:55:23 · 544 阅读 · 0 评论 -
JS 判断扫码的是微信还是支付宝
判断打开网页的客户端是微信还是支付宝let domT = document.querySelector('#txt');function isWechatOrAli(){ let ua = window.navigator.userAgent.toLowerCase(); if ( ua.match(/MicroMessenger/i) == 'micromessenger' ) { ...原创 2019-07-15 15:21:55 · 2844 阅读 · 4 评论 -
JS 创建Form请求
// make form and submit// 也可以选择将 action 单独拎出来传参function makeFormAndSubmit(data) { let form = document.createElement('form'); form.id = 'idForm'; form.name = 'name_form'; form.style = 'displa...原创 2019-07-11 16:18:07 · 1524 阅读 · 0 评论 -
JS网页标题的闪动
function changeTitle() { setTimeout(function(){ document.title = '\u00AD'; changeTitle2(); }, 500);}function changeTitle2() { setTimeout(function(){ document.titl...原创 2018-06-08 20:20:32 · 474 阅读 · 0 评论 -
JS小球的弹跳
distance:小球初始位置距地面的高度,即总高度g:重力加速度,改变下落速度horizontalSpeed:水平速度time:运行时间,改变快慢项目地址:https://yotcap.github.io/someGadgets/jumpingBall/ball.htmlps:不够完美,弹跳的最后几下比较僵硬,求大神指点!谢谢!!...原创 2018-06-22 14:59:01 · 1551 阅读 · 7 评论 -
JS对象的两种 in 操作符
in:单独使用时,in操作符会在通过对象能够访问给定属性时返回true,无论该属性存在于实例中还是原型中。function Person(){};Person.prototype.name = "hello";Person.prototype.age = "12";Person.prototype.sayName = function(){alert(this.name);};func...原创 2018-04-27 13:59:53 · 13959 阅读 · 2 评论 -
淘气网(一个仿淘宝的购物网站)
主页:登录界面:商品详情:商家主页:JQ+Bootstrap+纯手打github : https://github.com/yotcap/taoqiNet-imitationTaobao原创 2018-05-15 17:11:06 · 4848 阅读 · 6 评论 -
JS闭包
无论什么时候在函数中访问一个变量时,就会从作用域链中搜索具有相应名字的变量。一般来讲,当函数执行完毕后,局部活动对象就会被 GC(Garbage Collector)回收,内存中仅保存全局作用域(全局执行环境的变量对象)。var scope = "global scope";function fa () { var scope = "local scope"; function f...原创 2018-05-22 10:41:46 · 331 阅读 · 1 评论 -
JS函数表达式-小结
在JS中,函数表达式是一种非常有用的技术。使用函数表达式可以无须对函数命名,从而实现动态编程。匿名函数,也称拉姆达函数,是一种使用JavaScript函数的强大方式。函数表达式的特点:函数表达式不同于函数声明。函数声明必须有函数名称, 而函数表达式不需要。没有名字的函数表达式也称匿名函数。在无法确定如何引用函数的情况下,递归函数就会变得比较复杂。递归函数应该始终使用arguments.ca...转载 2018-05-23 15:52:39 · 852 阅读 · 0 评论 -
JS一些算法
杨辉三角:var row = 10, arr = new Array();for(var i=0;i<row;i++){ var arrRow = []; for(var j=0;j<=i;j++){ if(i == 0 || j ==0 || i==j){ arrRow.push(1); }else{...原创 2018-05-23 21:14:50 · 1632 阅读 · 0 评论 -
JS 中的定时器 setTimeout()
setTimeout()接受两个参数:要执行的代码和以毫秒表示的时间。第一个参数可以是一个包含JS代码的字符串(和在eval()函数中使用的字符串一样),也可以是一个函数。如下://不建议传递字符串setTimeout("alert('hello')", 1000);//推荐的方式setTimeout(function () { alert("hello");}, 1000);...原创 2018-05-29 19:03:37 · 36007 阅读 · 1 评论 -
JS判断质数
思路:质数是指在大于1的自然数中,除了1和该数自身外,无法被其他自然数整除的数。2是唯一一个既是偶数又是质数的数字。首先判断传入的参数是否为number类型,其次将小于2的数字和偶数排除,最后用循环去检查数字(不需要检查参数开方后之后的数字,只需检查前半部分的数字就可以了)。代码如下:function isPrimeNum(num) {if(typeof num ...原创 2018-06-05 20:08:39 · 6880 阅读 · 0 评论 -
JS中的Object.freeze( )函数
Object.freeze( object )阻止修改现有属性的特性和值,并阻止添加新属性。参数:要被冻结的对象返回:被冻结的对象不创建一个被冻结的副本。两种用法:Object.freeze( { } ) 和 Object.freeze( object )Object.freeze( { } ):const a = Object.freeze({ name: ...原创 2018-06-21 09:35:17 · 2736 阅读 · 0 评论 -
JS中的apply()和call()方法
JS中每个函数都包含两个非继承而来的方法:apply()和call()。这两个方法的用途都是:在特定的作用域中调用函数,实际上等于设置函数体内this对象的值。apply()接受两个参数:一个是在其中运行函数的作用域,另一个是参数数组(既可以是Array的实例,也可以是arguments对象)。call()接受的第一个参数与apply()一样,但后面传递给函数的参数必须逐个列举出来。...原创 2018-06-08 09:35:14 · 231 阅读 · 0 评论 -
JS节点类型之DocumentFragment类型
DOM规定文档片段(document fragment)是一种“轻量级”的文档,可以包含和控制节点,但不会像完整的文档那样占用额外的资源。可以将文档片段作为一个“仓库”来使用,即可以在里面保存将来可能会添加到文档中的节点。看例子:HTML中有如下代码:<ol id="ol1"></ol>假如我们想为这个<ol>元素添加3个列表项。如果逐个添加列表项,将会导致浏览...原创 2018-06-14 15:54:03 · 5775 阅读 · 0 评论 -
JS的八张思维导向图
1. js变量:2. js函数:3. DOM基本操作:4. js流程语句:5. js数组:6. js运算符:7. js正则表达式:8. js字符串函数:出处:http://www.cnblogs.com/junhey/p/4292683.html转载 2018-05-02 16:27:58 · 460 阅读 · 0 评论