element-ui 实现响应式导航栏的示例代码
开始之前
按照计划，前端使用Vue.js+Element UI，但在设计导航栏时，发现element没有提供传统意义上的页面顶部导航栏组件，只有一个可以用在很多需要选择tab场景的导航菜单，便决定在...
2020-05-27
JavaScript中的各种宽高属性的实现
在js中，存在着N多的关于高度和宽度的属性，比如：clientHeight、offsetHeight、scrollHeight、availHeight、scrollLeft、scrollTop、style.height、innerHeight、outerHeight、s...
2020-05-27
JavaScript cookie原理及使用实例
什么是cookie？cookie 是本地计算机的临时存储。作用：在浏览器中进行数据的存储,用户名、密码（比如：保存页面信息，自动登录等）。特点： cookie需要在服务器环境下运行； cookie的容量...
2020-05-27
JavaScript ES6 Class类实现原理详解
JavaScript ES6之前的还没有Class类的概念，生成实例对象的传统方法是通过构造函数。例如：function Mold(a,b){ this.a=a; this.b=b; } Mold.prototyp...
2020-05-27
JS图片预加载三种实现方法解析
预加载基本概念：当页面打开图片提前加载，并且缓存在用户本地，需要用到时直接进行渲染；在浏览图片较多的网页（百度图库，淘宝京东等），可以有更好的用户体验；一张图片的预加载var img=ne...
2020-05-27
如何实现js拖拽效果及原理解析
元素拖拽分成3个步骤：按下鼠标，移动鼠标，松开鼠标。拖拽原理：按下拖拽元素后开始监听文档中鼠标移动事件，然后再监听鼠标松开事件；鼠标移动时，元素div要随着鼠标一起移动，需要计算元...
2020-05-27
JS数组的常用10种方法详解
数组在JavaScript中经常使用，如何对数组进行增删改非常重要，下面为数组的常用方法：在数组末尾插入元素
arr.push(value)，在数组的末尾添加一个或多个元素，并返回数组的新长度。例...
2020-05-27
基于JavaScript实现控制下拉列表
需求分析
在我们的分类管理中,我们要能够去修改我们的分类信息,当我们一点修改的时候,跳转到一个可以编辑的页面,这里面能够修改分类的名称,分类的描述,以及分类的商品技术...
2020-05-27
JQuery省市联动效果实现过程详解
Js相关技术
JS中的数组: ["城市"]
new Array()
DOM树操作:
​ 创建节点: document.createElement ​ 创建文本节点: document.createTextNode ​ 添加节...
2020-05-27
使用vue cli4.x搭建vue项目的过程详解
cli-4.x已经发布好久了，斟酌了好久，还是决定将原来的cli-2.x升级到4.x,详细的升级过程可以戳这里1、创建项目 vue create vuetest 2、选择配置方式? Please pick a preset...
2020-05-27
有关vue 开发钉钉 H5 微应用 dd.ready() 不执行问题及快速解决方案
最近在做钉钉的免登，npm 安装好 dingtalk-jsapi 后，执行 dd.ready()怎么都不生效。但是判断当前环境是不是 ‘notInDingTalk' 时又是有效的。花了很长时间，一直找不到原因。后...
2020-05-27
基于JavaScript实现表格隔行换色
表格隔行换色
需求分析
我们商品分类的信息太多，如果每一行都显示同一个颜色的话会让人看的眼花，为了提高用户体验，减少用户看错的情况，需要对表格进行隔行换色技术分析
table对...
2020-05-27
Auto.JS实现抖音刷宝等刷视频app,自动点赞,自动滑屏,自动切换视频功能
什么是auto.js
Auto.js 是个基于 JavaScript 语言运行在Android平台上的脚本框架，可以编写各种自动化脚本，它主要有以下优点：无需root：基于无障碍服务；
基于控件：以坐标为基础的按...
2020-05-27
Vue实现PC端靠边悬浮球的代码
我想把退出登录的按钮做成一个悬浮球的样子，带动画的那种。实现是这个样子：手边没有球形图。随便找一个，功能这里演示的为单机悬浮球注销登录嗯，具体代码：<div :class="['m...
2020-05-27
Node.js API详解之 util模块用法实例分析
本文实例讲述了Node.js API详解之 util模块用法。分享给大家供大家参考，具体如下：Node.js API详解之 utilutil 模块主要用于支持 Node.js 内部 API 的需求。提供了大部分实用...
2020-05-27
Vue列表如何实现滚动到指定位置样式改变效果
这个需求大概是这样子：我做的一个聊天Demo，在搜索框搜索用户，可以滚动到指定的用户。然后成选中状态。这是目前状态，我搜索南宫仆射 ，想要下面的用户列表直接滚动到南宫仆射并改...
2020-05-27
JavaScript面向对象核心知识与概念归纳整理
本文实例讲述了JavaScript面向对象核心知识与概念。分享给大家供大家参考，具体如下：一、面向对象1.1 概念 面向对象就是使用对象。面向对象开发就是使用对象开发。 面向过程...
2020-05-27
JavaScript进阶（一）变量声明提升实例分析
本文实例讲述了JavaScript变量声明提升。分享给大家供大家参考，具体如下：如下代码输出的结果是？var num = 123;function foo1(){ console.log( num ); //undefined var num = 4...
2020-05-27
JavaScript进阶（二）词法作用域与作用域链实例分析
本文实例讲述了JavaScript词法作用域与作用域链。分享给大家供大家参考，具体如下：一、作用域域表示的就是范围，即作用域，就是一个名字在什么地方可以使用，什么时候不能使用。想了...
2020-05-27
JavaScript进阶（三）闭包原理与用法详解
本文实例讲述了JavaScript闭包原理与用法。分享给大家供大家参考，具体如下：为了更好的理解，在阅读此文之前建议先阅读上一篇《JavaScript词法作用域与作用域链》 1.什么是闭包...
2020-05-27
JavaScript进阶（四）原型与原型链用法实例分析
本文实例讲述了JavaScript原型与原型链用法。分享给大家供大家参考，具体如下：一句话说明什么是原型：原型就是一个JavaScript对象，原型能存储我们的方法，构造函数创建出来的实例对...
2020-05-27
jQuery三组基本动画与自定义动画操作实例总结
本文实例讲述了jQuery三组基本动画与自定义动画操作。分享给大家供大家参考，具体如下：jQuery提供了三组基本动画，分别是显示与隐藏、淡入与淡出、滑入与画出，这三组基本动画都是...
2020-05-27
JS原形与原型链深入详解
本文实例讲述了JS原形与原型链。分享给大家供大家参考，具体如下：前言在JS中，我们经常会遇到原型。字面上的意思会让我们认为，是某个对象的原型，可用来继承。但是其实这样的理解是...
2020-05-27
Element实现表格嵌套、多个表格共用一个表头的方法
一、分析需求这里先上一张图说明 需求 ： 根据后端返回的数据 （ res 是一个数组，它的元素是一个对象，对象里面的 ext 属性是一个对象，它又包含了， default 、 free 和 pay 三个属性...
2020-05-27
js根据后缀判断文件文件类型的代码
核心代码<script>function getFileType(fileName) { // 后缀获取 let suffix = ''; // 获取类型结果 let result = ''; try { const flieArr = fileName.split('.');...
2020-05-27
JS 获取文件后缀，判断文件类型(比如是否为图片格式)
1、获取文件后缀有时候我们需要通过文件名或者路径，得到该文件的后缀名（扩展名），可以通过如下方式进行截取：
//文件路径var filePath = "file://upload/jb51.png";//获取最后一个...
2020-05-27
ES6标准 Arrow Function（箭头函数=>）
ES6—箭头函数0.为什么会出现箭头函数？1.传统的javascript函数语法并没有提供任何的灵活性，每一次你需要定义一个函数时，你都必须输入function () {},这至少会出现两个问题，ES6...
2020-05-27
JS端基于download.js实现图片、视频时直接下载而不是打开预览
项目中的附件列表，通常情况都需要提供下载、删除的功能，功能本身没有什么要说的，都是基本功能，使用浏览器的的下载功能，也都是用window.open(url)，或者window.location.href=url的...
2020-05-27
js中!和!!的区别与用法
js中!的用法是比较灵活的，它除了做逻辑运算常常会用！做类型判断，可以用！与上对象来求得一个布尔值，1、！可将变量转换成boolean类型，null、undefined和空字符串取反都为false，其余都...
2020-05-27
JavaScript 装逼指南(js另类写法)
下面就是具体的写法，建议大家逐个测试一下，加深印象转Boolean类型这个较为常用。!!'a'//true通过两个取反，可以强制转换为Boolean类型。!!是将表达式强制转化为bool值的运算，运...
2020-05-27
javascript数据类型分为哪两类
javascript数据类型分为：值类型(基本类型)：字符串（String）、数字(Number)、布尔(Boolean)、对空（Null）、未定义（Undefined）、Symbol。引用数据类型：对象(Object)、数组(Array)、函数(...
2020-05-26
快速理解 JavaScript 的垃圾回收
前言JS具有自动垃圾回收机制，换句话说，执行环境会管理代码执行过程中使用的内存。JS垃圾回收的原理执行环境会找出那些不再继续使用的变量，然后释放其占用的内存。JS垃圾回收的...
2020-05-25
Vue实现跑马灯效果
本文实例为大家分享了Vue实现跑马灯效果的具体代码，供大家参考，具体内容如下实现的业务逻辑1、给[嗨起来]按钮，绑定一个点击事件 v-on（@）。
2、在按钮的事件函数处理中，写相关的业...
2020-05-25
Vue实现简单的跑马灯
Vue实现滚动字条/跑马灯，供大家参考，具体内容如下内容不多，直接看代码吧 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script...
2020-05-25
Js和VUE实现跑马灯效果
本文实例为大家分享了Js和VUE分别实现跑马灯效果的具体代码，供大家参考，具体内容如下一、js实现跑马灯1.效果图视频上传不了，只能看图片了2. 设计思路使用截取字符串的方法，首先...
2020-05-25
vue实现简单跑马灯效果
本文实例为大家分享了vue实现简单跑马灯效果的具体代码，供大家参考，具体内容如下如下图片，会自行向 上“滚动”代码：<!DOCTYPE html><html lang="en"><head> <meta ch...
2020-05-25
JavaScript实现移动端弹窗后禁止滚动
代码如下computed:{ popupStatus(){ return this.SendCircle_visible || this.generateInfo_visible || this.isPosterShow; }},methods:{ stopTouch(e){ e.preven...
2020-05-25
如何使用vue slot创建一个模态框的实例代码
【1】遮罩层：承载内容，管理样式布局。【2】内容层：控制遮罩层的显示与否。遮罩层和内容区之间应该解耦。遮罩层和内容区之间应该解耦。遮罩层和内容区之间应该解耦。遮罩层不依...
2020-05-24
js中输出的方式有哪些
js中输出的方式有：1、使用 window.alert() 弹出警告框。2、使用 document.write() 方法将内容写到 HTML 文档中。3、使用 innerHTML 写入到 HTML 元素。4、使用 console.log(...
2020-05-24
JavaScript设计模式--简单工厂模式定义与应用案例详解
本文实例讲述了JavaScript设计模式--简单工厂模式定义与应用。分享给大家供大家参考，具体如下：一，介绍工厂模式创建对象（视为工厂里的产品）时无需指定创建对象的具体类。工厂模式...
2020-05-23
JavaScript设计模式--简单工厂模式实例分析【XHR工厂案例】
本文实例讲述了JavaScript设计模式--简单工厂模式。分享给大家供大家参考，具体如下：第一步，Ajax操作接口（目的是起一个接口检测作用）（1）引入接口文件//定义一个静态方法来实现接口...
2020-05-23
JavaScript设计模式--桥梁模式引入操作实例分析
本文实例讲述了JavaScript设计模式--桥梁模式引入操作。分享给大家供大家参考，具体如下：1.使用情况（1）事件的监控#1，利用页面的button来选择宠物的例子（思路）button.addEvent(eleme...
2020-05-23
JavaScript组合模式---引入案例分析
本文实例讲述了JavaScript组合模式。分享给大家供大家参考，具体如下：首先：使用一个例子来引入组合模式，需求为
（1）有一个学校有2个班(一班,二班)
（2）每个班级分2个小组(一班一组,一...
2020-05-23
JavaScript组合设计模式--改进引入案例分析
本文实例讲述了JavaScript组合设计模式--改进引入案例。分享给大家供大家参考，具体如下：对于组合设计模式： （1）组合模式中把对象分为两种(组合对象,和叶子对象)
（2）组合对象和叶子...
2020-05-23
JS Zepto 移动端的 jQuery
Zeptogithub地址: https://github.com/madrobby/zepto官方地址: http://zeptojs.com/中文版地址: http://www.css88.com/doc/zeptojs_api/Zepto就是jQuery的移动端版本, 可...
2020-05-22
uni-app微信小程序登录授权的实现
微信小程序授权是非常简单和常用的功能，但为了方便，还是在此记录一下要点：首先是需要用到一个授权按钮来触发获取用户信息授权： 关键在于 open-type 为 getUserInfo , 然后有个@...
2020-05-22
微信小程序点击滚动到指定位置的实现
公司项目要做一个类似微信通讯录导航的效果，点击右侧字母页面滚动到相应位置。因为微信小程序没有dom概念，所以不能使用锚点，也不能直接获取对应字母相对页面的偏移位置。此时...
2020-05-22
js cavans实现静态滚动弹幕
本文实例为大家分享了js实现静态滚动弹幕的具体代码，供大家参考，具体内容如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head...
2020-05-21
jQuery实现移动端笔触canvas电子签名
本文实例为大家分享了jQuery实现移动端笔触canvas电子签名的具体代码，供大家参考，具体内容如下本文主要是通过jq实现电子签名，其中ios有一个坑，已修复。基于mui+vue框架实现的，如...
2020-05-21
基于canvas实现手写签名（vue）
最近一直在研究canvas的东西，正好之前对手写签名这块有点兴趣。就自己基于vue写了一个简易的手写签名demo。其中原理比较简单，先生成一个canvas画布，并对canvas进行touchstart...
2020-05-21
