编程开发 - 教程之家

编程开发

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

141浏览

0评论

基于Element的组件改造的树形选择器(树形下拉框)

前言：由于做项目需要一个树形选择器，项目用的也是element-ui框架，然而它自带的选择器组件没有树形选项，又不想引入其他的框架组件，于是自己利用el-select和el-tree改造了一个，感觉...

2020-05-27 01:41:56

256浏览

0评论

微信小程序实现录制、试听、上传音频功能（带波形图）

最近接到这样一个需求，要求实现录制、试听、上传音频功能，选择的是getBackgroundAudioManager,声音录制和播放波形图是用css实现的，效果图及详细设计代码如下：

xml文件<view cl...

2020-05-27 01:41:52

145浏览

0评论

浅析Vue 中的 render 函数

render函数是什么　　简单的说，在vue中我们使用模板HTML语法组建页面的，使用render函数我们可以用js语言来构建DOM　　因为vue是虚拟DOM，所以在拿到template模板时也要转译成VN...

2020-05-27 01:41:50

199浏览

0评论

微信小程序动态添加和删除组件的现实

一、基本思路
1、通过改变数组长度动态增删组件<block wx:for="{{数组}}"> 组件</block>2、点击添加按钮，增加数组的成员，组件相应增加点击删除按钮，减少数组的成员，组件相应删...

2020-05-27 01:41:48

191浏览

0评论

vue 中的 render 函数作用详解

render 函数作用vue渲染函数文档第一遍看的晕晕乎乎的，再看看写写终于清晰了。建议配合文档阅读，本文也是根据文档加上自己的理解。注：本文代码都是在单文件组件中编写。代码地...

2020-05-27 01:41:46

387浏览

0评论

基于vue-cli3+typescript的tsx开发模板搭建过程分享

项目创建使用 vue-cli3+ 创建一个基于 ts 的模板：vue-tsx-support上一步中已经创建完了基于 ts 的 vue 模板，但是开发方式还是如同之前的 template 一样，只是将 script 中的 js...

2020-05-27 01:41:44

113浏览

0评论

使用vue-cli3+typescript的项目模板创建工程的教程

版本问题全局安装过旧版本的 vue-cli(1.x 或 2.x)要先卸载它 (vue -V 查看自己的脚手架版本)npm uninstall vue-cli -g //或者 yarn global remove vue-cli注:Vue CLI 3需要...

2020-05-27 01:41:43

116浏览

0评论

Vue.js 中制作自定义选择组件的代码附演示demo

定制 select 标签的设计非常困难。有时候，如果不使用样式化的 div 和自定义 JavaScript 的结合来构建自己的脚本，那是不可能的。在本文中，你将学习如何构建使用完全自定义 CSS...

2020-05-27 01:41:41

94浏览

0评论

Vue自定义组件的四种方式示例详解

四种组件定义方式都存在以下共性(血泪史)规则：1.组件只能有一个根标签2.记住两个词全局和局部3.组件名称命名中‘-小写字母'相当于大写英文字母(hello-com 相当于 helloCom)...

2020-05-27 01:41:40

117浏览

0评论

JsonServer安装及启动过程图解

JsonServer　　主要的作用就是搭建本地的数据接口，创建json文件，便于调试调用　　是一个 Node 模块，运行 Express 服务器，可以指定一个 json 文件作为 api 的数据源　　官网：http...

2020-05-27 01:41:38

87浏览

0评论

基于html+css+js实现简易计算器代码实例

使用html+css+js实现简易计算器，效果图如下：html代码如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-wi...

2020-05-27 01:41:36

90浏览

0评论

Js实现复选框的全选、全不选反选功能代码实例

主要是用遍历的方法查找元素，然后通过改变checked的属性来选择，为true则是选中状态，为false则是未选状态实现代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-...

2020-05-27 01:41:35

91浏览

0评论

在vue项目实现一个ctrl+f的搜索功能

这次在项目中遇到了一个要做一个搜索功能，因为项目是vue的，而且是在手机端，所以对这个搜索功能的实现和能做到什么样子都没有底，在网上研究了一会，发现大家的解决方法都各有特色，...

2020-05-27 01:41:30

127浏览

0评论

Vue组件化开发之通用型弹出框的实现

本文主要分享关于组件化开发的理解，让刚入门的小伙伴少走一些弯路，提高开发效率，作者本人也是新手，如有不当之处，请大佬指出，感谢。相信很多刚入门的小伙伴，经常会写很多重复的代码...

2020-05-27 01:41:27

117浏览

0评论

vue学习笔记之Vue中css动画原理简单示例

本文实例讲述了Vue中css动画原理。分享给大家供大家参考，具体如下：当transition包裹了一个元素之后，vue会自动分析元素的css样式，构建动画流程。so，我们需要定义style。vue中的cs...

2020-05-27 01:41:26

93浏览

0评论

vue学习笔记之slot插槽用法实例分析

本文实例讲述了vue slot插槽用法。分享给大家供大家参考，具体如下：不使用插槽，在template中用v-html解析父组件传来的带有标签的content<!DOCTYPE html><html lang="en"><head>...

2020-05-27 01:41:24

166浏览

0评论

不刷新网页就能链接新的js文件方法总结

如何不刷新网页就能链接新的js文件，其实在HTML语言中已经有相关的函数了，就是再添加一个<script src=.....></script>。函数很简单，叫document.body.appendChild(script);使用...

2020-05-27 01:41:23

390浏览

0评论

微信小程序实现音频文件播放进度的实例代码

问题描述在微信小程序中经常会用到控制文件播放的滑块，通过滑块可控制音频播放进度，下面即用代码实现。解决方案首先用.wxml与 .wmss 代码实现进度条的效果，再通过 .js 文件控...

2020-05-27 01:41:21

192浏览

0评论

详解Vue中的Props与Data细微差别

Vue提供了两种不同的存储变量：props和data。这些方法一开始可能会让人感到困惑，因为它们做的事情很相似，而且也不清楚什何时使用props，何时使用data。那么props和data有什么区别...

2020-05-27 01:41:20

354浏览

0评论

js中火星坐标、百度坐标、WGS84坐标转换实现方法示例

本文实例讲述了js中火星坐标、百度坐标、WGS84坐标转换实现方法。分享给大家供大家参考，具体如下：//定义一些常量var x_PI = 3.14159265358979324 * 3000.0 / 180.0;var PI =...

2020-05-27 01:41:18

123浏览

0评论

原生js实现日历效果

本文实例为大家分享了js实现日历效果的具体代码，供大家参考，具体内容如下html代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" con...

2020-05-27 01:41:17

133浏览

0评论

js构造函数constructor和原型prototype原理与用法实例分析

本文实例讲述了js构造函数constructor和原型prototype原理与用法。分享给大家供大家参考，具体如下：所有引用类型（函数，数组，对象）都拥有__proto__属性（隐式原型）所有函数拥有prototy...

2020-05-27 01:41:16

154浏览

0评论

js中addEventListener()与removeEventListener()用法案例分析

本文实例讲述了js中addEventListener()与removeEventListener()用法。分享给大家供大家参考，具体如下：所有的DOM节点中都包含addEventListener()与removeEventListener()这两...

2020-05-27 01:41:14

128浏览

0评论

Vue父组件向子组件传值以及data和props的区别详解

1.在父组件中定义 msg 属性 data:{ msg:'123 -我是父组件中的数据' },2.引用子组件父组件可以在引用子组件的时候，通过属性绑定的形式，把需要传递给子组件的数据，以属性绑定的...

2020-05-27 01:41:13

130浏览

0评论

ES6中Set和Map用法实例详解

本文实例讲述了ES6中Set和Map用法。分享给大家供大家参考，具体如下：SetES6提供了新的数据结构Set。它类似于数组，但是成员的值都是唯一的，没有重复的值。Set函数可以接受一个数...

2020-05-27 01:41:11

123浏览

0评论

Vue Router的手写实现方法实现

为什么需要前端路由
在前后端分离的现在，大部分应用的展示方式都变成了 SPA（单页面应用 Single Page Application）的模式。为什么会选择 SPA 呢？原因在于：用户的所有操作都在同...

2020-05-27 01:41:10

312浏览

0评论

JavaScript中break、continue和return的用法区别实例分析

本文实例讲述了JavaScript中break、continue和return的用法区别。分享给大家供大家参考，具体如下：break 停止了这个for循环，跳出循环来继续执行fn函数里之后的语句 function fn...

2020-05-27 01:41:08

107浏览

0评论

JavaScript HTML DOM 元素 (节点)新增，编辑，删除操作实例分析

本文实例讲述了JavaScript HTML DOM 元素 (节点)新增，编辑，删除操作。分享给大家供大家参考，具体如下：createElement，createTextNode，appendChild，insertBefore，removeChild，replaceC...

2020-05-27 01:41:06

107浏览

0评论

JS造成内存泄漏的几种情况实例分析

本文实例讲述了JS造成内存泄漏的几种情况。分享给大家供大家参考，具体如下：介绍：js中的内存垃圾回收机制：垃圾回收器会定期扫描内存，当某个内存中的值被引用为零时就会将其回收。...

2020-05-27 01:41:05

138浏览

0评论

ES6使用 Array.includes 处理多重条件用法实例分析

本文实例讲述了ES6使用 Array.includes 处理多重条件用法。分享给大家供大家参考，具体如下：includes [ɪnk'lu:dz] 包含，包括includes() 方法用来判断一个数组是否包含...

2020-05-27 01:41:03

113浏览

0评论

js实现烟花特效

本文实例为大家分享了js实现烟花特效的具体代码，供大家参考，具体内容如下1.概述在网页背景中实现鼠标点击出现模拟烟花爆炸的特效2.思路1.获取鼠标点击位置，底端创建烟花节点。...

2020-05-27 01:41:01

101浏览

0评论

JS如何生成随机验证码

本文实例为大家分享了JS生成随机验证码的具体代码，供大家参考，具体内容如下在网站中我们很常见到形形色色的验证码，今天我们来用JS来生成一个随机的二维码。我们需要用到canvas...

2020-05-27 01:41:00

483浏览

0评论

微信小程序scroll-view的滚动条设置实现

小程序的scroll-view用的比较多了，列表页一般也没管它的滚动条，最近突然发现在android与ios中横向滑动的时候表现不一样。不一样在哪呢，ios上直接就不显示啊，也是没谁了。深入想...

2020-05-27 01:40:58

128浏览

0评论

使用vue打包进行云服务器上传的问题

vue中目录最后的vue.config.js文件中第27行的pulicpath改成./src目录下的man.js中30到33行注释掉将目录中的.env.development和.env.production中的改成自己的域名和端口号！！！！!...

2020-05-27 01:40:52

118浏览

0评论

vuex(vue状态管理)的特殊应用案例分享

有需求才会有应用！需求：vue项目中，我需要一个类似全局的变量保存一个tag的值，在不同层级下的子组件中，对这个变量进行修改，并且使变化的结果作用在组件页面上。这里使用vuex解决问...

2020-05-27 01:40:51

344浏览

0评论

vue倒计时刷新页面不会从头开始的解决方法

开启倒计时，直接保存到vuex中，且存储到本地持久化// state.jsconst runTime = localStorage.getItem('time');paymentRunTime:runTime// mutations.jsTimeReduction(state) {...

2020-05-27 01:40:50

115浏览

0评论

vue中改变滚动条样式的方法

写在前面：我是扬帆向海，这个昵称来源于我的名字以及女朋友的名字。我热爱技术、热爱开源、热爱编程。技术是开源的、知识是共享的。这博客是对自己学习的一点点总结及记录，如...

2020-05-27 01:40:48

153浏览

0评论

Vue axios与Go Frame后端框架的Options请求跨域问题详解

跨域问题可从前后两端分开排查：前端：Vue + axios
axios 请求头使用 'Content-Type': 'application/json'，
并且在Header中设置了 Authorization 字段用于传递 Token，
参数未经 Q...

2020-05-27 01:40:46

135浏览

0评论

JS面向对象编程基础篇（二）封装操作实例详解

本文实例讲述了JS面向对象编程封装操作。分享给大家供大家参考，具体如下：Javascript是一种基于对象（object-based）的语言，你遇到的所有东西几乎都是对象。但是，它又不是一种真正的...

2020-05-27 01:40:45

416浏览

0评论

vue.js this.$router.push获取不到params参数问题

主要通过两种方式传参1.query方式传参和接受参数
this.$router.push({ path:'/xxx' query:{ idname:id }})接收的方式：this.$route.query.id2.params方式传递参数
this.$ro...

2020-05-27 01:40:43

201浏览

0评论

小程序接入腾讯位置服务的详细流程

最近在写微信小程序，遇到了一些坑，在网上也查了好多，感觉都没有我想要的答案，在这里总结下，希望可以帮助大家第一步：进入腾讯位置服务

第二步：点击接入指引

根据上图进行登录，然后...

2020-05-27 01:40:42

83浏览

0评论

JS面向对象编程基础篇（三）继承操作实例详解

本文实例讲述了JS面向对象编程继承操作。分享给大家供大家参考，具体如下：构造函数的继承上一篇JS面向对象编程封装操作，主要介绍了如何"封装"数据和方法，以及如何从原型对象生成...

2020-05-27 01:40:39

99浏览

0评论

JS面向对象编程实现的Tab选项卡案例详解

本文实例讲述了JS面向对象编程实现的Tab选项卡。分享给大家供大家参考，具体如下：Tab选项卡案例下面是一个简单面向过程的Tab选项卡。<!DOCTYPE html><html><head> <style>...

2020-05-27 01:40:38

97浏览

0评论

JS常用排序方法实例代码解析

有些代码一两个月都会忘了，有空多做下总结，记录下来，等需要用到的时候可以来翻翻总结的博客。写技术博客，对自己是一种总结，对别人，是一种参考。1.sort()方法
var ar1=[2,4,6,8,1,...

2020-05-27 01:40:35

112浏览

0评论

序列化模块json代码实例详解

json 模块
json 是一种通用的数据传输格式，本质就是一个字符串json 要求 {'key':value} key必须是字符串，value只能是：字典，列表，字符串，数字，bool值在任何语言中他的type都必...

2020-05-27 01:40:34

113浏览

0评论

JS面向对象编程实现的拖拽功能案例详解

本文实例讲述了JS面向对象编程实现的拖拽功能。分享给大家供大家参考，具体如下：原始的面向过程代码：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <style>...

2020-05-27 01:40:33

111浏览

0评论

JS面向对象编程——ES6 中class的继承用法详解

本文实例讲述了 ES6 中class的继承用法。分享给大家供大家参考，具体如下：JS是一种基于对象的语言，要实现面向对象，写法跟传统的面向对象有很大的差异。ES6引入了Class语法糖，使得...

2020-05-27 01:40:31

95浏览

0评论

Javascript模拟实现new原理解析

new是JS中的一个关键字，用来将构造函数实例化的一个运算符。例子：function Animal(name) { this.name = name;}Animal.prototype.sayName = function() { console.log("I'm...

2020-05-27 01:40:30

84浏览

0评论

JS数组方法reduce的用法实例分析

本文实例讲述了JS数组方法reduce的用法。分享给大家供大家参考，具体如下：数组方法 reduce 用来迭代一个数组，并且把它累积到一个值中。使用 reduce 方法时，你要传入一个回调函数...

2020-05-27 01:40:29

49浏览

0评论

Javascript作用域和作用域链原理解析

作用域和作用域链在Javascript和很多其它的编程语言中都是一种基础概念。但很多Javascript开发者并不真正理解它们，但这些概念对掌握Javascript至关重要。正确的去理解这个概...

2020-05-27 01:40:28

首页 «1516 151715181519 1520 »尾页

热门文章