javascript
文章平均质量分 55
明月别枝
分享经验,一起学习,一起进步
展开
-
事件循环
事件循环什么是事件循环js按照语句先后顺序执行,首先执行同步代码。2. 接着从宏任务的头部取出一个任务执行,执行过程中若遇到微任务则将其添加到微任务的队列中;3. 宏任务执行完完毕后,微任务的队列中是否存在微任务,若存在则按顺序全部执行完毕;4. gui渲染5. 继续执行宏任务,以此类推。从宏任务到微任务构成事件序号监测机制,即eventloopfunction A() { ...原创 2020-01-02 10:16:30 · 279 阅读 · 0 评论 -
typescript语法
ts 数据类型:布尔值:let isDone:boolean=false;数字:let decLiteral:number=6;字符串:let name:string="bob"数组:let list:number[]=[1,2,3]元组:Tuple允许表示一个已知元素数量和类型的数组,各元素的类型不必相同。 比如,你可以定义一对值分别为 string和number类型...原创 2019-12-25 15:01:41 · 691 阅读 · 0 评论 -
跨域的理解
备注:端口和协议的不同,只能通过后台来解决localhost和127.0.0.1虽然都指向本机,但也属于跨域当协议、子域名、主域名、端口号中任意一个不相同时,都算作不同域。不同域之间相互请求资源,就算作“跨域”。跨域并不是请求发不出去,请求能发出去,服务端能收到请求并正常返回结果,只是结果被浏览器拦截了。之所以会跨域,是因为受到了同源策略的限制,同源策略要求源相同才能正常进行通信...原创 2019-10-30 16:18:47 · 503 阅读 · 0 评论 -
编程题:给定两个字符串形式的非负整数 num1 和num2 ,计算它们的和,并以字符串输出
给定两个字符串形式的非负整数 num1 和num2 ,计算它们的和,并以字符串输出。要求:num1 和num2 的长度都小于 5100.num1 和num2 都只包含数字 0-9.num1 和num2 都不包含任何前导零。你不能使用任何內建 BigInteger 库,也不能直接将输入的字符串转换为整数形式。例如:输入:‘123,12’返回:‘135’思路:把字符串以“...原创 2019-10-12 11:26:36 · 3492 阅读 · 0 评论 -
(小游戏)详解消方块:微信小程序开发
大家好!我又来了。今天我又写了一个超级无聊的小游戏在无聊的道路上,渐行渐远。还记得儿时我们喜欢玩的这个游戏吗?由于我申请的小程序不是小游戏,所以无法体验;于是我又写成H5页面:http://www.yating.online/brick.html喜欢就给我点个星吧:https://github.com/Chenyating/easyGame一、简单介绍:简单的介绍一...原创 2019-03-08 18:12:21 · 2226 阅读 · 0 评论 -
小程序监听watch代码
/** * 设置监听器 */const setWatcher = (data, watch, context) => { // 接收index.js传过来的data对象和watch对象 Object.keys(watch).forEach(v => { // 将watch对象内的key遍历 observe(data, v, watch[v], conte...原创 2019-03-06 17:12:25 · 991 阅读 · 0 评论 -
前端跨域的几种方法
备注:1、端口和协议的不同,只能通过后台来解决 2、localhost和127.0.0.1虽然都指向本机,但也属于跨域当协议、子域名、主域名、端口号中任意一个不相同时,都算作不同域。不同域之间相互请求资源,就算作“跨域”。跨域并不是请求发不出去,请求能发出去,服务端能收到请求并正常返回结果,只是结果被浏览器拦截了。之所以会跨域,是因为受到了同源策略的限制,同源策略要求源相同才...原创 2019-03-20 11:11:01 · 331 阅读 · 0 评论 -
小程序开发过程中遇到问题的笔记
要实时改变数组里的数值:<view class='sign' bindtap='addNum' data-index="{{index}}">+</view>传的值是index,要使用this.setData({name:value})动态的index,要另外赋值:let proInf = 'proInf[' + index + '].num'; proI...原创 2019-03-12 18:16:10 · 256 阅读 · 0 评论 -
解决canvas导出图片模糊问题
// 解决导出图片模糊的方法 toBeCanvas() { var copyDom = $("#canvasQR"); var width = copyDom.offsetWidth; //dom宽 var height = copyDom.offsetHeight; //dom高 ...原创 2019-03-26 10:15:08 · 14613 阅读 · 0 评论 -
前端:艺术二维码生成过程canvas+html2canvas.js+qrcode.js
生成艺术二维码的体验地址::http://yating.online/demo/qr/喜欢的话,给个星吧~https://github.com/Chenyating/ART-QR-Code体验图片:存在问题:1、目前仅适用于pc端;2、内容过于复杂,可能无法识别出来;3、有的二维码,用手机可以扫描出来,但是无法图片识别;现在讲一下大概开发的过程:...原创 2019-03-26 22:55:44 · 3624 阅读 · 0 评论 -
JS数组方法
1、join():原数组不变;返回字符串;join(separator): 将数组的元素组起一个字符串,以separator为分隔符,省略的话则用默认用逗号为分隔符,该方法只接收一个参数:即分隔符。 1 2 3 4 vararr = [1,2,3]; console.log(arr.join()); // 1,2,3 ...转载 2019-03-27 11:49:34 · 277 阅读 · 0 评论 -
防抖函数和节流函数
防抖函数在连续点击n次的时间之内,只取最后一次操作;概念: 在事件被触发n秒后再执行回调,如果在这n秒内又被触发,则重新计时function debounce(fn,delay){ var timer=null; return (...args)=>{ clearTimeOut(timer); var timer=setTimeOut((...原创 2019-09-17 11:28:38 · 218 阅读 · 0 评论 -
js:class的子类继承
当有n个子类的时候,方法相同,就会显得代码冗余;这个时候就需要创建一个父类来继承;class American{ constructor(name,age){ this.name=name; this.age=age; }}const a1=new American("jack",12);class Chinese{ constr...原创 2019-09-21 14:57:07 · 649 阅读 · 0 评论 -
js:构造函数和class
es6中class实现面向对象编程的新形式class Animal{ // 每一个类中都有一个构造器,若没有指定构造器,那么这个构造器是隐形的,构造器的作用,就是每当new一个类,必然优先执行构造器中的代码 constructor(name,age){ this.name=name;//通过new实例的属性,叫做实例属性:dog.name thi...原创 2019-09-21 14:58:30 · 3326 阅读 · 2 评论 -
(小游戏)详解球球保卫大作战:html+js+canvas实现原理
首先先附上我的游戏地址:http://www.yating.online/game/protectBall.html;喜欢就给我点个星吧:https://github.com/Chenyating/easyGamepc端!!!!!!移动端没做处理;一、简单介绍:简单的介绍一下我的小游戏:这个是个单恋,爱而不得的悲伤爱情故事;索性最后是有情人终成眷属的美好故事...原创 2019-03-01 16:06:42 · 1616 阅读 · 15 评论 -
初始化新建vue-cli项目,用本地ip预览的方法
新建的vue-cli项目,不想使用http://localhost:8080/#/,想用本地ip地址预览的2个方法:1、在json文件中,的dev项中:添加 --host 0.0.0.02、在config目录下的index.js的host改成0.0.0.0...原创 2019-01-15 10:59:26 · 294 阅读 · 0 评论 -
(小游戏)详解前端扫雷代码:HTML+JS+DIV实现原理
游戏地址:http://www.yating.online/game/mine.html喜欢就给我点个星吧:https://github.com/Chenyating/easyGame先了解一下扫雷这个游戏规则:我们可以先,打开你的电脑——》程序——》游戏——》扫雷,先玩几分钟,你就会得到规律:点击任意方块,会出现2种结果: 如果是炸弹就引爆,游戏则结束。 如果...原创 2018-10-21 20:02:13 · 4437 阅读 · 0 评论 -
JavaScript的字符串和正则表达式
JS自带函数concat将两个或多个字符的文本组合起来,返回一个新的字符串。var a = "hello";var b = ",world";var c = a.concat(b);alert(c);//c = "hello,world"indexOf返回字符串中一个子串第一处出现的索引(从左到右搜索)。如果没有匹配项,返回 -1 。var index1 = a.indexOf("转载 2017-09-04 09:47:34 · 331 阅读 · 0 评论 -
IndexedDB小白入门基础
IndexedDB: 步骤:1. 打开数据库:request=indexedDB.open(dbName,1)2. 写打开失败的方法:request.onerror=function(e){……};3. 写打开成功的方法:request.onsuccess=function(e){……};4. 写数据库版本更新时执行的方法:reque原创 2018-03-09 17:48:15 · 1616 阅读 · 0 评论 -
2017.12.18 关于前端的基本介绍
2017年12月17日,由于兴趣加入了一个学习前端的兴趣小组 我成为里面的课代表,负责整理教知识的师傅。 可以给一些正在学习前端朋友一点方向。12.18 星期一 一、前端涉及的内容 ->基础知识 HTML,JS,CSS,http通信 ->js高阶知识面向对象,继承,闭包 ,设计模式,DOM操作,BOM ->HTML5,CSS3 ->前端开发工具 sublime text /vs cod原创 2017-12-19 13:54:05 · 352 阅读 · 0 评论 -
jQuery学习笔记
11.20 星期一: 学习地址:http://www.w3school.com.cn/jquery/index.asp一、jQuery 教程1、jQuery 简介: jQuery 是一个 JavaScript 函数库。 jQuery 库包含以下特性:HTML 元素选取、HTML 元素操作、CSS 操作、HTML 事件函数、JavaScript 特效和动画、HTML D原创 2017-11-20 16:15:17 · 260 阅读 · 0 评论 -
Vue笔记
Vue.js是当下很火的一个JavaScript MVVM库,它是以数据驱动和组件化的思想构建的。MVVM模式它是将“数据模型数据双向绑定”的思想作为核心,因此在View和Model之间没有联系,通过ViewModel进行交互,而且Model和ViewModel之间的交互是双向的,因此视图的数据的变化会同时修改数据源,而数据源数据的变化也会立即反应到View上。 ViewModel是Vue.j原创 2017-10-20 17:28:45 · 793 阅读 · 0 评论 -
js观察者模式
观察者模式又叫发布订阅模式(Publish/Subscribe),它定义了一种一对多的关系,让多个观察者对象同时监听某一个主题对象,这个主题对象的状态发生变化时就会通知所有的观察者对象,使得它们能够自动更新自己。使用观察者模式的好处:1、支持简单的广播通信,自动通知所有已经订阅过的对象。2、页面载入后目标对象很容易与观察者存在一种动态关联,增加了灵活性。3、目标对象与观察者之间的抽象耦合关系能够转载 2017-09-12 16:58:45 · 305 阅读 · 0 评论 -
JavaScript的null与undefined的区别
在用法上面:undefined:(1)变量被声明了,但没有赋值时,就等于undefined。(2) 调用函数时,应该提供的参数没有提供,该参数等于undefined。(3)对象没有赋值的属性,该属性的值为undefined。(4)函数没有返回值时,默认返回undefined。null:(1)可以用来赋值。(2)作为对象原型链的终点。unll和undefined都不包含任何属性和方法。 使用”.”原创 2017-09-01 16:46:47 · 346 阅读 · 0 评论 -
数组转数值,把数字分别输入数组中,例如【1,2,‘.’,3】转成12.3的方法
num[];//为这个数组; arrayValue() { for (var j = 0; j <= this.num.length - 1; j++) { for (var i = this.num.length - 2 - j; i >= 0; i--) { this.num[j] = this.num[j] * 10; ...原创 2018-08-23 20:54:26 · 3511 阅读 · 0 评论 -
前端计算器代码
呈上html代码:<!DOCTYPE html><html><head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, use原创 2018-08-23 21:08:49 · 1951 阅读 · 1 评论 -
(小游戏)贪吃蛇前端代码
游戏地址:http://www.yating.online/game/retroSnaker.html喜欢就给我点个星吧~:https://github.com/Chenyating/easyGame附上html代码:<!DOCTYPE html><html><head> <meta charset="utf-8" /> ...原创 2018-08-30 12:03:33 · 1544 阅读 · 2 评论 -
(小游戏)详解前端俄罗斯方块代码:HTML+JS+CANVAS实现原理
喜欢就给我点个星吧:https://github.com/Chenyating/easyGame想写个俄罗斯方块的小游戏,发现网上的各位大佬的代码,我看不明白。好吧,其实我一直都看不懂别人的代码。可是,flag已经立了,写肯定是要写的啦。嗯……还是自力更生,自给自足。撸起袖子,说写就写。现在就说说我自己的经验;查看效果,请点击这个地址哦~,你们可以玩一把,告诉我需要改进的地...原创 2018-09-24 00:33:24 · 7122 阅读 · 15 评论 -
JavaScript里的Boolean
Boolean只有2个值:true和false遇到以下的情况,都返回为false:alert(Boolean('')); //outpt false alert(Boolean(0)); //output falsealert(Boolean(NaN)); //output falsealert(Boolean(null)); //output false alert(Boolean(u原创 2017-09-03 21:37:51 · 381 阅读 · 0 评论