日常总结
关注
分享
扫一扫
依古比古*
学啥啥不行，吃饭第一名
展开
-
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 · 1762 阅读 · 0 评论 -
Module build failed (from ./node_modules/eslint-loader/index.js)
Module build failed (from ./node_modules/eslint-loader/index.js)昨天在Git上拉代码时候 ，在进行npm install 之后报了这个一个错！在经过了 不断地删除 安装依赖之后还是不行，最后发现了一个问题：那就是我们需要 降低babel-eslint的版本，直接安装下来的是10.*.*以上的版本，我们需要安装到稳定版本下载指令npm install babel-eslint@7.2.3 即可 ，启动项目！完事...原创 2020-10-28 10:51:17 · 1877 阅读 · 0 评论 -
× eslint --fix found some errors. Please fix them and try committing again.
解决git push提交代码之前代码规范问题现在可以说是大多数公司都开启了代码规范问题，有良好的编码习惯是程序员必备！！拒绝垃圾代码 丑恶代码！！！今天小编在提交的时候报了这样一个错`×eslint --fix found some errors. Please fix them and try committing again.`只需要输入 git commit --no-verify -m "提交时的注释"...原创 2020-07-31 17:53:20 · 4753 阅读 · 0 评论 -
实现鼠标悬浮下拉菜单 箭头会旋转
实现鼠标悬浮下拉菜单 箭头会旋转代码如下：<!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"> &原创 2020-07-29 15:56:52 · 822 阅读 · 0 评论 -
vue中elementui的el-input实现中文和英文的正则校验
vue中elementui的el-input实现中文和英文的正则校验在我们写后台管理的时候难免要自定义一些校验的规则，比如说标题必须是中文的，组件名必须是英文的。而如果这个时候，输入框已经是封装好的，我们该咋样去修改实现呢？今天小编也是搞了一个下午出来了代码分享给 大家！！仅供参考页面中代码 <!-- 菜单标题 --> <el-form-item label="菜单标题" prop="title"> <el-input原创 2020-07-27 19:07:21 · 8307 阅读 · 0 评论 -
Vue 中methods，computed watch的区别
Vue 中methods，computed，watch的区别methodsmethods中定义的都是具体的方法，根据一些触发条件，调用一次，重新执行一次。比如说点击事件<template> <div> <!-- 调用一次，执行一次 --> <div @click="onClick"> </div> </div></template>原创 2020-06-20 01:19:47 · 241 阅读 · 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 · 319 阅读 · 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 · 914 阅读 · 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 · 1190 阅读 · 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 · 929 阅读 · 0 评论 -
关于js正则的总结
一： 什么是正则表达式是对字符串操作的一种逻辑公式，事先定义好的一些特定的字符、及这些特定字符的组合，组成一个“规则字符串”,这些特定字符串是对字符串一种过滤逻辑。二：正则表达式的作用:给定一个正则表达式和一个字符串，我们可以做到以下目的1.给定的字符串是否符合正则表达式的过滤逻辑2.可以通过正则表达式，从字符串获取我们想要的特定的部分正则表达式的特点:1.灵活性，逻辑性和功能性非常强2.可以迅速的用极简单的方式达到对字符串的复杂的控制3.对于没有基础的人来说有点难理解创建正则表达式原创 2020-06-15 10:19:38 · 188 阅读 · 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 · 724 阅读 · 0 评论 -
js原生实现留言板功能
功能实现：点击提交按钮，讲输入框中文字添加到显示留言下，并清空文本框；点击删除，将添加的姓名与内容以及删除按钮都删除。代码如下：css:<style> *{ margin: 0; padding: 0; } .box{ width: 500px; border: 1px solid red; margin: 0 auto;原创 2020-06-11 23:15:58 · 802 阅读 · 0 评论 -
javascript事件冒泡和事件捕获及事件代理
一：什么是事件？事件是文档和浏览器窗口中发生的特定的交互瞬间。 事件是javascript应用 跳动的心脏，也是把所有东西黏在一起的胶水，当我们与浏览器中web页面进 行某些类型的交互时，事件就发生了。 事件可能是用户在某些内容上的点击，鼠标经过某个特定元素或按下键盘 上的某些按键，事件还可能是web浏览器中发生的事情，比如说某个web页面 加载完成，或者是用户滚动窗口或改变窗口大小。二：什么是事件流？事件流描述的是从页面中接受事件的顺序，但有意思的是，微软（IE）和网 景（Netscape）开发团队原创 2020-06-04 23:09:18 · 230 阅读 · 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 · 602 阅读 · 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 · 1013 阅读 · 2 评论 -
JavaScript递归实现深拷贝
深浅拷贝：深拷贝和浅拷贝是针对复杂数据类型来说的，浅拷贝只拷贝一层，而深拷贝是层层拷贝。深拷贝 复制地址的内容。就是说递归的复制内部数据找到基本数据类型之后才复制出来深拷贝复制变量值，对于非基本类型的变量，则递归至基本类型变量后，再复制。浅拷贝拷贝的存贮在栈内存深拷贝后的对象与原来的对象是完全隔离的，互不影响，对一个对象的修改并不会影响另一个对象，深拷贝存储在堆内存。浅拷贝：只是复制外层地址的拷贝 ，没有继续往内部找基本数据类型。浅拷贝是会将对象的每个属性进行依次复制，但是当对象的属性值原创 2020-06-03 21:22:28 · 1280 阅读 · 1 评论 -
浅谈js 防抖节流
防抖：在固定的事件，间隔内 不会执行我们的代码逻辑 除非某个时间段内 有事件触发 会再次延长 如果在某个时间段后没后触发 就在n秒后执行代码逻辑我们用防抖实现一个函数的封装。生活小例子：比如说电梯的实现原理还有我们的手机啊电脑啊自动锁屏我们通常按下电梯的时候， <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="vie原创 2020-06-02 21:30:19 · 245 阅读 · 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 · 729 阅读 · 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 · 324 阅读 · 0 评论 -
js闭包的介绍
我们的JavaScript分为三部分：EcmaScript(JS核心),DOM,BOM。、面试中经常会有面试官问我们什么是闭包？你理解的闭包是什么？优缺点？使用场景？一：闭包的概念：闭包就是一个的函数的返回值是另外一个函数，返回的这个函数调用了其父函数的内部变量且在外部被执行，就产生了闭包。特点：函数嵌套函数，内部的函数可以访问外部函数的变量。闭包=函数+自由变量。优点： 1. 长期驻扎在内存中2. 私有成员的存在3. 可以隔离作用域，不造成全局污染缺点：由于常驻内存，使用原创 2020-06-01 20:39:09 · 311 阅读 · 0 评论 -
前端高频面试题总结（三）
一：js的作用域？JS作用域也就是JS识别变量的范围，作用域链也就是JS查找变量的顺序先说作用域，JS作用域主要包括全局作用域、局部作用域和ES6的块级作用域全局作用域：也就是定义在window下的变量范围，在任何地方都可以访问，局部作用域：是只在函数内部定义的变量范围块级作用域：简单来说用let和const在任意的代码块中定义的变量都认为是块级作用域中的变量，例如在for循环中用let定义的变量，在if语句中用let定义的变量等等注：尽量不要使用全局变量，因为容易导致全局的污染，命名冲突，原创 2020-05-26 22:21:53 · 550 阅读 · 0 评论 -
前端高频面试题总结（二）
一： 你对cavans有了解吗1.什么是canvas(画布) 是 HTML5 新增的元素，可用于通过使用JavaScript中的脚本来绘制图形例如，它可以用于绘制图形，创建动画。 最早由Apple引入WebKit我们可以使用标签来定义一个canvas元素----->使用标签时，建议要成对出现，不要使用闭合的形式。----->canvas元素默认具有高宽width： 300pxheight：150px2 canvas标签的两个属性 看起来和 元素很相像，唯一的不同就是它并原创 2020-05-14 22:14:51 · 1445 阅读 · 1 评论 -
前端高频面试题汇总（一）
前端高频面试题一： 你们项目用vue跨域是怎么解决的vue脚手架 用config的index.js通过ProxyTable来设置的。二： vue的实现原理最大的特点就是组件化开发 双向绑定 数据的更新 视图改变。vue最大特点我感觉就是“组件化“和”数据驱动“组件化就是可以将页面和页面中可复用的元素都看做成组件，写页面的过程，就是写原创 2020-05-14 00:00:16 · 574 阅读 · 0 评论 -
es6入门(初识es6)
es6入门（初识es6）简介:ES6， 全称 ECMAScript 6.0 ，是 JavaScript 的下一个版本标准，2015.06 发版。ES6 主要是为了解决 ES5 的先天不足，比如 JavaScript 里并没有类的概念，但是目前浏览器的 JavaScript 是 ES5 版本，大多数高版本的浏览器也支持 ES6，不过只实现了 ES6 的部分特性和功能。重点：（es6新增属原创 2020-05-11 22:44:01 · 425 阅读 · 0 评论 -
JavaScript试题中常见的那些坑（二）
JavaScript试题中常见的那些坑（二）** 今天也是一样联系了一些js基础的练习题。也遇到了自己以前没有见过的问题。今天给大家分享一下1.一：页面有一个按钮button id为button1，通过原生的js如何禁用？答案如下：document.getElementById(“button1”).disabled=true;注：disable对于所有的表单元素都有效，包括sele...原创 2020-05-08 17:09:49 · 551 阅读 · 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 · 851 阅读 · 1 评论 -
微信小程序如何获取token值以及关于小程序实现网络层封装
微信小程序如何获取token值（前后端数据的交互）假期作业是完成天使童装的小程序功能。由于个人原因，购物车没有写，在今天实现购物车时候发现了挺多问题。1. 显示我的token值无效解决方案：直接上代码 onReady: function() { wx.login({ success: (res) => { console.log('111', r...原创 2020-05-06 22:13:10 · 2268 阅读 · 0 评论