前端_js
心郎
目标的不可更改 就决定了手段的多种选择
展开
-
js 代码优化之--防抖与节流的理解与应用
防抖 一段时间内只执行最后一次 应用 滚动加载function debounce(fn,wait) { var timeout = null; // 创建一个标记用来存放定时器的返回值 return () => { // 每当用户输入的时候把前一个 setTimeout clear 掉 clearTimeout(timeout); // 然后又创建一个新的 setTimeout, 这样就能保证interval 间隔内如果时间持续.原创 2021-02-04 15:57:26 · 132 阅读 · 0 评论 -
vue 使用post/get 下载导出文件
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>前端项目下载导出文件</title> </head> <body> <script> /** * post 方式 * 返回:文...原创 2019-10-18 18:03:59 · 11892 阅读 · 2 评论 -
Ajax工作原理
Ajax工作原理 在写这篇文章之前,曾经写过一篇关于AJAX技术的随笔,不过涉及到的方面很窄,对AJAX技术的背景、原理、优缺点等各个方面都很少涉及null。这次写这篇文章的背景是因为公司需要对内部程序员做一个培训。项目经理找到了我,并且征询我培训的主题,考虑到之前Javascript、CSS等WEB开发技术都已经讲解过了,所以决定针对AJAX这一块做一个比较系统的培训,所以这篇文章转载 2016-12-10 12:10:14 · 255 阅读 · 0 评论 -
js 事件委托是什么
li{ border: 1px solid red; } <!-- 什么是事件委托:让利用事件冒泡的原理,让自己的所触发的事件,让他的父元素代替执行! 应用:例如 实现动态事件的绑定 --> aaaaaaaa bbbbbbbb cccccccc window.onload = function()原创 2016-12-10 12:20:30 · 2401 阅读 · 0 评论 -
js 内置对象--array常用属性介绍
var a = new Array(); var b = new Array("A","C","B","D"); var c = new Array(1,2,3); var d = new Array("I",100,"II","e12"); // concat 数组的合并 var aa = a.concat(b,c,d); console.log(aa)原创 2016-08-28 21:28:19 · 589 阅读 · 0 评论 -
js 阿拉伯数字转中文大写货币
//方式一 function zh(n) { if (!/^(0|[1-9]\d*)(\.\d+)?$/.test(n)) return "数据非法"; var unit = "仟佰拾亿仟佰拾万仟佰拾圆角分", str = ""; n += "00"; var p = n.indexOf('.');转载 2017-10-12 11:20:56 · 592 阅读 · 0 评论 -
移动端 固定微信浏览器
.one{ } .one li{ height: 30px; width: 100%; border: 1px solid red; } .div1{ height: 30px; width: 100px; background-color: black; position: fixed; botto原创 2017-10-26 12:15:22 · 345 阅读 · 0 评论 -
原声js 锚点监听
原声js监听锚点变化 A锚点变化 B锚点变化 /** * body 上的 onhashchange 能监听url锚点变化 * 获取浏览器中锚点值 :#xxx */ function getHash(){ var hash = window.location.hash;原创 2017-11-06 16:15:14 · 2857 阅读 · 1 评论 -
input 输入框禁止输入小数点
最近做一个项目需求是输入框只能输入数字,并且禁止输入小数intpu type=number 就可以控制只允许输入数字,但是不能控制输入小数在网上查阅相关资料后整理了下代码如下 input type=number 禁止输入小数点 $(document).ready(function(){ var ipt = $('#num原创 2017-12-18 11:40:51 · 19465 阅读 · 1 评论 -
load 页面加载html 如何断点 以及 浏览器如果查看压缩后的代码
1 需求:单页面应用 footer页面load其他页面到当前页 进行切换 2 问题:load页面的js 无法在浏览器打断点3 解决:在代码中需要打断点的地方 加上 debugger 等同于页面打断点效果4 问题 :已经压缩的代码 浏览器查看不方便 --------------------------------------朋友卖的增大命根子的宝贝超级牛掰有需要联系她---------------...原创 2020-05-13 18:06:27 · 542 阅读 · 0 评论 -
阻止pc端浏览器缩放js代码
//阻止pc端浏览器缩放js代码 function banZoom(){ //由于浏览器菜单栏属于系统软件权限,没发控制,我们着手解决ctrl/cammond + +/- 或 Windows下ctrl + 滚轮 缩放页面的情况,只能通过js来控制了 $(document).ready(function () { // chrome 浏览器直接加上下面这个样式就行了,但是ff不识...转载 2018-11-23 14:24:31 · 2171 阅读 · 1 评论 -
正则
一、校验数字的表达式 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位小数的正数或负数:^(\-)?\d+(\.\d{1,...转载 2018-12-07 17:45:35 · 276 阅读 · 0 评论 -
数组递归取最大/小值 两种方式
// 数组递归取最大值 var arr = [20,60,80,[400,3200,100,200],1,[300,[10,400,[1000,30000,[340000]]]]]; var temp = 0; var arrLength = 0; // 第一种 function getMax(arr){ if(arr != null &&...原创 2019-08-13 12:04:32 · 375 阅读 · 0 评论 -
js小数计算丢失精度问题解决方法
1 小数计算bug: console.log( 1 - 0.8 ); //输出 0.19999999999999996 console.log( 6 * 0.7 ); //输出 4.199999999999999 console.log( 0.1 + 0.2 ); //输出 0.30000000000000004 consol...原创 2019-08-26 20:09:59 · 3976 阅读 · 0 评论 -
js 内置对象--String常用属性
js 内置对象-String var str = "a I love jixi"; var str1 = "关羽|张飞|刘备"; var str2 = " a b c "; var str3 = "AaBbAaCc"; var str4 = "0123456789"; //charC原创 2016-09-06 16:19:21 · 930 阅读 · 0 评论 -
js 事件监听原理,及兼容写法,jquer基本封装原理
事件监听原理,及兼容写法,jquer基本封装原理我绑定了多个事件// ---------------------------------------- 事件箭筒原理 ------------------------------ var btn = document.getElementsByTagName("button")[0]; fn("clic原创 2016-09-06 16:59:11 · 3519 阅读 · 1 评论 -
js 中json遍历 添加 修改 类型转换
//---------------------------------josn--------------------------------------- //json和对象(对象字面量)的区别仅仅在于,json的key键值对中的键必须带有“”; //对象本身没有length,所以不能用for循环遍历 //json的key值不能修改原创 2016-09-03 23:33:10 · 5857 阅读 · 1 评论 -
js for循环的练习 99乘法表疯狂打印
js的for循环 for循环练习 for循环打印各种团 斐波那契数列 for循环打印99乘法表格原创 2016-08-28 20:20:37 · 6737 阅读 · 0 评论 -
js 变量交换及判断语句
//-------------------------------- 变量的交换 ---------------------------------- //引入中间变量方式 1 var a = "aaa"; var b = "bbb"; var temp = a; a = b; b = temp; //求和方式 2 var a原创 2016-08-28 19:34:35 · 559 阅读 · 0 评论 -
js continue 与 break while 与 do while循环
//------------------------------ continue 与 break的使用 ---------------------- //求1到100之间所有不能被3整除的整数的第一个大于2000的和 var sum = 0; for(var i=1;i<=100;i++){ if(i%3===0){原创 2016-08-28 20:40:04 · 7048 阅读 · 0 评论 -
js 数组的 创建 操作 遍历 排序
//---------------------------- 数组的创建 方式------------------------------- //理解:数组就是一个容器 装数据用的 通过角标来获取对应位置的值 //定义1(字面量定义) var array1 = [1,2,3];//数组长度是3 重0角标开始 var array2 = []; console.原创 2016-08-28 21:24:07 · 2862 阅读 · 0 评论 -
js 匀速/缓动动画 简单封装
.box1 { width: 300px; height: 300px; padding: 100px; margin: 100px; position: relative; border: 100px solid #000;原创 2016-09-10 00:35:32 · 6449 阅读 · 0 评论 -
js 三大家族(offset/scroll/client)
js 三大家族(offset/scroll/client) .box1 { width: 300px; height: 300px; padding: 100px; margin: 100px; position: relative;原创 2016-09-10 01:01:36 · 5111 阅读 · 0 评论 -
js style属性
.box { border: 10px solid #000; } 我爱你中国 var box = document.getElementsByTagName("div")[0]; // 1.样式少的时候使用 console.log(box.style.backgroundColor); /原创 2016-09-03 16:17:28 · 1295 阅读 · 0 评论 -
js 函数定义,使用,作用域,变量声明提升,遇解析.....
//函数 :是什么? // 1:具有一定功能的可以重复执行的代码块。 // 2:函数不调用不执行 // 3:执行方法是:函数名+(); console.log(getSum()); // 打印函数返回值 console.log(getSum); // 打印 函数本身 函原创 2016-09-03 18:26:39 · 965 阅读 · 0 评论 -
js 中递归 与 回调函数
//----------------------------- 递归 --------------------------------------------------------- //递归是一种思想:类似于我们的计数器,开闭原则。 //递归的实质就是函数自己调用自己。 //递归注意点:递归必须有跳出条件,否则是死循环。 //用递原创 2016-09-03 22:58:09 · 6811 阅读 · 1 评论 -
js 中创建对象 构造函数 this
//---------------------------- 对象 ----------------------------------------------- //生活中。一类事物和对象的区别。(对象是指具有唯一性的事物) //1.开辟内存空间,存储新创建的对象( new Object() ) //2.把this设置为当前对象原创 2016-09-03 22:59:40 · 2907 阅读 · 0 评论 -
js Dom节点的获取 以及相关操作
js Dom节点的获取 操作 以及 事件原创 2016-09-01 01:03:23 · 6051 阅读 · 0 评论 -
js setInterval 与 setTimeout
定时器 //用途:setInterval()循环定时器;周而复始的执行(循环执行) //用途:setTimeout() 炸弹定时器;用完以后立刻报废(只执行一次) //定义定时器的三种方法 setInterval(function () { //定义方法1(匿名函数) console.log(1); },10原创 2016-09-05 09:02:47 · 287 阅读 · 0 评论 -
js 查询字符串中字符数量 字符位数
var str = "I love my country.。我你爱中国"; //"我爱你":一汉字占两个字符位。 //需求:求一个字符串占有几个字符位。 //思路;如果是英文,站一个字符位,如果不是英文占两个字符位。 //技术点:判断该字符是否在0-127之间。(在的话是英文,不在是非英文) var str = prompt("请随便输入 我会告诉你有几个原创 2016-09-06 15:14:20 · 5913 阅读 · 0 评论 -
js 基础 数据类型及转换 进制 操作符 ...
js引入的三种方式 js数据类型 js类型转换 js进制转换 js的undefined 和 null js的操作符种类 js操作符优先级 js的&& 和 || 运算原创 2016-08-28 17:18:28 · 2080 阅读 · 4 评论