91浏览

0评论

微信小程序虚拟列表的应用实例

目录前言什么是虚拟列表？demo效果准备工作屏高&盒子高度优化总结前言股票热门榜单有4000多条，渲染到页面上在盘中时还得实时更新，如果采用接口和分页，当下拉几十页的时候页面会...

• 2022-01-09

77浏览

0评论

什么是JavaScript的防抖与节流

目录一、函数防抖（debounce）1. 什么是防抖？
二、函数节流2.1 定时器实现
2.2 时间戳实现
2.3 时间戳+定时器
一、函数防抖（debounce）
1. 什么是防抖？
函数防抖： 在频繁触发某一个事...

• 2022-01-09

101浏览

0评论

Vue页面内公共的多类型附件图片上传区域并适用折叠面板(示例代码)

在前端项目中，附件上传是很常用的功能，几乎所有的app相关项目中都会使用到，一般在选择使用某个前端UI框架时，可以查找其内封装好的图片上传组件，但某些情况下可能并不适用于自身...

• 2022-01-09

79浏览

0评论

uniapp 实现微信小程序全局分享的示例代码

目录创建全局分享内容文件引入并全局注册该文件自定义页面分享内容 uniapp 实现微信小程序的全局转发给好友/分享到朋友圈的功能。主要使用 Vue.js 的 全局混入 概念。下面...

• 2022-01-09

88浏览

0评论

JavaScript超详细实现网页轮播图

目录创建HTML页面实现js部分的功能1、左右按钮2、动态生成小圆圈
3、点击小圆圈，小圆圈变色
4、点击小圆圈滚动图片
5、点击右侧按钮一次，就让图片滚动一张。
6、点击右侧按钮...

• 2022-01-09

84浏览

0评论

vue 动态设置浏览器标题的方法详解

目录废话正文第一种router/index.js
第二种1.安装插件2.main.js 引用3.添加指令笔记总结废话平时设置浏览器标题是这样的
但vue是单页面应用，入口文件也只有一个html，只能设置...

• 2022-01-09

93浏览

0评论

JavaScript 模块化详解

目录前言：1.概念
2.模块化的好处
3.引入多个script标签后出现的问题
一、CommonJS二、AMD三、CMD四、ES6模块化前言：1.概念
将一个复杂的程序依据一定的规则(规范)封装成...

• 2022-01-09

75浏览

0评论

Json优缺点及使用介绍

目录1. 什么是 JSON1.1 数组字面量1.2 对象字面量1.3 混合字面量1.4 JSON 语法1.5 JSON 编码和解码2. JSON 与 XML3. 服务器端 JSON 工具4. JSON 优势与缺点1. 什么是 JSONJ...

• 2022-01-09

85浏览

0评论

使用nodejs + koa + typescript 集成和自动重启的问题

目录版本说明创建项目安装依赖填充内容src/server.tstsconfig.jsonpackage.json运行参考资料版本说明Node.js: 16.13.1创建项目创建如下目录结构project├── src│ └─...

• 2022-01-09

84浏览

0评论

vue+elementUI实现内嵌table的方法示例

在大四实习工作中碰到一个比较特别的需求，要求在一个 table 表格中点击一条数据的编号，在该条数据下方出现一个新的 table 表格。这个需求在 element UI 的官方文档中也有案例...

• 2022-01-09

70浏览

0评论

JavaScript创建数组的方法详解

目录JavaScript创建数组数组的使用将数组转换为分割字符串数组中新增元素筛选数组删除数组指定元素总结JavaScript创建数组1.利用new创建数组var arr = new Array();//创建...

• 2022-01-09

84浏览

0评论

vue+el-element中根据文件名动态创建dialog的方法实践

目录背景实现1.封装的/utils/dialogControl.js
2.dialog文件定义
 3.使用
背景
在项目中使用对话框的通常做法是把对话框封装成组件，在使用的地方引入，然后添加到template，使...

• 2022-01-09

112浏览

0评论

关于Vue3过渡动画的踩坑记录

目录背景问题定位进一步分析总结背景在我的 《Vue 3 开发企业级音乐 App》课程问答区，有个同学提了个问题，在歌手列表到歌手详情页面到转场动画中，只有进入动画，却没有离场动画：...

• 2022-01-09

71浏览

0评论

JavaScript闭包原理及作用详解

目录简介闭包的用途柯里化实现公有变量缓存封装(属性私有化)闭包的原理垃圾收集简介实际开发中的优化简介说明本文介绍JavaScript的闭包的作用、用途及其原理。闭包的定义闭...

• 2022-01-09

80浏览

0评论

Node.js前后端交互实现用户登陆的实践

目录一、项目需求二，开始撸代码1，创建前端页面（CSS样式此处省略）2、Node.js后端获取用户输入数据最近学习了一点Node.js的后端知识，于是作为一个学习前端方向的我开始了解后端，话...

• 2022-01-09

84浏览

0评论

基于React Hooks的小型状态管理详解

目录实现基于 React Hooks 的状态共享使用感受本文主要介绍一种基于 React Hooks 的状态共享方案，介绍其实现，并总结一下使用感受，目的是在状态管理方面提供多一种选择方式。实...

• 2022-01-09

78浏览

0评论

JavaScript实现六种网页图片轮播效果详解

目录1、当鼠标经过轮播图模块，左右按钮显示，离开隐藏左右按钮。2、动态生成小圆圈3、点击小圆圈，小圆圈变色4、点击小圆圈滚动图片5、点击右侧按钮一次，就让图片滚动一张。6、点...

• 2022-01-09

86浏览

0评论

详解Vuex的属性和作用

目录Vuex是什么？Vuex的5个属性vuex 的 State 特性是？
vuex 的 Getter 特性是？
vuex 的 mauation 特性是？
vuex 的 action 特性是？
什么情况下应该使用 Vuex？总结Vuex是什么？VueX是...

• 2022-01-09

75浏览

0评论

javascript原型链图解的总结和实践

目录原型链我们可以基于原型链来实现一个简易的JQuery库总结原型链在ES6中引入了class关键字，但是JS依然是基于原型的，class实际上是语法糖。
举个例子，有一个people class：clas...

• 2022-01-09

87浏览

0评论

vue codemirror实现在线代码编译器效果

前言如果我们想在Web端实现在线代码编译的效果，那么需要使用组件vue-codemirror，他是将CodeMirror进行了再次封装 支持代码高亮 62种主题颜色，例如monokai等等 支持js...

• 2022-01-09

87浏览

0评论

常见的JavaScript内存错误及解决方法

目录1.计时器的监听2.事件监听3.Observers4. Window Object5. 持有DOM引用前言：JavaScript 不提供任何内存管理操作。相反，内存由 JavaScript VM 通过内存回收过程管理，该过程...

• 2022-01-09

77浏览

0评论

vue拖拽添加的简单实现

本文主要介绍了vue拖拽添加的简单实现，具体如下：效果图并没有判断是否重复,没有删除旧数据数据体
<MyShuttle :dataOrigin='[ { Name:"数据001",...

• 2022-01-09

93浏览

0评论

Javascript运行机制之Event Loop

目录一、四个概念1、Javascript是单线程
2、任务队列
3、同步任务、异步任务
4、Javascript执行栈
二、Event Loop三、实战一、四个概念
1、Javascript是单线程
单线程意味...

• 2022-01-09

73浏览

0评论

vue清空数组的几个方式(小结)

目录1. 前言2. 清空数据的几种方式2.1 使用ref()
2.2 使用slice
2.3 length赋值为0
2.4 使用splice
3. 总结1. 前言
前两天在工作当中遇到一个问题,在vue3中使用reactive生...

• 2022-01-09

89浏览

0评论

React 的调和算法Diffing 算法策略详解

目录算法策略单节点diffing数组节点diffingkey值的使用要求算法策略React的调和算法，主要发生在render阶段，调和算法并不是一个特定的算法函数，而是指在调和过程中，为提高构建wo...

• 2022-01-09

92浏览

0评论

前端常用的js函数方法

目录1.邮箱2.手机号码3.电话号码4.是否url地址5.是否字符串6.是否数字7.是否boolean8.是否函数9.是否为null10.是否undefined11.是否对象12.是否数组13.是否时间14.是否正则...

• 2022-01-09

81浏览

0评论

TypeScript命名空间合并讲解

目录同名的命名空间之间的合并命名空间和其他类型的合并合并同名的命名空间和类
合并同名的命名空间和函数
同名的命名空间和枚举
前言：
回顾上一节的内容，在上一节中我们介绍...

• 2022-01-09

89浏览

0评论

编写 Vue v-for 循环的 7 种方式

目录1. 始终在v-for循环中使用key2. 在一定范围内使用v-for循环3. 避免在循环中使用v-if4. 使用computed属性或方法5. 或者在循环外包一层元素6. 访问循环中的索引7. 迭代对...

• 2022-01-09

94浏览

0评论

JS截取字符串的三种方法详解

JS提供三个截取字符串的方法,分别是:slice(),substring()和substr(),它们都可以接受一个或两个参数:var stmp = "rcinn.cn";使用一个参数alert(stmp.slice(3));//从第4个字...

• 2022-01-09

83浏览

0评论

vue 中使用 bimface详情

目录1. 安装 vue 脚手架2. 创建项目3. 引入 bimface 文件3.1 运行项目
3.2 引入 bimface 文件
4. 实现页面渲染4.1 修改 html
4.2 修改 CSS
4.3 修改 JS
整个过程分为如下几...

• 2022-01-09

117浏览

0评论

node.js解决客户端请求数据里面中文乱码的事件方法

node.js解决客户端请求数据里面中文乱码的事件例如代码：var http = require('http');var server = http.createServer();server.on('request',function(req,res){ // res....

• 2022-01-09

104浏览

0评论

JavaScript 删除或抽取字符串指定字符的方法(极为常用)

目录1.substring()2.substr()3.indexOf()4.lastIndexOf()5.replace()1.substring()
方法用于提取(字符串)两个指定下标之间的字符。let a = "1,2,3";document.write(a.subs...

• 2022-01-09

93浏览

0评论

JavaScript中find()和 filter()方法的区别小结

目录前言JavaScript find() 方法JavaScript filter() 方法find() 和 filter() 的区别与共点直接上代码总结前言JavaScript 在 ES6 上有很多数组方法，每种方法都有独特的用途...

• 2022-01-09

111浏览

0评论

JavaScript常用语句循环,判断,字符串换数字

目录1.switch2.While 循环3.Do/While 循环3.字符串转换数字1.switch
选择多个需被执行的代码块之一switch(e) { case 1: //e为1执行这里 break; case...

• 2022-01-09

95浏览

0评论

JS中的async与await怎么使用

目录一、async二、await:三、综合应用一、async
async创建一个异步函数来定义一个代码块，在其中运行异步代码;怎样变成异步函数呢？以 async 这个关键字开始，它可以被放置在一个...

• 2022-01-09

76浏览

0评论

vue中transition组件在项目中运用小结

​vue中的transtion是一个动画过渡封装组件，常见的情景时用transition标签包裹的DOM含有动画效果。transition组件的动画效果过渡设置基于css的transition属性设置。下面给大...

• 2022-01-09

81浏览

0评论

20个JS简写技巧提升工作效率

目录当同时声明多个变量时，可简写成一行利用解构，可为多个变量同时赋值巧用三元运算符简化if else使用||运算符给变量指定默认值使用&&运算符简化if语句使用解构交换两个变量...

• 2022-01-09

96浏览

0评论

使用 render 函数封装高扩展的组件

需求：
后台管理中常常有如下布局的数据展示需求：像表格又不是表格，像表单又不是表单，实际上样子像表格，呈现的数据是一个对象，和 form 的绑定的值一样，我将其称为表单式表格。样式...

• 2022-01-09

110浏览

0评论

JS实现课程表小程序(仿超级课程表)加入自定义背景功能

总览：借鉴了市面上存在的几个课程表软件，因为功能太繁杂，于是自己尝试做了个课程表小程序并开源，目前已经支持添加删除课程表功能，还加入了日课表
总体来说感觉是一个相当简洁的...

• 2022-01-09

89浏览

0评论

JavaScript解构赋值详解

目录概念数组解构声明分别赋值解构默认值交换变量值解构函数返回的数组忽略返回值（或跳过某一项）赋值数组剩余值给一个变量嵌套数组解构字符串解构对象解构基础对象解构赋值给...

• 2022-01-09

89浏览

0评论

微信小程序自定义菜单导航实现楼梯效果

设计初衷在开发页面时，往往需要实现，点击页面的导航菜单页面滚动到相应位置，滚动页面实现菜单选项的高亮。在html开发中，我们可以用到a标签锚点实现，jq的动画相结合实现类似效果...

• 2022-01-09

100浏览

0评论

Pygame代码 制作一个贪吃蛇小游戏

目录用到的 Pygame 函数创建屏幕创建 snake使 snake 动起来处理 Game Over增加食物snake 的成长展示得分用到的 Pygame 函数
贪吃蛇小游戏用到的函数...

• 2022-01-09

102浏览

0评论

JavaScript字符串转换数字的方法

目录1.parseInt(string, radix)2.Number()3.parseFloat()方法主要有：1.parseInt() ；2.Number() ；3.parseFloat() ;下面来挨个介绍：1.parseInt(string, radix)
解析一个字符...

• 2022-01-09

77浏览

0评论

JavaScript定时器类型总结

目录1.setInterval() 2.setTimeout() 1.setInterval()
按照指定的周期（以毫秒计）来调用函数。方法会不停地调用函数，直到调用clearInterval() 或窗口被关闭。语法：setInterval(...

• 2022-01-09

84浏览

0评论

Vue.js 应用性能优化分析+解决方案

目录一、介绍二、为什么我们需要 Vue JS 性能优化？三、Vue 性能不佳背后的主要原因1. 生成报告2. 运行命令和npm 运行生成四、如何优化 Vue js 应用程序的性能？1. 在 Vue js...

• 2022-01-09

72浏览

0评论

uniapp vue与nvue轮播图之轮播图组件的示例代码

vue部分如下：<template> <view class=""> <!-- 轮播图组件 --> <swiper :indicator-dots="true" :autoplay="true" :interval="3000" :duration="1000" circular=""> <bl...

• 2022-01-09

95浏览

0评论

JSONObject用法详解

JSONObject只是一种数据结构，可以理解为JSON格式的数据结构（key-value结构），可以使用put方法给json对象添加元素。JSONObject可以很方便的转换成字符串，也可以很方便的把其他对象...

• 2022-01-09

79浏览

0评论

Vue+Echart柱状图实现疫情数据统计

目录1.首先在项目中安装echarts2.在echarts引入柱形图模板3.通过API引入数据4.整合代码四步走四步走，要是直接跳到最后的话，记得有些依赖和环境配置一下哦。1.首先在项目中安...

• 2022-01-09

95浏览

0评论

JavaScript数组方法实例详解

目录简介创建数组创建方法详解方法大全join()push()和 pop()shift() 和 unshift()sort()reverse()concat()slice()splice()indexOf()和 lastIndexOf()forEach()map()filter(...

• 2022-01-09

96浏览

0评论

JavaScript 自定义对象方法汇总

目录一 使用object创建对象二 使用构造函数创建对象三 字面量创建对象四 this 关键字this 表示当前对象五 基本数据类型和引用数据类型基本数据类型
引用数据类型
六 闭包如...

• 2022-01-09