会员
周边
众包
新闻
博问
闪存
赞助商
Chat2DB
所有博客
当前博客
我的博客
我的园子
账号设置
会员中心
简洁模式
...
退出登录
注册
登录
阿Sa很忙
博客园
首页
新随笔
联系
订阅
管理
2021年2月6日
windows使用on my zsh
摘要: 1、打开windows10系统开发者选项 2、进入控制面板,打开程序、程序和功能、启用或关闭windows功能,选中适用于linux的windows子系统 3、进入microsoft store,搜索linux,点击第一个出现的ubuntu,进行安装 4、打开安装好的ubuntu系统,设置好user
阅读全文
posted @ 2021-02-06 15:36 Asaru
阅读(953)
评论(0)
推荐(0)
2020年3月8日
es6 Map Weak Map Set Weak Set的区别
摘要: Es6的Set是一个拥有唯一值的集合,而Map是一个拥有唯一键的集合,他们的唯一性是通过Object.is这个方法来进行比较的(Object.is可以参考MDN)。 Set可以使用扩展运算符来将其变成一个数组,一般进行数组去重的时候也可以使用Set来进行。 Map的结构是一个二维数组,拥有独立的键值
阅读全文
posted @ 2020-03-08 14:00 Asaru
阅读(246)
评论(0)
推荐(0)
2019年9月29日
JS垃圾回收机制的一些笔记
摘要: 垃圾回收器会定期(周期性)找出不再继续使用的变量,然后释放其内存,各个浏览器的周期不同,常用的垃圾回收机制有这两种。 标记清除(常规) 浏览器将所有引用变量加上标记,然后将全局引用的变量以及闭包的标记清除。在执行js代码的时候会进入一个执行环境,当离开当前执行环境时,当前执行环境内标记的变量会被清除
阅读全文
posted @ 2019-09-29 15:21 Asaru
阅读(384)
评论(0)
推荐(0)
2019年8月16日
Vue双向数据绑定的手动实现
摘要: class Asarua { // 传入一个对象,也就是实例化的时候的参数 constructor(options) { this.$data = options.data; // 获取挂载的dom this.$el = document.querySelector(options.el); thi
阅读全文
posted @ 2019-08-16 19:39 Asaru
阅读(665)
评论(0)
推荐(0)
2019年5月16日
关于纯JS实现动态边框的理解
摘要: 先放效果图吧 不是我写出来的,也不是我找到的,我朋友找的这个东西,觉得炫酷,我研究了半天(2333) 开始正题: 页面有6个图形,5个矩形,1个圆形,5个圆形是同样的方法实现,圆形是别的方法 先说圆形,圆形通过C3动画属性就已经全部实现了 这个圆形边框转起来靠的是C3动画属性,通过伪元素选择符:be
阅读全文
posted @ 2019-05-16 21:53 Asaru
阅读(1955)
评论(0)
推荐(0)
2019年4月18日
瀑布流
摘要: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv
阅读全文
posted @ 2019-04-18 19:27 Asaru
阅读(113)
评论(0)
推荐(0)
打字游戏
摘要: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv
阅读全文
posted @ 2019-04-18 19:25 Asaru
阅读(144)
评论(0)
推荐(0)
淡入淡出轮播
摘要: var oBox = document.getElementById("box"); var pic = document.querySelectorAll("#box>img"); var timer = null; var iNow = 0; var n = 0; setInterval(fun
阅读全文
posted @ 2019-04-18 10:44 Asaru
阅读(129)
评论(0)
推荐(0)
无缝轮播
摘要: HTML <div id="box"> <ul id="ul"> <li><img src="随堂案例/img/1.jpg" alt=""></li> <li><img src="随堂案例/img/2.jpg" alt=""></li> <li><img src="随堂案例/img/3.jpg" a
阅读全文
posted @ 2019-04-18 10:43 Asaru
阅读(113)
评论(0)
推荐(0)
完美运动框架
摘要: function getStyle(ele, attr) { if (ele.currentStyle) { return ele.currentStyle[attr]; } else { return getComputedStyle(ele, false)[attr]; } } function
阅读全文
posted @ 2019-04-18 10:38 Asaru
阅读(90)
评论(0)
推荐(0)
下一页
公告
点击右上角即可分享