记录真实开发问题、项目实践和两三句就能说明白的技术点
滚动导航 + 吸顶是常见交互。本文用 position: sticky 实现吸顶（注意祖先 overflow 会使其失效），并用 scroll 监听高亮当前导航项，给出比 fixed 更顺滑的方案与兼容兜底。
前言 上下滚动是页面上常见的交互行为之一，为了让一些重要的信息始终出现在界面上，不随着页面滚动而看不见。前端会在它向上滚动出屏幕前把它固定在顶部，向下滚动到该出现的位置时把它释放掉，这样的交互方式称为吸顶。比如页面的通栏标题，一些重要导购场…
scroll(function(direction) { console.log(direction) }); function scroll( fn ) { var $window = $(window), beforeScrollTop…
在做一个滚动 到 距 浏览器顶部 60像素固定悬浮功能的时候插件总是有bug， 于是从网上找了一下文章做参考 ， 在这里记录一下 。 滚动吸顶效果。我当时很纳闷为何一个滚动吸顶会有 bug，后来我查看代码才发现直接用的是 offsetTop…
介绍getBoundingClientRect；以及获取width,height的兼容性写法；最后介绍了两个使用场景：获取页面元素的位置和判断元素是否在可视区域。 1. 什么是getBoundingClientRect getBoundin…
背景 首先 sockjs-node 是一个JavaScript库，提供跨浏览器JavaScript的API，创建了一个低延迟、全双工的浏览器和web服务器之间通信通道。 报错信息： 解决方案一：注释法（UP不推荐） 不过，目前百度的主流解决…
在 Java 等编程语言中有 String.format 方法用来组装字符串，非常方便。 而 JavaScript 中好像只能是通过加号组装： var s = "Hello " + " World" 有类似 String.format 的函…
这里整理出我遇到跨域问题解决的方式以及思路 什么是跨域？ 跨域使用的场景？ 解决跨域的方式？ 前端、后端如何配合处理跨域？ 跨域常见错误 突如其来的OPTIONS请求？ 后端需要返回的Header有哪些？ 前端如何配合发起请求？ Ajax跨…
1. slice() 功能 ：可提取字符串的某个部分，并以新的字符串返回被提取的部分； 语法 ：array.slice(start, end) start : 必需。规定从何处开始选取。如果是负数，那么它规定从数组尾部开始算起的位置。 如果…
var it = { articleId: 255, name: '创建完成' }; var url = 'b/article/detail/{articleId}.html' url = url.replace(/{\w+}/, item…
在 Vue2.0，除了核心功能默认内置的指令 ( v-model 和 v-show )，Vue 也允许注册自定义指令。在 Vue2.0 中，代码复用和抽象的主要形式是组件。然而，有的情况下，你仍然需要对普通 DOM 元素进行底层操作，这时候…
被测试网页的 HTML 代码如下： <html> <body> <div id="div1" style="text-align: center"> <img alt="XPath 定位语法" src="http://www.sogou.c…
基础 关于xpath定位网上有好多资料，我推荐在MDN上查看，我感觉上面讲的比较全面 developer.mozilla.org/en-US/docs/… xpath是一门在xml文档中查找信息的语言，它使用路径表达式来选取xml文档中的节…
最近用vue做后台管理模块, 需要在css中引用用 js 的变量来动态的设置 elementui组件里边的css . 从网上找了很多方法, 经测试有一些不好用(具体原因还没查), 找到了如下方法测试好用, 这里记录一下 , 以便查询 <te…
一开始接触Vuex的时候，被dispatch和commit搞得很是头疼，不知道什么时候需要使用dispacth派发action,什么时可以直接commit。索性今天借着项目里真实用到的2种情况来说一下。 1.dispatch和commit的…
