- 博客(29)
- 资源 (1)
- 问答 (1)
- 收藏
- 关注
RSS订阅原创 vue中监听离开页面时间并记录
// 不兼容360, 火狐下只有有多个标签时才能查到import { logout } from '@/api/user'export default { name: 'App', mounted() { window.addEventListener('beforeunload', e => this.beforeunloadHandler(e)) window.addEventListener('unload', e => this.unloadHandler(e
2022-01-04 16:59:40
744
原创 小程序弹幕实现
其实，在微信开放文档中就有关于弹幕的组件。当然，这是在我自己实现了弹幕功能后才发现的，不然我肯定不会自己动手实现，能白嫖绝不动手。实现弹幕功能最主要的点就是利用CSS3里面的动画效果/**定义从右边向左边的移动的动画**/@keyframes first { from { left: 100%; } to { left: -200%; }}有了这个动画效果，实现弹幕效果非常简单了效果图：思路： 在wxml中添加节点 在wxss中添加动.
2021-06-06 11:10:12
3600
原创 小程序canvas之绘制并保存图片到本地
这篇主要讲canvas绘制以及保存到本地相册的方法实现功能如下：1.用户手动输入文字，并把这些文字绘制到canvas中2.将图片绘制到canvas中3.将canvas变成图片并保存到本地相册中效果如图：第一步 wxml<canvas type="2d" id='MyCanvas' style="width:{{widthC}}px;height:{{heightC}}px;" wx:if="{{showCanvas}}"要注意写这种形式tpye=‘2d’，这是新版本的，旧版本的如
2021-05-22 16:10:14
3924
1
原创 let和const命令
先说let命令let用来声明变量，用法类似于var，但是也有很多区别 所声明的变量只在let命令所在的代码块内有效 不存在变量提升问题，即只能在声明之后才能使用，否则报错 只要块级作用域内存在let命令，它所声明的变量就绑定了这个区域，不再受到外界影响 不能重复声明变量 // 第一个{ let a=2; var b=2;}console.log(...
2019-12-02 09:36:50
112
原创 Generator函数了解和使用
这个函数看起来挺难的，实际上确实有点难，这一百来页书看了好多遍才勉强看懂。当然了，也不排除我有点傻，嘿嘿我觉得学一个新东西，搞清楚三个问题就基本算是学到了这是个啥？这个咋用呢？这有啥用呢？对于这个函数，我也套用一下这种方式这函数是个啥？一个函数名带有星号，可使用yield来暂停函数以及通过yield与next交互来输出输入值，最后执行时返回一个遍历器对象的函数这函数...
2019-11-17 19:11:51
230
原创 Thunk函数配合Generator函数使用，依次读取上传文件
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <button type="button">读取文件</button> <inpu...
2019-11-17 14:30:05
150
原创 JS中Promise简单了解
什么是promise呢？就是异步编程的一种解决方案。简单来看，可以把它看作一个容器，里面存放着某个未来才会结束的事件的结果。从语法上来说，它是一个对象，可以从它来获取异步操作的消息这样可能好理解一些比如去KFC买了一个汉堡，通过下订单并付款，此时就是发送了一个对某个值（就是那个汉堡）的请求。这时，服务员会给你一个排号，这个排号就是一个promise，保证你能拿到那个值（那个汉堡）。拿到那个...
2019-11-10 18:18:38
199
原创 对象关联风格代码写贪吃蛇
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>小帅哥</title> </head> <body> <script type="text/javascript"> let obj={ ...
2019-11-02 18:57:20
121
原创 JS中实现拖拽上传图片功能
效果图 <!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>百度换肤</title> <style type="text/css"&g...
2019-10-28 08:34:20
1302
原创 JS实现百度搜索下拉框
效果图 <!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>百度搜索</title> <style type=...
2019-10-28 08:29:26
2039
原创 JS返回值练习
效果图<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>返回值练习</title> <style type="text/css"> output{ white-space: pre; } </...
2019-10-27 10:58:14
314
原创 JS中canvas实现一个简单画板
效果图 <!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> ...
2019-10-27 10:04:48
1731
原创 JS中animation和background练习
效果图 会自动移动，当鼠标停在眼睛上时会停止<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>瞅啥呢，说你呢</title> <sty...
2019-10-27 09:56:16
531
原创 JS滚动轮播图
效果图 自动滚动，以及点击滚动，还修复了多次点击出现图片位置混乱的bug<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>小垃圾</title> <s...
2019-10-27 09:38:37
307
原创 JS中放大镜
效果图<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>辣么帅的我</title> <style type="text/css"> *{ margin: 0; padding: 0; } ...
2019-10-27 09:27:48
176
原创 JS贪吃蛇
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>小田田</title> </head> <body> <scrip...
2019-10-26 18:27:56
142
原创 原生函数
什么是原生函数？就是为基本数据类型值提供了封装对象，就叫原生函数。这些函数为基本数据类型值提供了该子类型特有的方法和类型（我认为就类似于内置对象吧，只是这个是函数形式）常用的有这么几种：◦ String()◦ Number()◦ Boolean()◦ Array()◦ Object()◦ Function()◦ RegExp()◦ Date()◦ Err...
2019-10-25 14:51:27
397
原创 JS中类型与值
现在开始更新《你不知道的JavaScript》中卷的学习内容这篇文章的内容比较简单，大致过一遍，稍稍记住几个特殊的小知识点即可类型首先内置类型应该都知道了◦ 空值（null）◦ 未定义（undefined）◦ 布尔值（boolean）◦ 数字（number）◦ 字符串（string）◦ 对象（object）◦ 符号（symbol）console....
2019-10-24 17:14:15
242
原创 混入与委托
先说混入看了上一篇《原型》应该知道，JavaScript中只有对象，并不存在可以被实例化的“类”。就是说一个对象并不会被复制到其他对象，只是两者之间被关联起来了。那么问题来了，就是想要实现这种复制功能，这可咋整呢？这就是混入，模拟类的复制行为混入又分为显示混入和隐式混入这是显示混入：function mixin(sourceObj,targetObj){ for(var key...
2019-10-23 17:43:07
136
原创 初识别作用域和闭包
最近在读《你不知道的JavaScript》一书，书中的很多知识让我茅塞顿开一个简单例子：for(var i=0;i<5;i++){setTimeout(function(){console.log(i);},1000*i);}初看，不就是连着输出0，1，2，3，4嘛，还不简单。但是，等我运行输出的时候却是5，5，5，5，5。嗯？这就有点东西了，这是为...
2019-10-22 08:51:26
134
原创 原型
看到原型，你可能就会联想到类，进而想到要模仿类来实现原型的继承和多态。在我原先的学习中确实是这样，所观看的视频中老师也是这么说的，在很长时间内也都是这么做的。但是，在我学习完《你所不知道的JavaScript》后，我改观了，我认为原型的现有机制比类的多态与继承机制更适合JS。当然，尽信书则不如无书，每个人的观点都来源于自身多年的经验，不可轻易否定，可能多年后我又后悔现在这种认知了呢。不知道，但目前...
2019-10-20 09:09:10
154
原创 关于对象，这些你应该知道
关于对象，这些你应该知道，对象的基本类型和内置对象，访问对象属性的方式以及如何实现访问，属性的属性描述符，get 和set函数的使用，枚举的方法，还有如何快速判别属性是否存在于对象还是对象的原型链中
2019-10-17 13:47:40
204
原创 浅谈this指向问题，一次搞懂
先介绍俩个关于this你应该知道的1. this的运行机制this是在运行时进行绑定的，不是在编写时绑定的，它的上下文关系取决于函数调用时的各种关系。this的绑定和函数声明的位置没有关系， 只取决于函数的调用方式。就是说this指向是动态绑定的，但是总是指向调用函数的那个对象，而不管函数是声明在哪里2.this指向自身知道了this的运行机制，就应该知道this并不是指向函...
2019-10-17 13:32:07
551
原型链下层为上层添加属性时无法添加，显示为undefined？？
2019-10-19
TA创建的收藏夹 TA关注的收藏夹
TA关注的人