
js
文章平均质量分 58
白茶SyraTi
小前端,有空就倒腾点别的
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
关于NODE_ENV=production && npm run build模式的思考
关于NODE_ENV=production && npm run build模式的思考:看起来一段非常简单的构建命令,实际会出现一些问题...原创 2023-01-31 10:25:07 · 2234 阅读 · 0 评论 -
从V8引擎的工作流程看Javascript代码优化
官方文档这么介绍:V8是谷歌开源高性能JavaScript和WebAssembly引擎,用C++编写。它主要用在Chrome和Node.js中,等等。简单的来说,我们知道,JavaScript是解释型的语言,需要逐行解释执行V8则是一种C++开发的JavaScript解释器,它将JavaScript编译成可执行代码,即机器码。JavaScript是解释型的语言,解释型的语言先天就有执行效率上的不足。为此,V8引擎同时采用了解释执行和编译执行这两种方式,也就是在解释执行的同时进行编译,这种方式称为JIT (原创 2022-06-14 15:29:20 · 634 阅读 · 0 评论 -
关于vue-cli4无法配置自定义devtool选项的问题
问题表现在vue.config.js中无法配置自定义devtool选项,无论是使用configureWebpack还是chainWebpack都无法改变source-map的类型。官方文档也没有提供相关的说明。// vue.config.js// 两种方式均无法更改devtoolmodule.exports = { configureWebpack: { devtool: "source-map" }, chainWebpack: config => { confi原创 2021-10-26 14:18:33 · 1584 阅读 · 1 评论 -
Vue绑定<audio>/<video>标记的muted属性无效问题随记
援引Github上的issue回复翻译:muted属性类似于<input>的value属性,如果他在元素初始化时是内联的,那么属性值将作为初始值;但是如果在一开始并没有内联,只是后续更改了attribute 1 值,那么将不会起任何效果,正确的做法是设置相对应的property 1 值。关于attribute和property值的区别,可以看我往期的文章。 ↩︎ ↩︎...原创 2021-01-28 14:59:47 · 4084 阅读 · 2 评论 -
获取元素到页面顶部的距离
const offsetTop = targetElement.getBoundingClientRect().top + document.body.scrollTop原创 2020-03-12 17:13:29 · 1793 阅读 · 0 评论 -
new Obj() 与 Object.create(Obj.prototype)的区别
先看 Object.create 和new 的区别以下引用自blueblueskyhua的博客 创建对象的方式,我以我碰到的两种创建方式,Object.create 和new来说明var Base = function () {}var o1 = new Base()var o2 = Object.create(Base) 那这样到底有什么不一样呢? 这...原创 2018-06-07 13:03:42 · 1361 阅读 · 0 评论 -
微信浏览器中iframe srcdoc、src="data:text/html,xxxx" 等无法使用情况下防止样式污染的解决方案
业务需求从后端取HTML 前端展示要求HTML不得被前台全局样式污染解决方案1、使用iframe 的 srcdoc &amp;amp;amp;amp;lt;iframe srcdoc=&amp;amp;amp;quot;&amp;amp;amp;amp;lt;p&amp;amp;amp;amp;gt;这是HTML&amp;amp;amp;amp;lt;p&amp;amp原创 2018-11-07 16:07:46 · 10215 阅读 · 0 评论 -
Chrome DevTool 行号错位问题
随手记录原因:当你在一个js里面写document.write(’&lt;script&gt;多行内容xxxx&lt;/script&gt;’)后页面上的script断点调试会错位表现就是断点打在某一行 实际停在上面几行相差的行数取决于你写进文档的多行内容的行数...原创 2018-12-20 10:43:16 · 901 阅读 · 0 评论 -
window.location.replace和window.location.href区别
有3个页面 a,b,c如果当前页面是c页面,并且c页面是这样跳转过来的:a->b->c1: b->c 是通过window.location.replace(“..xx/c”) 此时b页面的url会被c页面代替,并且点击后退按钮时会回退到a页面(最开始的页面) 2: b->c是通过window.location.href(“..xx/c”) 此时b页面的路径会被c页面代替,但是点击回按钮后页转载 2017-12-07 15:09:52 · 657 阅读 · 0 评论 -
关于For循环中进行异步操作索引不正确的处理方式
code 问题代码function test() { for (var i = 0; i < 5; ++i) { setTimeout(function() { console.log("index is :", i); }, 1000); }}test();output 问题输出index is : 5index is原创 2017-11-28 10:14:18 · 661 阅读 · 0 评论 -
一个Mui Demo仓库
链接 https://github.com/zhaomenghuan/mui-demo原创 2017-08-10 14:03:13 · 4751 阅读 · 0 评论 -
JS实现点击按钮,复制文本框中的的内容
JSfunction copyUrl2(){ var target=document.getElementById("anyInput"); target.select(); // 选择文本 document.execCommand("Copy"); // 执行浏览器复制命令 alert("已复制好,可贴粘。");}html<textarea cols="20"原创 2017-07-28 09:04:03 · 5395 阅读 · 0 评论 -
Property(prop)和Attribute(attr)的区别
Attribute和Property都被翻译成“属性”原创 2017-07-29 13:31:10 · 873 阅读 · 0 评论 -
关于Ajax跨域访问 session不能保存或之后无法访问session取值为空等问题
根据浏览器的保护规则,跨域的时候我们创建的sessionId是不会被浏览器保存下来的,这样,当我们在进行跨域访问的时候,我们的sessionId就不会被保存下来,也就是说,每一次的请求,服务器就会以为是一个新的人,而不是同一个人,为了解决这样的办法,下面这种方法可以解决这种跨域的办法。转载 2017-09-27 00:27:35 · 4961 阅读 · 2 评论 -
window.requestAnimFrame 以及Polyfill
requestAnimationFrame requestAnimationFrame是浏览器用于定时循环操作的一个接口,类似于setTimeout,主要用途是按帧对网页进行重绘。 设置这个API的目的是为了让各种网页动画效果(DOM动画、Canvas动画、SVG动画、WebGL动画)能够有一个统一的刷新机制,从而节省系统资源,提高系统性能,改善视觉效果。代码中使用这个API,就是告诉转载 2017-10-08 20:56:24 · 1952 阅读 · 0 评论 -
关于mui Div模式选项卡 JS主动触发切换指定选项卡
需要先触发touchstart事件(旧版本需要先触发mousedown事件) mui.trigger($('.mui-tab-item').eq(1)[0],'touchstart'); mui.trigger($('.mui-tab-item').eq(1)[0],'tap')源代码尚未研究 以上为解决方案2018-3-30 PS: 发现好像只要改一下mui...原创 2017-11-07 23:20:22 · 2624 阅读 · 8 评论 -
使用canvas实现图片压缩
那,首先通过URL.createObjectURL(file)从file对象直接取得了图片的地址前面就不详细说了,开始压缩咯 ( ´ ▽ ` )ノ噢,有个注意点:每次调用createObjectURL的时候,一个新的URL对象就被创建了,即使是同一个file对象,也会创建一个新对URL对象,所以,为了最佳性能和内存使用,当不再需要这个对象的时候要URL.revokeObjectURL()释放它。开始转载 2017-11-09 10:10:05 · 410 阅读 · 0 评论 -
关于百度地图 DrivingRoute moreResultsUrl为“未能找到相应结果,请您:返回上一步操作..” 以及 WalkingRoute moreResultsUrl为空 的解决方案
—— 因为百度地图极速版貌似正在关闭并且停止维护了 文档页面和介绍页面都跳转到了正式版的API,然而极速版中非常好用的 routeSearch.routeCall 没了 于是乎开始找代替方案A Few Minutes Later…..经过一番Demo和文档的查找,惊喜的发现正式版中TransitRoute,WalkingRoute,以及DrivingRoute 的searchCompl...原创 2017-12-07 16:27:37 · 1747 阅读 · 0 评论 -
Jquery的each里用return true或false代替break或continue
在each代码块内不能使用break和continue,要实现break和continue的功能的话,要使用return true/false$(DOM).each(function(index,el){ return false; //break return true; //continue }转载 2017-11-30 10:10:52 · 424 阅读 · 0 评论 -
mui slider轮播组件常用API
原文:http://www.bcty365.com/content-146-5588-1.html组件介绍轮播组件是mui提供的一个核心组件,在该核心组件基础上,衍生出了图片轮播、可拖动式图文表格、可拖动式选项卡、左右滑动9宫格等组件。示例获取slide组件对象var slider = mui('#slider').slider();常用APIgotoItem(index)切换到指定轮播slide转载 2017-08-09 11:41:12 · 4924 阅读 · 0 评论