Web前端
文章平均质量分 60
Marshall001
这个作者很懒,什么都没留下…
展开
-
原来clearInterval和 clearTimeout可以互用
setInterval和setTimeout返回的是一个整数ID。从技术上来说clearInterval和clearTimeout是可以互用的,如下所示。不过这样做会造成语义上的歧义,因此并不建议。var timer = setInterval(function() { console.log('hello world');}, 1000);// clearInterval(timer)原创 2017-07-11 16:45:06 · 5700 阅读 · 0 评论 -
我不是很懂 Promise
我不懂 Promise是的,我不是很懂 Promise。儘管看了阮一峯老師的 Promise 對象,也能寫出 axios.get(url).then(res => fn).catch(err => handle(err)) 這樣的代碼,但思考以下如下幾個問題,我發現我一無所知:then 返回的是什麼?仍是 Promise 嗎?是原來那個 Promise 嗎?下面兩種寫法是一...原创 2018-03-14 17:02:23 · 440 阅读 · 0 评论 -
前端題目整理
考試可以是功利的,比如考雅思是爲了出國留學,考廚師證可以當廚師,考教師證可以做老師。我們前18年的人生中似乎都在考試,爲了18歲的高考。高考是很多家庭跨越社會階層的最好機會,這次考試意義重大,重的讓人扭曲。扭曲後的東西在外力消失的情況下一定會反彈。卸下高考的重擔後,有人似乎失去生命的意義,直到可以考什麼試,他們會把考證當作自己的興趣愛好;有人會狂歡,從此鄙視一切考試,做一個抨擊考試教育的憤青;有人...原创 2018-02-27 11:10:09 · 424 阅读 · 0 评论 -
記我的第一個npm: vue-datepicker-m
雖然說重新造輪子不是一件必要的事,但造輪子本身卻可以是一件愉快的事。最近因爲項目需要(日曆中要實現範圍選擇,指定日期高亮,切換到月份和年份選擇),在 npmjs.org 上找了一款vue2的日曆組件,發現在手機上使用時,每次點選日期頁面底部都會出現一個奇怪的 “取消/完成” 彈框。原來組件使用了 input 元素,雖說添加了 only 屬性,但這一體驗並不好。於是我開始了造輪子之路。它的名字叫 vu原创 2018-01-05 18:20:24 · 669 阅读 · 0 评论 -
elementFromPoint
在瀏覽器里,爲了獲取元素我們常常用下面幾個方法:document.getElementById(id)document.getElementsByName(name)document.getElementsByTagName(tagName)document.querySelector()有時,爲了獲取鼠標處的元素,我們得知道另一個方法:document.elementFromPoint(x,原创 2017-12-26 16:49:35 · 1355 阅读 · 0 评论 -
去掉vue里的分号
按照 Javascript书写规范 的要求,分号被禁用。 为什么js里不要写分号呢? 且看 seven-things-you-should-stop-doing-with-node-js 第五点 Stop using semicolons对于已经写了分号的文件, Javascript书写规范 提供一个简单的指令 standard --fix 将你的js文件规范化。当然,你需要先安装 npm in原创 2017-10-26 09:56:25 · 6701 阅读 · 0 评论 -
写es6,用babel-node
node LTS 已经更新到v8.9.0,对es6的支持肯定更好了,node -v 一看,本地还是6.11.0, 更新之。用阮一峰老师的 es-checker 查看一下支持度=========================================Passes 38 feature DetectionsYour runtime supports 90% of ECMAScript 6原创 2017-11-02 10:40:25 · 933 阅读 · 0 评论 -
用stroke-dasharray与stroke-dashoffset给svg添加动画
参考 - stroke-dasharray - stroke-dashoffst - 纯CSS实现帅气的SVG路径描边动画效果stroke-dasharray用来设置虚线,用“,”分隔的数字表示“实线,空”,stroke-dasharray=”5, 5” 。如果数字是奇数个的话,则自动补充为偶数。如 stroke-dasharray=”5,3,2” 实际为 “5,3,2,5,3,2”.st原创 2017-07-12 11:59:21 · 3948 阅读 · 0 评论 -
DOMContentLoaded与load事件
MDN参考: - DOMContentLoaded - load区别DOMContentLoaded: DOM解析完成即触发此事件,不等待styles, images等资源的加载load:依赖的资源也已加载完成DOMContentLoaded绑定到document,load绑定到windowdocument.addEventListener('DOMContentLoaded', fun原创 2017-07-12 10:09:29 · 976 阅读 · 0 评论 -
indexedDB - 浏览器如何存储大文件
概述浏览器本地存储到现在已经发展到第 3 代,抛开事实上已经废弃的 web SQL,这个过程为:cookie → web storage → indexed dbweb storge 包含 localStorage 和 sessionStorage,其中 sessionStorage 在浏览器关闭后将不复存在。web storage 并不适合大文件的存储,这就带来了 indexedDB (索...原创 2019-04-18 11:56:57 · 5102 阅读 · 0 评论