js
关注
分享
扫一扫
哈哈哦0
没事写写代码，反正闲着也是闲着 ~_~
展开
-
vue2+codemirror代码渲染，实现滚动到指定行（三 滚动指定行）
vue2+codemirror代码渲染，当代码量过大时，在几千行的代码中找到所需的方法类比较困难。这时我们需要跳转到具体方法类，代码滚动到方法类所在的代码行。这里需要先把光标指向到指定行，再滚动到该行，原创 2024-04-11 17:57:55 · 887 阅读 · 0 评论 -
js识别字符串中的链接并使之可跳转
使用正则表达式识别字符串中的链接，并可跳转到此链接方法一：方法二：转载 2022-07-21 15:14:28 · 2059 阅读 · 0 评论 -
three.js--3D程序
记录一下地址，有空学习一下：http://www.hewebgl.com/article/getarticle/27原创 2020-07-29 16:05:48 · 131 阅读 · 0 评论 -
webAPI方法属性详解
参考：https://developer.mozilla.org/zh-CN/docs/Web/API/Element/attributes原创 2020-07-28 13:55:43 · 258 阅读 · 0 评论 -
箭头函数this指向问题
箭头函数体内的this对象，就是定义时所在的对象，而不是使用时所在的对象。而且它是固定的。function foo() { setTimeout(() => { console.log('id:', this.id); }, 100);} var id = 21; foo.call({ id: 42 });// id: 42上面代码中，setTimeout的参数是一个箭头函数，这个箭头函数的定义生效是在foo函数生成时，而它的真正执行要等到 100 毫秒后。如果是转载 2020-07-22 14:07:28 · 281 阅读 · 0 评论 -
浅拷贝和深拷贝
以前开发的时候遇到一个坑，就是对象的拷贝赋值问题，现在把它记录一下。大致是这样子的：var obj1 = { a: 1}var obj2 = obj1;obj2.a = 2;console.log(obj2.a); // 2console.log(obj1.a); // 2发现当我改变obj2.a值的时候，obj1.a值也相应的改变了。为什么会这样子呢？这就需要我们理解javascript的引用类型。引用类型的值引用类型值是引用类型的实例，它是保存在堆内存中转载 2020-07-21 16:01:22 · 583 阅读 · 0 评论 -
js判断对象是否为空对象的几种方法
1.将json对象转化为json字符串，再判断该字符串是否为"{}"var data = {};var b = (JSON.stringify(data) == "{}");alert(b);//true2.for in 循环判断var obj = {};var b = function() {for(var key in obj) {return false;}retur...转载 2019-03-22 11:55:45 · 183 阅读 · 0 评论 -
快速删除数组中指定元素方法（filter的使用）
我们可以使用数组的filter属性，过滤掉指定的对象；var newarr = [ { num: 1, val: 'ceshi', flag: 'aa' }, { num: 2, val: 'ceshi2', flag: 'aa2' }]newarr = newarr .filter(({ num }) => num !== 1);//newarr = newarr .f...原创 2019-04-25 16:25:21 · 7367 阅读 · 0 评论 -
js鼠标拖拽事件碰到iframe会卡顿
js写的鼠标拖拽事件，当鼠标滑到iframe区域时，会卡住。我理解的应该是因为iframe框中为加载别的页面，鼠标在iframe框时，相当于处在别的页面中，所以拖拽失效。1.测试代码：<div id="draggable"> <iframe src="http://www.baidu.com"></iframe></div>2...原创 2019-07-24 17:34:01 · 2968 阅读 · 2 评论 -
js闭包的理解
闭包是js的一个难点也是它的一个特色，是我们必须掌握的js高级特性，那么什么是闭包呢？它又有什么用呢？我们都知道，js的作用域分两种，全局和局部，基于我们所熟悉的作用域链相关知识，我们知道在js作用域环境中访问变量的权利是由内向外的，内部作用域可以获得当前作用域下的变量并且可以获得当前包含当前作用域的外层作用域下的变量，反之则不能，也就是说在外层作用域下无法获取内层作用域下的变量，同样在不同的...转载 2019-07-23 13:20:22 · 138 阅读 · 0 评论 -
js实现左右拖动，改变导航栏的宽度
最近接了一个需求，由于左侧导航栏树形菜单等级比较多或标题比较长，导致显示不完全，需要把导航栏改为可拖动改变显示区域大小。在网上找了一个比较简单易理解的做法，记下来供大家参考。<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset...原创 2019-07-23 13:30:43 · 1565 阅读 · 0 评论 -
js实现上下拖动，改变导航栏的高度
刚写了一个左右拖动改变内容宽度的例子，自己又改了一下，做了一个上下拖动改变高度的例子，后面需要的话，可以直接拿来用，哈哈哈。<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title&g...原创 2019-07-23 13:34:58 · 1146 阅读 · 0 评论 -
pace.js网页自动加载进度条
pace.js是一种自动检测页面请求的插件，可以在页面记录加载的状态和进度。【下载附件】https://raw.github.com/HubSpot/pace/v1.0.0/pace.min.js此插件的兼容性很好，可以兼容IE8以上的所有主流插件，而且其强大之处在于，你还可以引入加载进度条的主题样式，你可以选择任意颜色和多种动画效果（例如简约、闪光灯，MAC OSX，左侧填充，顶部填充，...原创 2019-08-12 15:06:21 · 477 阅读 · 0 评论 -
Date Range Picker时间区间组件用法
<!DOCTYPE html><html><head> <title>date range picker</title> <link rel="stylesheet" href="bootstrap.min.css"> <link rel="stylesheet原创 2019-03-01 18:10:05 · 920 阅读 · 0 评论 -
jquery常用正则表达式
常见的正则表达式一、校验数字的表达式1 数字：^[0-9]*$2 n位的数字：^\d{n}$3 至少n位的数字：^\d{n,}$4 m-n位的数字：^\d{m,n}$5 零和非零开头的数字：^(0|[1-9][0-9]*)$6 非零开头的最多带两位小数的数字：^([1-9][0-9]*)+(.[0-9]{1,2})?$7 带1-2位小数的正数或负数：^(\-)...转载 2019-03-01 15:51:23 · 725 阅读 · 0 评论 -
jquery判断字符串是否以某个字符串开头或结尾，包含某个字符串
一、判断以某个字符串开头或结尾可以用正则表达式，可用作邮箱验证：var a = 'asssffeessaa@uaf.com.hk'; /^a.*@uaf.com.hk$/.test(a) //返回true;以某个字符串开始 是用正则的 ^ 以某个字符串结束 是用正则的 $ 中间的所以字符 可以用 .* （. 表示任意字符，* 表示0次到多次匹配）二、包含某个字...原创 2019-03-01 11:14:33 · 12759 阅读 · 0 评论 -
jquery监听页面滚动条滚动事件
$(document).scroll(function() { var scroH = $(document).scrollTop(); //滚动高度 var viewH = $(window).height(); //可见高度 var contentH = $(document).height(); //内容高度 ...原创 2018-08-10 16:08:02 · 47099 阅读 · 4 评论 -
js实现监听浏览器窗口大小改变事件
当浏览器的窗口大小被改变时触发的事件window.onresizewindow.onresize = function(){ alert();}原创 2018-08-08 17:51:19 · 40458 阅读 · 0 评论 -
关于jquery中on绑定click事件在苹果手机失效的问题
用一个div当做了一个按钮来使用。<div class="button"> <div class=" next_button button_left btn_red" style="width: 345px;"> 下一步 </div></div>因为是动态添加的内容，所以想要使用click事件，需要给他转载 2018-08-16 11:25:46 · 381 阅读 · 0 评论 -
HTML5-js-本地存储与cookies
1、本地存储（localstorage和sessionstorage）存储形式：key-->value过期策略：localstorage永久存储，不过期，除非手动删除，sessionstorage在重启浏览器、关闭页面或新开页面时失效大小限制：每个域名5M使用方法：（localstorage与sessionstorage操作相同）getItem（读取）、setItem（设...转载 2018-08-16 17:26:23 · 929 阅读 · 0 评论 -
unescape,decodeURI,decodeURIComponent
JavaScript中有三个可以对字符串编码的函数，分别是： escape,encodeURI,encodeURIComponent，相应3个解码函数：unescape,decodeURI,decodeURIComponent 。下面简单介绍一下它们的区别1 escape()函数定义和用法 escape() 函数可对字符串进行编码，这样就可以在所有的计算机上读取该字符串。语法 ...转载 2018-08-24 16:07:34 · 466 阅读 · 0 评论 -
UEditor使用报错Cannot set property 'innerHTML' of undefined
仿用UEditor的setContent的时候报错，报错代码如下Uncaught TypeError: Cannot set property ‘innerHTML’ of undefined。调试ueditor.config.js，ueditor.all.js 提示me.body is undefined。错误的原因是没有等UEditor创建完成就使用UEditor的setContent函数...转载 2018-08-24 16:13:33 · 8603 阅读 · 0 评论 -
js jquery 关闭弹出页面 并刷新父页面（window.opener）
function Closepage() { if (window.opener && !window.opener.closed) { window.parent.opener.location.reload(); } window.close(); return false;}其它方法可借鉴：window.opener用法...转载 2018-08-31 18:36:24 · 4698 阅读 · 0 评论 -
js中const,var,let区别
js有三种定义变量的方式：const,var,let；1.const定义的变量不可以修改，而且必须初始化。const b = 2;//正确// const b;//错误，必须初始化 console.log('函数外const定义b：' + b);//有输出值// b = 5;// console.log('函数外修改const定义b：' + b);//无法输出 2.var定义...转载 2018-10-08 11:45:24 · 142 阅读 · 0 评论 -
Handlebars HTML转义
场景使用{{expression}}时，输出的内容会被转义，如：<div>{{title}}</div>context为{ title: '<p>Hello world</p>'}结果生成html：<div>&lt;Hello world&gt;</div>最终在页面上显转载 2018-12-03 17:47:55 · 631 阅读 · 0 评论 -
vue-cli3快速创建项目
文档：https://cli.vuejs.org/zh/guide/条件：npm 更至最新node >=8.91.全局安装 npm install -g @vue/cli 或 yarn global add @vue/cli2.查看版本/是否安装成功 vue -V image.png3.在新文件夹下创建项目 vue create my-project ...转载 2018-12-19 17:21:56 · 1100 阅读 · 1 评论 -
ES6学习
1.let命令ES6 新增了let命令，用来声明变量。它的用法类似于var，但是所声明的变量，只在let命令所在的代码块内有效。{ let a = 10; var b = 1;}a // ReferenceError: a is not defined.b // 1for循环的计数器，就很合适使用let命令。let命令的为 JavaScript 新增了块级作...原创 2018-12-21 16:39:52 · 251 阅读 · 0 评论 -
用原生js实现一个new方法
首先写一个父类方法(包含参数name,age)：function Person(name,age){ this.name = name; this.age = age; this.action = function(){ return "吃饭饭"; }}new一个Person的实例p1做研究对比：var p1 = new Perso...转载 2018-12-17 17:36:56 · 382 阅读 · 0 评论 -
javascript禁用启用浏览器滚动条
有时候在网页中编辑文章的时候，编辑窗口中有滚动条，当编辑窗口中的滚动条滚动到底的时候再滚动，就会滚动浏览器的滚动条，怎么在打开编辑的时候禁用浏览器滚动条，编辑完成之后又恢复呢？这里有四个属性可以设置：document.body.parentNode.style.overflow = "hidden";//隐藏且禁用横向纵向两个滚动条document.body.parentNode.sty...转载 2018-08-10 16:04:11 · 4999 阅读 · 1 评论