188浏览

0评论

基于node+vue实现简单的WebSocket聊天功能

首先，我需要用到node的nodejs-websocket模块使用yarn进行安装yarn add nodejs-websocket --save当然，你也可以用npm进行安装npm i nodejs-websocket --save安装完毕之后，我们开...

• 2020-05-27

302浏览

0评论

JQuery事件委托(适用于给动态生成的脚本元素添加事件)

最近一段时间打了一个大仗，现在总算消停点，才有时间来做个总结吧算是：移动端遇到一个项目，是一个列表的侧滑栏，在我这里用jq写的交互事件。自测各方面都挺好的，美滋滋的给了研发。...

• 2020-05-27

250浏览

0评论

vue实现路由不变的情况下，刷新页面操作示例

本文实例讲述了vue实现路由不变的情况下，刷新页面操作。分享给大家供大家参考，具体如下：背景1：在vue写的后台管理项目中，经常会有增、删、改、查的操作，这些操作只是跟用接口跟后...

• 2020-05-27

248浏览

0评论

vue简单封装axios插件和接口的统一管理操作示例

本文实例讲述了vue简单封装axios插件和接口的统一管理操作。分享给大家供大家参考，具体如下：现在很多公司的项目都是前后端分离的项目，那么说到前后端分离，必定会有ajax请求来获...

• 2020-05-27

402浏览

0评论

vue路由缓存的几种实现方式小结

本文实例讲述了vue路由缓存的几种实现方式。分享给大家供大家参考，具体如下：在我们的日常开发中，有时候会遇到页面的缓存，特别是电商的项目，在商品列表的一些状态都是要缓存下来...

• 2020-05-27

168浏览

0评论

node 版本切换的实现

nvm是node.js的版本管理器，可以安装和切换不同版本node.js第一步：下载
下载地址：https://github.com/coreybutler/nvm-windows/releases第二步：安装
按照提示完成安装即可，安装完...

• 2020-05-27

151浏览

0评论

vue实现的封装全局filter并统一管理操作示例

本文实例讲述了vue实现的封装全局filter并统一管理操作。分享给大家供大家参考，具体如下：在前后端分离的项目中，经常会有后台返回的数据需要进过处理才能显示到页面上的场景。...

• 2020-05-27

174浏览

0评论

vuex+axios+element-ui实现页面请求loading操作示例

本文实例讲述了vuex+axios+element-ui实现页面请求loading操作。分享给大家供大家参考，具体如下：前言我们在平常写项目的时候，发请求的时候肯定会习惯用一个 loading 遮罩层来...

• 2020-05-27

182浏览

0评论

浅谈vuex为什么不建议在action中修改state

背景
在最近的一次需求开发过程中，有再次使用到Vuex，在状态更新这一方面，我始终遵循着官方的“叮嘱”，谨记“一定不要在action中修改state，而是要在mutation中修改”；于是我不禁产...

• 2020-05-27

127浏览

0评论

24个解决实际问题的ES6代码片段(小结)

这是从30 seconds of code中挑出来的非常有用的一些代码片段，这是一个非常棒的项目，大家可以去github上去搜索一下，给个star。
在本文中，我试图根据它们的实际用途对它们进行分...

• 2020-05-27

464浏览

0评论

压缩Vue.js打包后的体积方法总结(Vue.js打包后体积过大问题)

问题由于这次项目是在初学 Vue 之后的第一个正式项目，没有考虑到类似 路由懒加载、 按需加载的问题 ，所以呢，也算是没经验。到了这些天，项目写得差不多了，准备放到服务器测试，才发...

• 2020-05-27

166浏览

0评论

Vue的Eslint配置文件eslintrc.js说明与规则介绍

默认eslint规则：代码末尾不能加分号 ;代码中不能存在多行空行；tab键不能使用，必须换成两个空格；代码中不能存在声明了但未使用的变量；最简单的方法，关闭eslint检测，其实很简单，把 bu...

• 2020-05-27

275浏览

0评论

JavaScript中的类型检查

JS 的动态类型有好有坏。好的一面，不必指明变量的类型。不好的是，咱们永远无法确定变量的类型。typeof运算符可以确定 JS 中的6种类型：typeof 10; // => 'number'typeof 'He...

• 2020-05-27

292浏览

0评论

Vue强制组件重新渲染的方法讨论

有时候，依赖 Vue 响应方式来更新数据是不够的，相反，我们需要手动重新渲染组件来更新数据。或者，我们可能只想抛开当前的DOM，重新开始。那么，如何让Vue以正确的方式重新呈现组件呢？...

• 2020-05-27

133浏览

0评论

javscript 数组扁平化的实现

join toString
该两种方法会将数组元素的类型转换为字符串var arr = [1, [2, [3, [4, 5]]], 6];console.log(arr.join()); //1,2,3,4,5,6console.log(arr.toString()); //1,...

• 2020-05-27

294浏览

0评论

使用js实现单链解决前端队列问题的方法

使用场景
比如前端需要处理什么队列一类的业务 比如有人下单，需要弹出什么弹窗首先先声明一个类
接收一个 数组对象：items
class ChainQueue { constructor(items) { this...

• 2020-05-27

204浏览

0评论

微信小程序8种数据通信的方式小结

前言
数据通信在开发中是必不可少的一个环节，也是我们必须掌握的知识。知道得越多的数据通信方式，实现业务会更加得心应手。
下面我将这些通信方式归类介绍： 组件通信 全局通...

• 2020-05-27

154浏览

0评论

Vuex模块化应用实践示例

Vuex作为Vue全家桶的成员之一，重要性肯定不用多说，正在做Vue项目的同学，随着项目需求、功能逐渐增加，用到Vuex也是早晚的事儿，作为一个前端，只能面对现实：学不动也得学！
这篇文章主...

• 2020-05-27

239浏览

0评论

vue组件创建的三种方式小结

1.使用Vue.extend创建全局的Vue组件//1.1 使用vue.extend创建组件var com1 = Vue.extend({ //通过template属性指定组件要展示的html结构 template : "<h3>使用vue.exten...

• 2020-05-27

114浏览

0评论

解决小程序无法触发SESSION问题

一、首先找到第一次发起网络请求的地址，将服务器返回set-cookie当全局变量存储起来wx.request({ ...... success: function(res) { console.log(res.header); //set-cookie:P...

• 2020-05-27

938浏览

0评论

微信小程序实现同时上传多张图片

本文实例为大家分享了微信小程序实现同时上传多张图片的具体代码，供大家参考，具体内容如下1.图片选择后，路径已经存入list中：data: { images: [], //选择的图片 },2.调用递归...

• 2020-05-27

161浏览

0评论

微信小程序实现上传多个文件 超过10个

本文实例为大家分享了微信小程序实现上传多个文件超过10个的具体代码，供大家参考，具体内容如下【小程序笔记】wx.uploadFile(OBJECT)先说说遇到的问题：小程序可通过wx.uploadFi...

• 2020-05-27

269浏览

0评论

JS常用正则表达式超全集(密码强度校验,金额校验,IE版本,IPv4,IPv6校验)

有时候正则表达式可以大大提高我们的开发效率呢比如这段校验基本日期格式的javascript代码：let d1 = "2017/12/10";let r1 = /^(\d{1,4})(-|\/)(\d{1,2})\2(\d{1,2})$/;let r...

• 2020-05-27

130浏览

0评论

jQuery实现小火箭返回顶部特效

jquery实现小火箭返回顶部案例，供大家参考，具体内容如下1. 滚动页面，当页面距离顶部超出1000px，显示小火箭。封装在scroll函数里，当前页面距离顶部为$(window).scrollTop >=1000...

• 2020-05-27

162浏览

0评论

使用preload预加载页面资源时注意事项

preload 提供了一种声明式的命令，让浏览器提前加载指定资源(加载后并不执行)，在需要执行的时候再执行。提供的好处主要是将加载和执行分离开，可不阻塞渲染和 document 的 onloa...

• 2020-05-27

152浏览

0评论

使用PreloadJS加载图片资源的基础方法详解

一. 使用createjs里的LoadQueue函数实现异步加载图片,监听加载进度1.实例对象LoadQueue加载队列对象var queue = new createjs.LoadQueue(false);2.需要监听常用到的三个方...

• 2020-05-27

406浏览

0评论

Preload基础使用方法详解

PreloadJS是一个用来管理和协调相关资源加载的类库，它可以方便的帮助你预先加载相关资源，例如图片，文件，音频，数据，其他它使用了XHR2来提供实时的加载进度信息，如果不支持则使用标...

• 2020-05-27

145浏览

0评论

详解JavaScript中精度失准问题及解决方法

首先来看一下JavaScript中的数字类型的存储情况
①JS中所有的数字（小数、整型）都是浮点型
②JS中小数、整型都是Number类型
③JS中Number类型使用binary64或双精度表示的，实质...

• 2020-05-27

184浏览

0评论

JS中this的4种绑定规则详解

JS中this是什么理解this之前， 先纠正一个观点，this 既不指向函数自身，也不指函数的词法作用域。如果仅通过this的英文解释，太容易产生误导了。它实际是在函数被调用时才发生的绑...

• 2020-05-27

266浏览

0评论

Vue中this.$nextTick的作用及用法

Vue实现响应式后DOM的变化
data对象中数据改变是如何追踪的&#63;
vue将遍历data对象中所有的属性，并通过 Object.defineProperty 把这些属性全部转为 getter/setter；但是我们...

• 2020-05-27

143浏览

0评论

JavaScript单线程和任务队列原理解析

这篇文章主要介绍了JavaScript单线程和任务队列原理解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下一、JavaScript...

• 2020-05-27

110浏览

0评论

JavaScript原型继承和原型链原理详解

这篇文章主要介绍了JavaScript原型继承和原型链原理详解,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下在讨论原型继承...

• 2020-05-27

212浏览

0评论

解决微信小程序scroll-view组件无横向滚动的问题

微信开放文档中scroll-view组件的部分代码如下
<scroll-view class="scroll-view_H" scroll-x="true" bindscroll="scroll" style="width: 100%"> <view id="demo1" cl...

• 2020-05-27

130浏览

0评论

JavaScript this使用方法图解

这篇文章主要介绍了JavaScript this使用方法图解,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下本文我们介绍下js中thi...

• 2020-05-27

142浏览

0评论

JavaScript对象属性操作实例解析

这篇文章主要介绍了JavaScript对象属性操作实例解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下在js对象中，我们可以...

• 2020-05-27

111浏览

0评论

WEB前端性能优化的7大手段详解

减少请求数量合并如果不进行文件合并，有如下3个隐患1、文件与文件之间有插入的上行请求，增加了N-1个网络延迟2、受丢包问题影响更严重3、经过代理服务器时可能会被断开但是，文...

• 2020-05-27

153浏览

0评论

Vue中keep-alive组件作用详解

keep-alive组件的作用，供大家参考
作用：用于保留组件状态或避免重新渲染（缓存的作用）比如：当一个目录页面与一个详情页面，用户经常：打开目录页面=>进入详情页面=>返回目录页面=>打...

• 2020-05-27

166浏览

0评论

Vue实现剪切板图片压缩功能

监听剪切板粘贴事件，读取剪切板中的图片文件，转成base64通过img标签显示出来，此时可能会存在剪切板中图片过大，产生上传速度慢问题，接下来就跟大家分享下如何将base64图片进行压...

• 2020-05-27

148浏览

0评论

Vue解析剪切板图片并实现发送功能

前言
我们在使用QQ进行聊天时，从别的地方Ctrl+C一张图片，然后在聊天窗口Ctrl+V，QQ就会将你刚才复制的图片粘贴到即将发送的消息容器里，按下Enter键，这张图片将会发送出去。接下来...

• 2020-05-27

154浏览

0评论

使用typescript改造koa开发框架的实现

强类型的 TypeScript 开发体验和维护项目上相比 JavaScript 有着明显的优势，那么对常用的脚手架进行改造也就势在必行了。接下来开始对基于 koa 框架的 node 后端脚手架进行...

• 2020-05-27

112浏览

0评论

JS代码检查工具ESLint介绍与使用方法

ESLint不但提供一些默认的规则，也提供用户自定义规则来约束所写的JavaScript代码。发展历史Douglas Crockford大神根据自己的理念用JavaScript写了一个JavaScript代码规范检...

• 2020-05-27

143浏览

0评论

9种方法优化jQuery代码详解

用对选择器在jQuery中，可以用多种选择器，选择同一个网页元素。每种选择器的性能是不一样的，应该了解它们的性能差异1、最快的选择器：id选择器和元素标签选择器举例来说，下面的语...

• 2020-05-27

94浏览

0评论

JS代码优化的8点建议

一、松耦合当修改一个组件而不需要更改其他组件时，就做到了松耦合1、将JS从CSS中抽离：不要使用CSS表达式//不好的做法.box{width: expression(document.body.offsetWidth + 'p...

• 2020-05-27

141浏览

0评论

jQuery单页面文字搜索插件jquery.fullsearch.js的使用方法

jquery.fullsearch.js一款基于Bootstrap的单页面文字搜索jQuery插件。通过搜索关键字，插件会在下拉列表中高亮列出关键字和所在的各个段落，用户点击相应的搜索下拉列表项即可...

• 2020-05-27

258浏览

0评论

Js视频播放器插件Video.js使用方法详解

Video.js快速入门我们可以下载 Video.js 的源码放到自己的服务器上，或者使用免费的 CDN 托管版本。在页面中引用video-js.cs样式文件和video.js<link href="video-js.css" re...

• 2020-05-27

358浏览

0评论

基于Vue的侧边目录组件的实现

最近要做一个侧边目录的功能，没有找到类似的组件，索性自己写了一个供大家参考vue-side-catalog一个基于vue的侧边目录组件。
源码地址：https://github.com/yaowei9363/vue-side...

• 2020-05-27

138浏览

0评论

JavaScript对象原型链原理详解

这篇文章主要介绍了JavaScript对象原型链原理详解,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下一个js对象，除了自己设...

• 2020-05-27

162浏览

0评论

如何实现iframe父子传参通信

在最近的项目里面,用到了不少关于iframe父子传参通信的相关操作,记录一下,虽然很简单,但是确实十分有用的;
iframe通信可以分为2种,跨域和非跨域两种.分别说明;
有一点很重...

• 2020-05-27

132浏览

0评论

Vuex的API文档说明详解

概述import Vuex from 'vuex'const store = new Vuex.Store({ ...options })构造器选项state类型: ObjectVuex store 实例的根 state 对象mutations类型: { [type: string]:...

• 2020-05-27

194浏览

0评论

vue路由传参的基本实现方式小结【三种方式】

本文实例讲述了vue路由传参的基本实现方式。分享给大家供大家参考，具体如下：前言vue 路由传参的使用场景一般都是应用在父路由跳转到子路由时，携带参数跳转。传参方式可划分为...

• 2020-05-27