编程开发 - 教程之家

编程开发

分类导航：HTML/html5 CSS JavaScript PHP Python Java IOS .NET R语言 Rust Android Go语言鸿蒙OS C类语言综合编程正则表达式

942浏览

0评论

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

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

2020-05-27 01:51:57

164浏览

0评论

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

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

2020-05-27 01:51:56

272浏览

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 01:51:54

131浏览

0评论

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

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

2020-05-27 01:51:53

167浏览

0评论

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

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

2020-05-27 01:51:51

155浏览

0评论

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

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

2020-05-27 01:51:48

407浏览

0评论

Preload基础使用方法详解

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

2020-05-27 01:51:47

150浏览

0评论

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

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

2020-05-27 01:51:46

188浏览

0评论

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

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

2020-05-27 01:51:45

268浏览

0评论

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

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

2020-05-27 01:51:44

147浏览

0评论

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

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

2020-05-27 01:51:43

115浏览

0评论

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

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

2020-05-27 01:51:42

216浏览

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 01:51:41

133浏览

0评论

JavaScript this使用方法图解

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

2020-05-27 01:51:40

144浏览

0评论

JavaScript对象属性操作实例解析

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

2020-05-27 01:51:37

113浏览

0评论

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

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

2020-05-27 01:51:35

157浏览

0评论

Vue中keep-alive组件作用详解

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

2020-05-27 01:51:33

169浏览

0评论

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

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

2020-05-27 01:51:32

151浏览

0评论

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

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

2020-05-27 01:51:26

157浏览

0评论

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

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

2020-05-27 01:51:24

115浏览

0评论

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

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

2020-05-27 01:51:22

147浏览

0评论

9种方法优化jQuery代码详解

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

2020-05-27 01:51:21

97浏览

0评论

JS代码优化的8点建议

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

2020-05-27 01:51:19

144浏览

0评论

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

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

2020-05-27 01:51:18

262浏览

0评论

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

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

2020-05-27 01:51:17

361浏览

0评论

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

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

2020-05-27 01:51:16

141浏览

0评论

JavaScript对象原型链原理详解

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

2020-05-27 01:51:00

166浏览

0评论

如何实现iframe父子传参通信

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

2020-05-27 01:50:57

135浏览

0评论

Vuex的API文档说明详解

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

2020-05-27 01:50:56

198浏览

0评论

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

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

2020-05-27 01:50:54

175浏览

0评论

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

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

2020-05-27 01:50:52

169浏览

0评论

Vue组件基础用法详解

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

2020-05-27 01:50:51

270浏览

0评论

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

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

2020-05-27 01:50:50

210浏览

0评论

vue如何实现动态加载脚本

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

2020-05-27 01:50:48

165浏览

0评论

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

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

2020-05-27 01:50:47

189浏览

0评论

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

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

2020-05-27 01:50:44

194浏览

0评论

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

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

2020-05-27 01:50:43

246浏览

0评论

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

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

2020-05-27 01:50:41

182浏览

0评论

vue使用原生swiper代码实例

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

2020-05-27 01:50:39

459浏览

0评论

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

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

2020-05-27 01:50:38

241浏览

0评论

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

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

2020-05-27 01:50:37

160浏览

0评论

VUE中使用HTTP库Axios方法详解

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

2020-05-27 01:50:35

184浏览

0评论

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

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

2020-05-27 01:50:33

260浏览

0评论

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

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

2020-05-27 01:50:31

188浏览

0评论

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

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

2020-05-27 01:50:30

188浏览

0评论

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

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

2020-05-27 01:50:29

145浏览

0评论

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

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

2020-05-27 01:50:27

886浏览

0评论

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

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

2020-05-27 01:50:26

127浏览

0评论

Vue过渡效果之CSS过渡详解(结合transition,animation,animate.css)

以一个toggle按钮控制p元素显隐为例，如果不使用过渡效果，则如下所示<div id="demo"> <button v-on:click="show = !show">Toggle</button> <p v-if="show">蓝色理想</p></div>...

2020-05-27 01:50:24

195浏览

0评论

Vue表单控件数据绑定方法详解

基础用法可以用 v-model 指令在表单控件元素上创建双向数据绑定。它会根据控件类型自动选取正确的方法来更新元素。v-model本质上不过是语法糖，它负责监听用户的输入事件以更...

2020-05-27 01:50:23

首页 «1534 153515361537 1538 »尾页

热门文章