
js
文章平均质量分 72
Lekily
这个作者很懒,什么都没留下…
展开
-
Canvas画动态圆钟
本案例用canvas画与当前时间想符合的动态圆钟相关注释已写好。通俗易懂<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, init原创 2021-08-17 13:41:39 · 131 阅读 · 0 评论 -
webpack简单使用
Webpack的使用在模块化编程盛行的今天, 每个js,css都可以独立存在, 而每个独立存在的文件又有可能采取不同的工程化语言方法, 比如用TypeScript写js, 用sass写css等等, 这时候我们就需要用一个简单的工具, 完成这种统一编译解析输出的功能了.webpack 处理应用程序时,它会递归地构建一个依赖关系图(dependency graph),其中包含应用程序需要的每个模块,然后将所有这些模块打包成一个或多个 bundle(包)。安装webpacknodenpm instal原创 2021-08-16 16:41:57 · 197 阅读 · 0 评论 -
小时钟案例
通过日期对象Date()来实现一个小时钟案例 <style> * { margin: 0; padding: 0; } ul { list-style: none; } #wrap { width: 400px; margin: 200px auto; /*bo原创 2021-07-28 14:01:42 · 102 阅读 · 0 评论 -
浅克隆与深克隆
浅克隆浅克隆只克隆对象的“表层”,如果对象的某些属性值又是引用类型值,则不进一步克隆它们,只是传递它们的引用。浅克隆会造成藕断丝连,当引用类型的属性值发生改变时,克隆出来的对应的引用类型的属性值也会发生改变。let obj1={ a:1, b:2, c:[1,2,3], d:{ name:"daitou", age:18 } } let obj2={} for(let key in obj1){ obj2[key] =原创 2021-07-22 23:04:33 · 100 阅读 · 0 评论 -
this的指向问题
this的指向问题1-对象打点调用函数 this指向对象情况1:如果一个函数中有this,但是它没有被上一级的对象所调用,那么this指向的就是window,这里需要说明的是在js的严格版中this指向的不是window,但是我们这里不探讨严格版的问题,你想了解可以自行上网查找。情况2:如果一个函数中有this,这个函数有被上一级的对象所调用,那么this指向的就是上一级的对象。情况3:如果一个函数中有this,这个函数中包含多个对象,尽管这个函数是被最外层的对象所调用,this指向的也只是它上一原创 2021-05-08 16:40:59 · 121 阅读 · 0 评论 -
轮播图案例
跑马灯轮播图轮播图是我们经常会在页面开发中经常会用到的。本案例就用js实现一个经典的无缝轮播图。<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-s原创 2021-07-20 09:31:18 · 154 阅读 · 0 评论 -
无缝连续滚动特效
Js实现无缝连续滚动特效<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> *{ margin: 0; padding: 0; } #box{ width: 850px; border: 4px so原创 2021-07-19 22:49:16 · 122 阅读 · 0 评论