144浏览

0评论

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

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

• 2020-05-27

62浏览

0评论

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

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

• 2020-05-27

861浏览

0评论

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

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

• 2020-05-27

100浏览

0评论

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

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

• 2020-05-27

179浏览

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

87浏览

0评论

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

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

• 2020-05-27

103浏览

0评论

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

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

• 2020-05-27

91浏览

0评论

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

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

• 2020-05-27

359浏览

0评论

Preload基础使用方法详解

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

• 2020-05-27

86浏览

0评论

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

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

• 2020-05-27

119浏览

0评论

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

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

• 2020-05-27

214浏览

0评论

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

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

• 2020-05-27

93浏览

0评论

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

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

• 2020-05-27

65浏览

0评论

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

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

• 2020-05-27

160浏览

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

75浏览

0评论

JavaScript this使用方法图解

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

• 2020-05-27

102浏览

0评论

JavaScript对象属性操作实例解析

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

• 2020-05-27

48浏览

0评论

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

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

• 2020-05-27

84浏览

0评论

Vue中keep-alive组件作用详解

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

• 2020-05-27

114浏览

0评论

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

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

• 2020-05-27

81浏览

0评论

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

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

• 2020-05-27

93浏览

0评论

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

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

• 2020-05-27

57浏览

0评论

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

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

• 2020-05-27

89浏览

0评论

9种方法优化jQuery代码详解

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

• 2020-05-27

41浏览

0评论

JS代码优化的8点建议

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

• 2020-05-27

88浏览

0评论

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

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

• 2020-05-27

187浏览

0评论

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

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

• 2020-05-27

308浏览

0评论

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

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

• 2020-05-27

87浏览

0评论

JavaScript对象原型链原理详解

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

• 2020-05-27

111浏览

0评论

如何实现iframe父子传参通信

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

• 2020-05-27

91浏览

0评论

Vuex的API文档说明详解

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

• 2020-05-27

139浏览

0评论

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

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

• 2020-05-27

94浏览

0评论

vue组件传值的实现方式小结【三种方式】

本文实例讲述了vue组件传值的实现方式。分享给大家供大家参考，具体如下：前言vue的组件传值分为三种方式：父传子、子传父、非父子组件传值引用官网的一句话：父子组件的关系可以总...

• 2020-05-27

98浏览

0评论

Vue组件基础用法详解

Vue组件概述组件(Component)是Vue.js最强大的功能之一。组件可以扩展HTML元素，封装可重用的代码。根据项目需求，抽象出一些组件，每个组件里包含了展现、功能和样式。每个页面，根...

• 2020-05-27

208浏览

0评论

vue实现图片懒加载的方法分析

本文实例讲述了vue实现图片懒加载的方法。分享给大家供大家参考，具体如下：vue图片懒加载使用首先第一步，安装插件vue-lazyloadnpm install vue-lazyload --save-dev在man.js中...

• 2020-05-27

148浏览

0评论

vue如何实现动态加载脚本

这篇文章主要介绍了vue如何实现动态加载脚本,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下今天在研究，tinymce富文本编...

• 2020-05-27

103浏览

0评论

小程序如何写动态标签的实现方法

web开发中，尤其使用react开发项目时，我们可以很方便的动态定义标签(jsx)const props = { id: '', className: '', data-a: ''}<button {...props} />动态配置标签的好处一是所...

• 2020-05-27

133浏览

0评论

js实现视图和数据双向绑定的方法分析

本文实例讲述了js实现视图和数据双向绑定的方法。分享给大家供大家参考，具体如下：前言视图和数据绑定，使视图和逻辑层分离，使视图层变为数据驱动是前端的一大进步。由此诞生了mv...

• 2020-05-27

118浏览

0评论

JS原型和原型链原理与用法实例详解

本文实例讲述了JS原型和原型链原理与用法。分享给大家供大家参考，具体如下：Javascript语言的继承机制一直很难被人理解。它没有"子类"和"父类"的概念，也没有"类"（class）和"实例"（i...

• 2020-05-27

190浏览

0评论

Vue如何使用混合Mixins和插件开发详解

官网：混合 (mixins) 是一种分发 Vue 组件中可复用功能的非常灵活的方式。混合对象可以包含任意组件选项。以组件使用混合对象时，所有混合对象的选项将被混入该组件本身的选项...

• 2020-05-27

125浏览

0评论

vue使用原生swiper代码实例

这篇文章主要介绍了vue使用原生swiper代码实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下代码如下<template> <di...

• 2020-05-27

363浏览

0评论

vue.js使用v-model实现父子组件间的双向通信示例

本文实例讲述了vue.js使用v-model实现父子组件间的双向通信。分享给大家供大家参考，具体如下：<template><div> 这是主页面 <h1> {{num}}</h1> <button @click="handleMins"...

• 2020-05-27

176浏览

0评论

Vue获取页面元素的相对位置的方法示例

今天在开发源码一处发现有一处需要获取元素的相对位置高度，发现getBoundingClientRect有一个问题，它是用于获取某个元素相对于视窗的位置集合，达不到我想要的要求，如是看到阮老...

• 2020-05-27

97浏览

0评论

VUE中使用HTTP库Axios方法详解

Axios 是一个基于 promise 的 HTTP 库，可以用在浏览器和 node.js 中安装Axios模块在Vue中使用，最好安装两个模块axios 和vue-axios$npm install axios vue-axios --save然后引...

• 2020-05-27

118浏览

0评论

浅谈Vue组件单元测试究竟测试什么

关于 Vue 组件单元测试最常见的问题就是“我究竟应该测试什么？”虽然测试过多或过少都是可能的，但我的观察是，开发人员通常会测试过头。毕竟，没有人愿意自己的组件未经测试从而...

• 2020-05-27

140浏览

0评论

Vue的状态管理vuex使用方法详解

引入vuex当访问数据对象时，一个 Vue 实例只是简单的代理访问。所以，如果有一处需要被多个实例间共享的状态，可以简单地通过维护一份数据来实现共享const sourceOfTruth = {}con...

• 2020-05-27

109浏览

0评论

Vue路由管理器Vue-router的使用方法详解

router-link<router-link> 组件支持用户在具有路由功能的应用中点击导航。 通过 to 属性指定目标地址，默认渲染成带有正确链接的 <a> 标签，可以通过配置 tag 属性生成别的标签...

• 2020-05-27

125浏览

0评论

Vue中多元素过渡特效的解决方案

常见示例最常见的多标签过渡是一个列表和描述这个列表为空消息的元素：<transition> <table v-if="items.length > 0"> <!-- ... --> </table> <p v-else>Sorry, no items fo...

• 2020-05-27

73浏览

0评论

在博客园博文中添加自定义右键菜单的方法详解

页面设计首先将这三个功能以一个列表<ul>的形式放置。鼠标移入时样式改变，移出时还原<style>body{margin: 0;}ul{ margin: 0; padding: 0; list-style: none;}.list{ wid...

• 2020-05-27

824浏览

0评论

vue 翻页组件vue-flip-page效果

方法
change （改变页面）
tap （点击）
turning （正在翻页）
prev （前一页）
next （后一页）翻到指定页面：
handleSwitchManual(index) { if (index === this.currentIndex) return;...

• 2020-05-27