37浏览

0评论

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

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

• 2022-01-09

54浏览

0评论

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

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

• 2022-01-09

55浏览

0评论

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

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

• 2022-01-09

39浏览

0评论

vue拖拽添加的简单实现

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

• 2022-01-09

47浏览

0评论

Javascript运行机制之Event Loop

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

• 2022-01-09

34浏览

0评论

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

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

• 2022-01-09

45浏览

0评论

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

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

• 2022-01-09

47浏览

0评论

前端常用的js函数方法

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

• 2022-01-09

42浏览

0评论

TypeScript命名空间合并讲解

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

• 2022-01-09

52浏览

0评论

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

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

• 2022-01-09

52浏览

0评论

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

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

• 2022-01-09

46浏览

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

63浏览

0评论

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

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

• 2022-01-09

48浏览

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

56浏览

0评论

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

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

• 2022-01-09

59浏览

0评论

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

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

• 2022-01-09

52浏览

0评论

JS中的async与await怎么使用

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

• 2022-01-09

39浏览

0评论

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

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

• 2022-01-09

40浏览

0评论

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

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

• 2022-01-09

60浏览

0评论

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

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

• 2022-01-09

54浏览

0评论

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

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

• 2022-01-09

50浏览

0评论

JavaScript解构赋值详解

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

• 2022-01-09

49浏览

0评论

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

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

• 2022-01-09

73浏览

0评论

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

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

• 2022-01-09

60浏览

0评论

JavaScript字符串转换数字的方法

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

• 2022-01-09

39浏览

0评论

JavaScript定时器类型总结

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

• 2022-01-09

48浏览

0评论

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

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

• 2022-01-09

44浏览

0评论

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

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

• 2022-01-09

52浏览

0评论

JSONObject用法详解

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

• 2022-01-09

37浏览

0评论

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

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

• 2022-01-09

54浏览

0评论

JavaScript数组方法实例详解

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

• 2022-01-09

56浏览

0评论

JavaScript 自定义对象方法汇总

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

• 2022-01-09

60浏览

0评论

vue中keep-alive多级路由缓存问题

目录1.问题描述2.原因分析3.解决思路4.处理过程1.问题描述
对账中心当便捷导航菜单最后两个是同一模块且是三级及以上菜单时，正常切换两个便捷页签时是可以正常缓存的，但删除...

• 2022-01-09

56浏览

0评论

JavaScript错误处理try..catch...finally+涵盖throw+TypeError+RangeError

目录1.用途2.语法3.实操1.用途
通常，如果发生错误，脚本就会立即停止，并在控制台将错误打印出来。有了这个语句就可以捕获错误并执行合理操作，可以让程序继续执行下去2.语法
try...

• 2022-01-09

61浏览

0评论

快速理解Vue路由导航守卫

目录一、全局守卫1.全局前置守卫
2.全局解析守卫
3.全局后置钩子
三、路由独享的守卫四、组件内的守卫五、一个完整的导航解析流程概念：“导航”表示路由正在发生变化vue-rou...

• 2022-01-09

61浏览

0评论

vue项目完成后如何实现项目优化的示例

目录一、为开发模式与发布模式指定不同的打包入口二、通过externals加载外部CDN资源三、通过CDN优化ElementUI的打包四、首页内容定制五、使用路由懒加载一、为开发模式与发...

• 2022-01-09

58浏览

0评论

TS中最常见的声明合并(接口合并)

目录1.合并接口1.1非函数成员
1.2函数成员
前言：今天要讲的内容还是TS相关，在TS中最常见的声明合并：接口合并在聊接口合并之前，我们先来聊聊声明合并声明合并:
什么是声明合并？...

• 2022-01-09

48浏览

0评论

Vue响应式系统的原理详解

目录vue响应式系统的基本原理1.回顾一下Object.defineProperty的用法2.实战1：使用 Object.defineProperty 对 person的age属性 进行监听3.数据代理4.vue中实现响应式思路总结...

• 2022-01-09

54浏览

0评论

详解Vue的键盘事件

目录常用按键别名未提供别名的键系统修饰键自定义按键别名总结在js中我们要获取一个按键的编码通常需要通过(keydown/keyup)去绑定一个事件，再通过默认参数event中的keyCode...

• 2022-01-09

57浏览

0评论

如何利用React实现图片识别App

先把效果图给大家放上来个人觉得效果还行。识别不太准确是因为这个 app学习图片的时间太短（电脑太卡）。（笔者是 window10） 安装运行环境：npm install --global windows-build-too...

• 2022-01-09

54浏览

0评论

如何利用Typescript封装本地存储

目录前言本地存储使用场景使用中存在的问题解决方案功能实现加入过期时间加入数据加密加入命名规范完整代码总结前言本地存储是前端开发过程中经常会用到的技术，但是官方api...

• 2022-01-09

41浏览

0评论

微信小程序中wxs文件的一些妙用分享

目录前言应用过滤器拖拽文件之中相互传参wxs传参到js逻辑层js逻辑层传参到wxs文件wxs中获取dataset(wxs中获取wxml数据）注意点总结前言wxs文件是小程序中的逻辑文件，它和wxml...

• 2022-01-09

41浏览

0评论

使用vue-video-player实现直播的方式

目录一、安装vue-video-player二、使用 vue-video-player课前准备：直播流协议https://www.cnblogs.com/yangchin9/p/14930874.html摘要：在H5页面实现观看直播+视频回放；在开发...

• 2022-01-09

61浏览

0评论

详解Vue中$props、$attrs和$listeners的使用方法

目录背景一、文档描述二、具体使用三、总结背景现在我们来讨论一种情况，父组件与孙子组件怎么通信，我们有多少种解决方案？我们使用VueX来进行数据管理，但是如果项目中多个组件共...

• 2022-01-09

50浏览

0评论

javascript的var与let,const之间的区别详解

目录作为全局变量时变量提升暂时性死区块级作用域重复声明修改声明的变量（常量与变量声明）总结说到JavaScript中声明变量的几种方法也就是var、let、const了，let和const是es6中...

• 2022-01-09

59浏览

0评论

uni-app 微信小程序授权登录的实现步骤

目录一、appID相关申请和配置1. appid获取方式2. appID配置二、获取用户基础数据2.1. 获取用户信息2.2. 获取用户信息2三、调用登录api3.1. 登录api3.2. 案例代码四、获取唯...

• 2022-01-09

54浏览

0评论

Angular Cookie 读写操作代码

Angular Cookie 读写操作，代码如下所示：var app = angular.module('Mywind',['ui.router'])app.controller('Myautumn',function($scope,$http,$filter){//angular Cookie写//...

• 2022-01-09

46浏览

0评论

node脚本实现自动化签到和抽奖功能

目录一、前言二、准备三、脚本工程搭建四、代码编写&运行五、总结以及想说的话六、相关源码和借鉴的博客一、前言&emsp;&emsp;掘金自从推出签到活动后，就不断的完善这个功能，...

• 2022-01-09

144浏览

0评论

vue3获取当前路由地址

正解使用useRouter:// router的 path: "/user/:uid"<template> <div>user</div> <p>uid: {{ uid }}</p></template> <script lang="ts">import { defineComponent } from...

• 2022-01-09

43浏览

0评论

微信小程序中使用vant框架的具体步骤

目录1.打开我们小程序的项目目录，然后打开文件所在的位置。2.初始化项目文件3.输入初始化项目的命令 4.安装依赖 5.使用组件1.说到vant框架相信大家应该并不陌生了吧，做过移动...

• 2022-01-09