372浏览

0评论

vue+swiper实现左右滑动的测试题功能

最近在做一个测试题，前后可以切换题目，点击按钮选择答案，选择答案的同时改变按钮的背景色，如下图所示：





初始代码


我用了vue和swiper。所有的题目是一个对象数组，通过v...

• 2020-10-30

125浏览

0评论

Vue使用CDN引用项目组件，减少项目体积的步骤

　　Vue项目打包后有的文件动辄几百KB或几M，这对一个前端项目的加载无疑是致命的。当你的服务器部署在阿里云或亚马逊，每秒只有100kb的加载速度时，页面的载入速度绝对让你崩...

• 2020-10-30

404浏览

0评论

vue2.0 watch里面的 deep和immediate用法说明

deep，默认值是 false，代表是否深度监听。


immediate:true代表如果在 wacth 里声明了之后，就会立即先去执行里面的handler方法，如果为 false就跟我们以前的效果一样，不会在绑...

• 2020-10-30

402浏览

0评论

解决vue侦听器watch,调用this时出现undefined的问题

watch侦听器中，我们要将新的值赋给this.a出错

watch: { value: (newV, oldV) => { this.a = newV; }}

这里报错undefined，这里错误的原因是不能写成箭头函数。写成箭头函...

• 2020-10-30

352浏览

0评论

vue项目页面嵌入代码块vue-prism-editor的实现

需求：





1. 可输入代码，并且代码语法高亮

2. 支持编辑和不可编辑模式

3. 提交到后端到代码内容为字符串格式


实现


在gitbug上找到vue-prism-editor，可以满足以...

• 2020-10-30

293浏览

0评论

利用vue3+ts实现管理后台（增删改查）

简单的管理后台基本上就是数据的增删改查。主要就是 列表 + form 表单。每个页面的逻辑基本上都相同。不同的地方就是每个页面需要调用的具体 API 及参数。


以前 vue2...

• 2020-10-30

156浏览

0评论

实现带有进度条的Vue延迟加载

简介通常用 Vue.js 编写单页应用（SPA）时，当加载页面时，所有必需的资源（如 JavaScript 和 CSS 文件）都会被一起加载。在处理大文件时，这可能会导致用户体验不佳。借助 Webpack，可以用...

• 2020-10-28

218浏览

0评论

使用React、Vue和Single SPA创建微型前端

本篇文章给大家介绍一下使用React、Vue和Single SPA创建微型前端的方法。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。 Single SPASingle SPA 是一个用于...

• 2020-10-28

184浏览

0评论

你必须要掌握的前端状态管理器

状态管理器随着React和Vue等异步框架的广泛运用，前端状态管理器逐渐成为前端开发比不可少话题。形如React有倍受欢迎的Redux，再如Vue标配的状态管理器Vuex，都是业内相对成熟的...

• 2020-10-28

140浏览

0评论

一文搞定“缓存”

前言缓存是指：为了降低服务器端的访问频率，减少通信数量，前端将获取的数据信息保存下来，当再次需要时，就使用所保存的数据。缓存对用户体验和通信成本都会造成很大的影响，所以要尽...

• 2020-10-28

183浏览

0评论

详解使用Node.js怎么处理CORS

介绍在本文中，我们将研究怎样用 Express 配置 CORS 以及根据需要定制 CORS 中间件。什么是CORSCORS 是“跨域资源共享”的简写。它是一种允许或限制向 Web 服务器...

• 2020-10-28

177浏览

0评论

深入浅析JavaScript中的快速排序

介绍排序是指以特定顺序（数字或字母）排列线性表的元素。排序通常与搜索一起配合使用。有许多排序算法，而迄今为止最快的算法之一是快速排序（Quicksort）。快速排序用分治策略对给...

• 2020-10-28

174浏览

0评论

JS实现简单贪吃蛇小游戏

本文实例为大家分享了JS实现简单贪吃蛇游戏的具体代码，供大家参考，具体内容如下


1、使用语言 HTML+CSS+JavaScript

2、使用工具 visual studio code

3、GitHub项目地址...

• 2020-10-28

189浏览

0评论

JS实现多功能计算器

本文实例为大家分享了JS实现多功能计算器的具体代码，供大家参考，具体内容如下


1、开发语言 HTML+CSS+JavaScript


2、开发工具 Visual Studio Code


3、项目GitHub地...

• 2020-10-28

277浏览

0评论

ant design vue导航菜单与路由配置操作

此功能包含：


1.根据动态路由自动展开与自动选择对应路由所在页面菜单


2.只展开一个子菜单


3.兄弟组件控制菜单与路由

<a-menu:openKeys="openKeys":selectedKeys...

• 2020-10-28

603浏览

0评论

design vue 表格开启列排序的操作

开启排序


1、本地数据排序


column数据设置，需要开启的列设置sorter: (a, b) => a.address.length - b.address.length, 自定义排序方法


2、服务端排序sorter设置t...

• 2020-10-28

241浏览

0评论

基于react项目打包css引用路径错误解决方案

没有去修改create-react-app默认的配置文件


执行npm start 一切正常, 但是 npm run build 之后生成的打包文件只能在根目录访问


这样放在服务器目录就访问不到了...

• 2020-10-28

224浏览

0评论

一个参数解决Swiper无法打开超链接（个别浏览器兼容）问题

Swiper这个js插件重点是面对移动端使用的，所以插件的默认设置都是针对手机端的。但是移动端没有鼠标而只能靠手点击和滑动，所以在电脑端使用的时候就会出现有些默认配置项是针...

• 2020-10-27

192浏览

0评论

js中常用追加元素的几种方法，熟练使用这几种方法，方便动态更改DOM结构

直接保存为HTML并运行，查看各种方法!<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>js中常用追加元素的几种方法</title>
...

• 2020-10-27

707浏览

0评论

解决ant Design中this.props.form.validateFields未执行的问题

在使用ant Designd的 form 组件时发现点击提交方法中 this.props.form.validateFields((err, values) => {}) 部分未执行，也没有报错。


原因：


我使用了自定义校验 val...

• 2020-10-27

278浏览

0评论

解决antd Form 表单校验方法无响应的问题

antd 的 表单校验方法包括 validateFields 和 validateFieldsAndScroll


里面可以接收校验字段数组, options, 和一个回调函数



from.validateFields([name, age],...

• 2020-10-27

228浏览

0评论

微信小程序picker组件两列关联使用方式

在使用微信小程序picker组件时候，可以设置属性 mode = multiSelector 意为多列选择，关联选择，当第一列发生改变时侯，第二列甚至第三列发生相应的改变。但是官方文档上给的只有...

• 2020-10-27

127浏览

0评论

ES6中的Javascript解构

ES6中的解构特性能让我们从对象（Object）或者是数组（Array）中取值的时候更方便，同时写出来的代码在可读性方面也更强。之前接触过python语言的小伙伴应该对这个不会陌生，这个特性早...

• 2020-10-27

138浏览

0评论

3个值得收藏的实用nodejs软件包

Node.js已成为IT不可或缺的一部分。有了自己的软件包管理器NPM，Node可以发现许多非常有用的库和框架。在本文中，我将向您展示一些使用Node.js构建复杂动态应用程序的可能性。1...

• 2020-10-27

122浏览

0评论

浅谈Vue.js中双向绑定的原理及实现方法

Vue最独特的特性之一，是其非侵入性的响应式系统。数据模型仅仅是普通的JavaScript对象。而当你修改它们时，视图会进行更新。vue通过双向绑定实现，本文就来为大家介绍一下vue双...

• 2020-10-27

214浏览

0评论

详解vue.js中如何处理事件

当您使用Vue构建动态网站时，您很可能希望它能够响应事件。例如，如果用户单击按钮，提交表单，甚至只是移动鼠标，您可能希望您的Vue网站以某种方式做出响应。使用Vue处理事件我们可...

• 2020-10-27

134浏览

0评论

JS中4种数组遍历方法（ for 、forEach() 、for/in、for/of）的区别

我们有多种方法来遍历 JavaScript 的数组或者对象，而它们之间的区别非常让人疑惑。Airbnb 编码风格禁止使用 for/in 与 for/of，你知道为什么吗？这篇文章将详细介绍以下 4 种循...

• 2020-10-27

189浏览

0评论

详解JavaScript中的作用域和作用域链

JavaScript 中有一个被称为作用域(Scope)的特性。虽然对于许多新手开发者来说，作用域的概念并不是很容易理解，本文我会尽我所能用最简单的方式来解释作用域和作用域链，希望大家...

• 2020-10-27

786浏览

0评论

Antd的table组件表格的序号自增操作

1，效果图





2，实现方法

const columns = [ { title: '序号', render:(text,record,index)=>`${index+1}`, }, { title:'操作', dataIndex:'delete', key:'de...

• 2020-10-27

614浏览

0评论

ant-design-vue中的select选择器,对输入值的进行筛选操作

今天在设计一个标签（采用的是Select 选择器中的标签那一个）时，从后台返回了数据，但是在输入值时，没有对回显的值进行过滤匹配，通过查看官方文档，解决了这个问题。


记在这里方...

• 2020-10-24

311浏览

0评论

解决Antd 里面的select 选择框联动触发的问题

有两个 select框，且这俩select框是关联的，触发select1，select2里面才会有值。


但是现在的问题是这样的：





触发select1，触发select2，再触发select1，此时select2里面的值...

• 2020-10-24

160浏览

0评论

Antd的Table组件嵌套Table以及选择框联动操作

一、需求


在使用Table组件嵌套Table时，父子Table的选择框需要联动，即父Table选中，该行下的子Table需要全选中，某一个子Table全部选中，则该子Table所在的父Table那一行也需要...

• 2020-10-24

357浏览

0评论

Ant design vue table 单击行选中 勾选checkbox教程

最近了解Ant design 设计table 单击行选中checkedbox功能，相比于element的 @row-click 再触发toggleRowSelection，ant design的api就没那么清晰了，言归正传


期望：Ant desig...

• 2020-10-24

419浏览

0评论

Ant Design的Table组件去除

在Ant Design的Table组件文档中，排序有三种状态：点击升序、点击降序、取消排序。一般需求只需要升序和降序，不需要取消排序，这时候就需要我们设置sortOrder来去除取消排序。...

• 2020-10-24

339浏览

0评论

vue项目查看vue版本及cli版本的实现方式

查看cli版本，执行如下：



vue -V



查看vue版本



npm list vue



补充知识：vue老项目升级vue-cli3.0问题总结


升级步骤


1、 删除原vue-cli并安装vue-cl...

• 2020-10-24

242浏览

0评论

解决vue scoped html样式无效的问题

1、问题场景


page1,page2都使用flexible移动端自适应的时候，有一个页面page2需要手动设置rem基准值，

//手动设置基准html{ font-size: 120px !important;}

但是在pag...

• 2020-10-24

182浏览

0评论

javascript实现多边形碰撞检测

javascript多边形碰撞检测


原理就是 循环每个顶点判断是不是在多边形内

const app = new PIXI.Application({ antialias: true });document.body.appendChild(app.vie...

• 2020-10-24

182浏览

0评论

JavaScript如何操作css

原本应该是由css进行控制html中的div的宽高和背景颜色，但是在下方使用了JavaScript进行重新调用了div盒子，并且覆盖了css原本的属性内容。


需求目标:由 100 像素的粉色背...

• 2020-10-24

137浏览

0评论

vue中是怎样监听数组变化的

我们知道通过Object.defineProperty()劫持数组为其设置getter和setter后，调用的数组的push、splice、pop等方法改变数组元素时并不会触发数组的setter，这就会造成使用上述方...

• 2020-10-24

651浏览

0评论

解决vue项目axios每次请求session不一致的问题

1、vue开发后台管理项目，登录后，请求数据每次session都不一致，后台返回未登录，处理方法打开main.js设置：

// The Vue build version to load with the `import` command// (ru...

• 2020-10-24

217浏览

0评论

解决vue中使用less/sass及使用中遇到无效的问题

一：使用方法


在vue官方脚手架中，即vue-lci搭建的项目中，可以轻易的使用less/sass。


先使用npm下载依赖，命令行为'npm install less less-loader –save',再在webpack.ba...

• 2020-10-24

213浏览

0评论

vue中使用router全局守卫实现页面拦截的示例

一、背景


　　在vue项目中使用vue-router做页面跳转时，路由的方式有两种，一种是静态路由，另一种是动态路由。而要实现对路由的控制需要使用vuex和router全局守卫进行判断...

• 2020-10-23

572浏览

0评论

vue中使用腾讯云Im的示例

在vue中使用腾讯云Im 通信时，官方给出的文档及sdk提供的都是es5的写法。我们在vue中使用均需要用es6的方式来改写sdk的js文件及按自己所需要的业务调用对应的api就行了


...

• 2020-10-23

169浏览

0评论

JSON stringify方法原理及实例解析

JSON.stringify() 方法用于将 JavaScript 值转换为 JSON 字符串。


语法


JSON.stringify(value[, replacer[, space]])


参数说明：


value:


必需， 要转换的 Jav...

• 2020-10-23

227浏览

0评论

js怎么将字符串转为数组？

JavaScript中将字符串转为数组的方法方法1：使用split()方法split()方法用于将给定字符串拆分为字符串数组，该方法是使用参数中提供的指定分隔符将其分隔为子字符串。语法：str.s...

• 2020-10-23

180浏览

0评论

js json字符串如何转json对象

js中Json字符串如何转成Json对象(4种转换方式)一、总结一句话总结：原生方法（就是浏览器默认支持的方法）浏览器支持的转换方式(Firefox，chrome，opera，safari，ie9，ie8)等浏览器：JSON.pa...

• 2020-10-23

204浏览

0评论

js数组去重方法的总结

数组去重，一般都是在面试的时候才会碰到，一般是要求手写数组去重方法的代码。如果是被提问到，数组去重的方法有哪些？你能答出其中的10种，面试官很有可能对你刮目相看。
在真实的...

• 2020-10-23

185浏览

0评论

深入浅析With的使用

with用于扩展一个语句的作用域链，但一般情况下不建议使用with语句，因为它可能是引起混淆错误和兼容性问题的根源。在Vue源码中有使用with语句的功能点，因此在这里将简介其功能，...

• 2020-10-23

147浏览

0评论

一些你可能不知道却有用的 Node.js 包

yargsyargs 是一个用来处理命令行参数的包，可以帮你处理自行设置的命令行标志和输入的任何类型的数据，其中包括布尔值、浮点数和字符串等。这个包非常简单明了，不需要在项目中...

• 2020-10-23

196浏览

0评论

JavaScript 中判断变量是否为数字

大家都说简历没项目写，我就帮大家找了一个项目。简介JavaScript 是一种动态类型语言，这意味着解释器在运行时确定变量的类型。实际上，这也允许我们在相同的代码中使用相同的变...

• 2020-10-23