JavaScript
文章平均质量分 71
昨日青空alhuo
这个作者很懒,什么都没留下…
展开
-
Chrome插件开发入门篇
概念基本组成常用APImanifestbackgroundcontent-scripts交互页面通信打包发布Chrome扩展(Chrome Extension)平时所说的Chrome插件更准确的说叫Chrome扩展,真正意义上的Chrome插件是更底层的浏览器功能扩展。鉴于习惯这种叫法,下面我们还叫Chrome插件Chrome插件是什么?Chrome插件是一个用Web技术开发、用来增强浏览器功能的软件,它其实就是一个由HTML、CSS、JS、图片等资源组成的一个.crx后缀的压缩.原创 2021-07-07 17:07:31 · 406 阅读 · 0 评论 -
VUE SSR
vue ssrSSR?将组件或页面渲染为服务器端的 HTML 字符串,将它们直接发送到浏览器,最后将这些静态标记"激活"为客户端上完全可交互的应用程序。为什么使用服务器端渲染 (SSR)?优势更好的 SEO,由于搜索引擎爬虫抓取工具可以直接查看完全渲染的页面更快的内容到达时间,解决首屏渲染慢点问题考量的点开发条件所限,某些生命周期钩子函数只能在浏览器中触发,一些扩展库需要特殊处理构建部署要求多,服务端渲染必须在node server环境下服务器端负载变大预渲染只是用来改善少数原创 2021-07-07 16:46:27 · 223 阅读 · 0 评论 -
【滚动条】v-iscroll 与锚点一起使用 出现 跳转后无法上滑
【滚动条】v-iscroll 与锚点一起使用 出现 跳转后无法上滑场景在工作台toolbox中开发本地插件,在右侧内容区域父容器上存在v-scroll指令,在本地插件内部实现锚点功能,点击锚点跳转后,无法上滑。排查原因v-scroll是基于第三方包isscroll封装的指令,通过调试isscroll源码发现,锚点跳转触发pointerup事件直接走了第三方包isscroll里面的_end方法,没有走_move的过程,this.y 纵向偏移量(newY)没有附上值,如果强制在外边进行赋值的情况下,会导原创 2021-07-07 15:56:13 · 258 阅读 · 0 评论 -
frame、iframe框架编程
一、使用iframe的优缺点 优点: 1.程序调入静态页面比较方便; 2.页面和程序分离; 缺点: 1.iframe有不好之处:样式/脚本需要额外链入,会增加请求。另外用js防盗链只防得了小偷,防不了大盗。 2.iframe好在能够把原先的网页全部原封不动显示下来,但是如果用在首页,是搜索引擎最讨厌的.那么你的网站即使做的在好,也排不到好的名次!如果是动态网页,用incl原创 2017-01-06 21:19:59 · 2304 阅读 · 0 评论 -
浏览器窗口操作innerWidth/clientWidth/offsetWidth/scrollWidth
1.常用:JS 获取浏览器窗口大小// 获取窗口宽度 if (windows.innerWidth) winWidth = windows.innerWidth; else if ((document.body) && (document.body.clientWidth)) winWidth = document.body.clientWidth; // 获取窗口高度 if (wind原创 2017-01-11 17:38:26 · 1026 阅读 · 0 评论 -
父元素自适应子元素脱离文档流时,子元素如何保持和父元素宽度相等
父子元素都浮动,宽度自适应(100%),子元素绝对定位,如何让子元素宽度保持和父元素相等? 问题:通过一般的方法获取到的父元素宽度都是100%,子元素脱离了文档流,此时唯一的方法就是获取父元素宽度负值给子元素,父元素宽度是动态的 用offsetWidth获取的值可以将百分比转化为像素值,在created,mounted阶段属性还没有挂在,不能获取到width,在nextTick里...原创 2018-05-08 11:19:44 · 2562 阅读 · 0 评论
分享