我也要用
JavaScript
默默地写代码
momo
-
原创 CSS+JS 滑动导航
公司小需求，引用插件有些不值当，自己写一个算了。(基于bootstrap 导航组件开发，也可自己稍微修改，用在自己的导航上）#cate_nav_box { overflow: hidden; position: relative;}.cate_switch_btn { transition: all 500ms ease; position: absolute; top: 0; bottom: 0; z-index:1; backgrou2021-01-21 11:43:24
25
0
-
原创 js 删除数组中指定元素
// 删除数组中指定元素,通过原型扩展Array方法// 返回相同数组位置Array.prototype.arrindex = function(val) { for (var i = 0; i < this.length; i++) { if (this[i] == val) return i; } return -1;};// 移除数组指定位置的值Array.prototype.remove = functi2020-12-25 10:14:11
51
1
-
原创 原生js监听dom节点属性变化
// 选择需要观察变动的节点const targetNode = document.getElementById('js-toc');// 观察器的配置（需要观察什么变动）const config = { attributes: true, childList: true, subtree: true };// 当观察到变动时执行的回调函数const callback = function(mutationsList, observer) { // Use traditional 'for lo2020-09-15 13:11:12
216
0
-
原创 某个滚动盒子，指定某子元素滚动到顶部
使用案例使选中的节点，始终处于顶部位置document.getElementById("xxx").scrollTo(0,document.getElementById("子节点id").offsetTop)document.getElementById(“xxx”) 是含有滚动条的一个元素盒子document.getElementById(“子节点id”)是该元素盒子的可滚动的子元素，通过.offsetTop可以获取前元素相对于其offsetParent元素的顶部内边距的距离。(具体注意事项请2020-09-15 13:04:45
86
0
-
转载 JS 点击按钮及弹框以外的区域时隐藏弹框
<body> <button id="btn" onclick="alertBoxFn()">打开弹窗</button> <div id="alertBox" onclick="outside=false"></div></body> <script> var outside=true function alertBoxFn(e) { outside=false alertBox.style.dis2020-08-13 10:44:46
159
0
-
原创 Emoji表情匹配正则式
Emoji表情js正则式/(\uD83C[\uDF00-\uDFFF])|(\uD83D[\uDC00-\uDE4F])|(\uD83D[\uDE80-\uDEFF])|([\u2700-\u27BF]\uFE0F)/g2020-06-03 10:33:55
666
0
-
原创 Actionsheet操作菜单 手机上拉菜单
<style> .ui-actionsheet { position: fixed; z-index: 9999; top: 0; left: 0; display: -webkit-box; width: 100%; height: 100%; pointer-events: none;.2020-05-13 14:16:25
269
0
-
转载 es6开发环境搭建
一，先创建一个项目，项目中有两个文件夹，src和dist，一个html文件src：将编写的ES6的js文件放到此文件夹中（这里是index.js文件）dist：将通过Babel编译成的ES5的js文件放到此文件中（这里是index.js文件）html：注意：将dist中编译好的文件引入到HTML文件中，而不是src中的js文件<!DOCTYPE html><html...2019-02-16 15:31:33
89
1
-
原创 vue-router beforeEach钩子，next('/login') 跳转问题
在使用vue-router beforeEach钩子时，你也许会遇到如下问题： 源码：router.beforeEach((to, from, next) =&gt; { //判断登录状态简单实例 var userInfo = window.localStorage.getItem('token'); if (userInfo) { next(); ...2018-06-13 17:11:43
25153
0
-
原创 JS 暴力禁止alert弹窗
// 禁止alert弹窗。 防止错误提醒window.alert = function() { return false;}2018-03-20 09:51:11
9080
6
-
原创 js 判断滚动条是否停止滚动
// 滚动的值var start = 0; // 对比时间的值 var end = 0; var timer = null;document.onscroll = function(){ clearTimeout(timer) // 每次滚动前 清除一次 timer = setTimeout(Data, 2000); star...2018-02-08 11:04:25
584
0
-
原创 js textarea 或 可编辑div 上，键盘停止操作n秒后执行事件
<textarea></textarea>or<div contenteditable="true"></div>// 输入的值var editor_start = 0; // 对比时间的值 var editor_end = 0; var timer = null;// a 为 textarea 或 可编辑div...2018-02-09 13:39:24
642
0
-
原创 DIV跷跷板特效，3D视差效果
DIV跷跷板特效，3D视差效果2017-12-07 15:25:02
532
0
-
原创 js 按钮 加载中
按钮点击，显示加载中，并禁止点击，请求成功后恢复按钮2017-12-06 14:53:02
1589
0
-
原创 JS range之保存光标位置,为 光标位置添加内容
在此，我们采用可编辑div作为编辑框，首先给编辑框获取focus加光标，然后，点击取消编辑框失去焦点，但是依然保存光标位置（假装失去焦点），然后，点击确定，为光标位置添加内容。<button class="cancel">Cancel</button><button class="Sure">Sure</button><div contenteditable="true" id="textbox2017-09-03 12:55:17
3059
0
-
原创 js 图片拉伸缩放，DIV拉伸
.kx_border_img_stretch { position: absolute; top: 0; display: none; } /*四角*/ .kx_border_img_stretch .br { width: 20px; heig2017-07-25 19:07:18
2261
0
-
原创 获取textarea某一行，并修改该行的内容
分享自Sorry 《获取textarea某一行，并修改该行的内容》 http://blog.sina.com.cn/s/blog_b729b61c0102wt3n.html2017-07-25 19:15:32
2522
0
-
转载 JavaScript最重要的5个数组方法
这篇文章将会向大家简要的介绍JavaScript里关于数组的最重要的5个方法，这5个方法是每个想要高效的进行JavaScript编程的程序员必须知道的。Array.forEach().forEach() 方法能够方便的让你 遍历数组里的每个元素，你可以在回调函数里对每个元素进行操作。.forEach()方法没有返回值，你不需要在回调函数里写return，这是无意义的。var ani2017-08-05 09:56:17
205
0
-
转载 html格式化，htm代码美化
html格式化，htm代码美化2017-07-27 18:07:37
1264
0
-
转载 本地图片转base64格式上传到服务器（php)
选择了图片之后，js会先把已选的图片转化为base64格式，然后通过ajax上传到服务器端，服务器端再转化为图片，进行储存的一个过程。2017-07-29 10:48:07
3355
0
-
转载 js实现ctrl+v粘贴上传图片(兼容chrome、firefox、ie11)
这篇文章主要介绍了js实现ctrl+v粘贴上传图片，兼容chrome，firefox，ie112017-07-29 11:47:30
2445
0
-
原创 js 简单实现 弹出确认 取消对话框
if(window.confirm('确定？')){ //alert("确定"); return true;}else{ //alert("取消"); return false;}2017-08-24 13:24:29
5575
3
-
原创 JS 关于button标签注意事项
<button></button>标签在使用的时候请谨记，为它设置类型，即type=”button”或者type=”sublime”等，如果不设置，浏览器将把<button></button>提交类型默认为<button type="sublime"></buton>,这样如果表单中有多个按钮+一个提交按钮时，它将把未加type=”button”的<button>也当做提交按钮来使用，影响整体表单提2017-09-06 20:54:00
1513
2
-
翻译 jQuery单行超出，使用省略号代替
jQuery单行超出，使用省略号代替2017-09-25 17:06:36
381
0
-
原创 JS range之将图片等内容加入选区，高亮图片
在可编辑div 中加入图片： click等事件点击图片，将图片加入range选区（即高亮图片）： 类似于选中文本效果：如下： 代码如下：<script type="text/javascript"> $(document).on("mousedown",function(e){ if ($(e.target).is('img')) { var s2017-09-03 12:28:17
733
0
-
转载 SyntaxHighlighter异步着色问题
用SyntaxHighlighter插件动态高亮，SyntaxHighlighter异步着色2017-10-11 17:34:20
363
0
-
原创 js 函数调用各种模式详解
在js 里函数调用有四种方法：方法调用正常函数调用构造器函数调用apply/call 调用无论哪种函数调用 除了 声明时定义的形参外，还会自动添加 两 个形参，分别是 this 和 arguments。this:方法调用： 这个很好理解，函数是一个对象的属性，比如var a = { v : 0, f : function(xx) { this.v = xx2017-11-10 14:03:34
142
0
-
原创 保存内容到本地（下载到本地）
js 保存内容到本地，下载到本地2017-10-26 17:59:24
1256
0
-
原创 移除DOM节点中的所有属性的正则表达式
过正则表达式将所有标签中的属性移除，适用于复制，粘贴无格式文本2017-08-01 18:34:46
745
0