js初级
关注
分享
扫一扫
文章平均质量分 54
依古比古*
学啥啥不行，吃饭第一名
展开
-
js校验字符长度（中文占据三个，英文占据一个）
js校验字符长度（中文占据三个，英文占据一个）export const checkServiceDesc = (rule, value, callback) => { var len = 0; for (var i = 0; i < value.length; i++) { var c = value.charCodeAt(i); //单字节加1 if ((c >= 0x0001 && c <= 0x007e) || (0xff60 <原创 2021-11-23 17:51:21 · 1715 阅读 · 0 评论 -
js正则校验文件路径（Windows，linux）
js正则校验文件路径（Windows，linux）亲测好用！！windows 路径校验如下/^[a-zA-Z]:((\\)[\S].+\s?)*\\$/Linux路径校验如下/^\/([\u4E00-\u9FA5A-Za-z0-9_]+\/{1})+$/原创 2021-11-23 17:46:19 · 5971 阅读 · 1 评论 -
微信小程序中实现父子传值
小程序搁置了一段时间着实忘记了挺多。今天复习的是父子传值。欢迎随时补充！！！父组件给子组件传值第一步：定义父组件 在父组件json 中引入子组件{ "usingComponents": { "sonCom":"../components/add.js" }}第二步：在子组件中给自己定义成一个子组件{ "usingComponents": { "sonCom":"../components/add.js" }}第三步：在父组件中，子组件的引用处，绑原创 2020-06-23 23:25:34 · 321 阅读 · 0 评论 -
js实现蜘蛛网效果
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</ti原创 2020-06-22 00:08:00 · 1173 阅读 · 0 评论 -
javascript实现贪吃蛇小游戏
<!DOCTYPE html><html><head><meta charset="UTF-8"><title>贪吃蛇</title><script> var map; //地图类对象 var snake; //蛇类对象 var food; //食物类对象 var timer; //定时器对象 var sum=0; //分数 //地图类 functi原创 2020-06-18 23:42:21 · 300 阅读 · 0 评论 -
JavaScript实现随机点名器功能
js实现点名器功能代码： - css样式 <style> .box{ width: 350px; height: 300px; background-color: antiquewhite; margin: 0 auto; text-align: center; } #names{ width原创 2020-06-18 00:39:07 · 871 阅读 · 0 评论 -
jQuery实现轮播图
jQuery实现轮播图学习了js原生实现轮播图，今天我们尝试用jQuery库来实现，给你不一样的感觉。上代码！！！HTML中：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http原创 2020-06-16 15:55:38 · 1170 阅读 · 0 评论 -
jQuery实现拖拽
直接上代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title原创 2020-06-15 22:56:09 · 887 阅读 · 0 评论 -
关于js正则的总结
一： 什么是正则表达式是对字符串操作的一种逻辑公式，事先定义好的一些特定的字符、及这些特定字符的组合，组成一个“规则字符串”,这些特定字符串是对字符串一种过滤逻辑。二：正则表达式的作用:给定一个正则表达式和一个字符串，我们可以做到以下目的1.给定的字符串是否符合正则表达式的过滤逻辑2.可以通过正则表达式，从字符串获取我们想要的特定的部分正则表达式的特点:1.灵活性，逻辑性和功能性非常强2.可以迅速的用极简单的方式达到对字符串的复杂的控制3.对于没有基础的人来说有点难理解创建正则表达式原创 2020-06-15 10:19:38 · 170 阅读 · 0 评论 -
js原生实现购物车功能
js原生实现购物车功能功能实现：1. 用JavaScript实现静态购物车功能2. 点击+号数量增加，点击-号数量递减；3. 实现全选、反选和删除功能；4. 求出小计、总数量和总价；效果图献上：上代码：css中：<style> table{ width: 900px; border-collapse: collapse; margin: 0 auto; }原创 2020-06-12 23:48:10 · 706 阅读 · 0 评论 -
js原生实现留言板功能
功能实现：点击提交按钮，讲输入框中文字添加到显示留言下，并清空文本框；点击删除，将添加的姓名与内容以及删除按钮都删除。代码如下：css:<style> *{ margin: 0; padding: 0; } .box{ width: 500px; border: 1px solid red; margin: 0 auto;原创 2020-06-11 23:15:58 · 778 阅读 · 0 评论 -
javascript事件冒泡和事件捕获及事件代理
一：什么是事件？事件是文档和浏览器窗口中发生的特定的交互瞬间。 事件是javascript应用 跳动的心脏，也是把所有东西黏在一起的胶水，当我们与浏览器中web页面进 行某些类型的交互时，事件就发生了。 事件可能是用户在某些内容上的点击，鼠标经过某个特定元素或按下键盘 上的某些按键，事件还可能是web浏览器中发生的事情，比如说某个web页面 加载完成，或者是用户滚动窗口或改变窗口大小。二：什么是事件流？事件流描述的是从页面中接受事件的顺序，但有意思的是，微软（IE）和网 景（Netscape）开发团队原创 2020-06-04 23:09:18 · 214 阅读 · 0 评论 -
Javascript原生的DOM操作方法
Javascript的DOM操作方法原生js5中操作dom一共是有三种方法：第一种：标签式的绑定（HTML事件处理）第二种：DOM0级事件处理第三种:DOM2级事件处理但是频繁的操作dom可能造成页面元素的重绘和重流。所以现在我们经常用的就是虚拟dom，数据驱动组件化。 但是跟随时代发展潮流的同时，我们也不能忘记了原生！！！补充一个面试题vue 和jQuery最大的区别：jQuery：是一个操作DOM的神奇，我们可以通过$(),ajax $().get等vue呢 是数据驱动组原创 2020-06-03 22:23:08 · 586 阅读 · 0 评论 -
vue封装一个搜索组件
vue封装一个搜索组件话不多说，直接上代码！！！搜索组件：<!-- --><template> <div> <input type="text" v-model="inputValue" placeholder="请输入" @input="getValue" @keydown.enter="search" /> </div></template&g原创 2020-06-03 21:41:21 · 993 阅读 · 2 评论 -
JavaScript递归实现深拷贝
深浅拷贝：深拷贝和浅拷贝是针对复杂数据类型来说的，浅拷贝只拷贝一层，而深拷贝是层层拷贝。深拷贝 复制地址的内容。就是说递归的复制内部数据找到基本数据类型之后才复制出来深拷贝复制变量值，对于非基本类型的变量，则递归至基本类型变量后，再复制。浅拷贝拷贝的存贮在栈内存深拷贝后的对象与原来的对象是完全隔离的，互不影响，对一个对象的修改并不会影响另一个对象，深拷贝存储在堆内存。浅拷贝：只是复制外层地址的拷贝 ，没有继续往内部找基本数据类型。浅拷贝是会将对象的每个属性进行依次复制，但是当对象的属性值原创 2020-06-03 21:22:28 · 1238 阅读 · 1 评论 -
浅谈js 防抖节流
防抖：在固定的事件，间隔内 不会执行我们的代码逻辑 除非某个时间段内 有事件触发 会再次延长 如果在某个时间段后没后触发 就在n秒后执行代码逻辑我们用防抖实现一个函数的封装。生活小例子：比如说电梯的实现原理还有我们的手机啊电脑啊自动锁屏我们通常按下电梯的时候， <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="vie原创 2020-06-02 21:30:19 · 231 阅读 · 0 评论 -
浅谈js中call,apply,bind的区别
Call、 apply 区别，原生实现 bind Call、apply、bind都是改变this指向的，其中call的话是通过第一个参数来 改变this指向，函数在传参的时候一个一个进行传参，apply也是通过第一个参 数改变this指向，函数传参的时候通过数组或是一组的形式进行传参，而且他 只能用于函数的调用时候，而bind呢不能用于函数的标准调用传参，只能是事 件或是方法的后边进行改变this的指向他们都是用来改变this指向的。call：改变this指向 函数被执行了call（上下文环境，参原创 2020-06-02 20:04:40 · 700 阅读 · 0 评论 -
js数据类型的转换
一：数据类型1.1、 数字类型(number) 整型 浮点型 NaN 不是数字1.2、 字符串类型(String) 字符串直接量 转义字符1.3、布尔类型(boolean)1.4、Undefined 未定义1.5、Null 空对象1.6、对象类型(Object)二、Typeof操作符定义：typeof操作符返回一个字符串，表示未经计算的操作数的数据类型。typeof操作符后跟操作数：typeof 操作数原创 2020-06-01 22:07:55 · 311 阅读 · 0 评论 -
js闭包的介绍
我们的JavaScript分为三部分：EcmaScript(JS核心),DOM,BOM。、面试中经常会有面试官问我们什么是闭包？你理解的闭包是什么？优缺点？使用场景？一：闭包的概念：闭包就是一个的函数的返回值是另外一个函数，返回的这个函数调用了其父函数的内部变量且在外部被执行，就产生了闭包。特点：函数嵌套函数，内部的函数可以访问外部函数的变量。闭包=函数+自由变量。优点： 1. 长期驻扎在内存中2. 私有成员的存在3. 可以隔离作用域，不造成全局污染缺点：由于常驻内存，使用原创 2020-06-01 20:39:09 · 294 阅读 · 0 评论 -
vue 封装一个toast组件
vue 封装一个toast组件第一步 创建一个toast.vue<template> <transition name="fade"> <div v-show="visible">{{message}}</div> </transition></template><script>export default { data () { return { visible: fal原创 2020-05-31 14:54:13 · 608 阅读 · 1 评论 -
JavaScript试题中常见的那些坑（二）
JavaScript试题中常见的那些坑（二）** 今天也是一样联系了一些js基础的练习题。也遇到了自己以前没有见过的问题。今天给大家分享一下1.一：页面有一个按钮button id为button1，通过原生的js如何禁用？答案如下：document.getElementById(“button1”).disabled=true;注：disable对于所有的表单元素都有效，包括sele...原创 2020-05-08 17:09:49 · 535 阅读 · 1 评论 -
关于JavaScript习题的常见的那些坑
今天在写题过程中出了挺多没有注意过的错误。一：js练习题中的坑1.在标准的 JavaScript 中， Ajax 异步执行调用基于下面哪一个机制才能实现？答案：多线程操作。2. 全局变量和局部变量function test(a){a=a+10;}var a=10;test(a);console.log(a);a是形参，属于局部变量，不影响全局变量a的值，因此输出的a是全局...原创 2020-05-07 19:14:21 · 819 阅读 · 1 评论