JavaScript - 教程之家

338浏览

0评论

详解vue beforeEach 死循环问题解决方法

什么是beforeEach？beforeEach 是一个vue-router的路由导航钩子，一般我用它做路由守卫。
什么是路由守卫？路由跳转前做一些验证，比如登录验证，是网站中的普遍需求。对此，vue-route...

2020-05-27

98浏览

0评论

使用Vue实现简单计算器

使用Vue编写简单计算器，供大家参考，具体内容如下在Vue中，v-model 指令，可以实现表单元素和 Model 中数据的双向数据绑定，接下来，我们就用这个指令编写一个简单的计算器，代码如下<!D...

2020-05-27

165浏览

0评论

Vue实现简单计算器案例

利用Vue.js写的一个简单的计算器。非常简单的案例。通过这个案例，练习一下Vue的语法。通过案例可以看出，Vue.js解放了DOM操作。<!DOCTYPE html><html lang="en"><head> <meta...

2020-05-27

344浏览

0评论

通过js实现压缩图片上传功能

大概的流程就是点击file选择图片 js将图片解读出base64编码,然后通过js将base64编码转为压缩后的base64 然后通过ajax或者form把压缩后的base64编码提交到服务器(php)...

2020-05-27

362浏览

0评论

vue-video-player 解决微信自动全屏播放问题(横竖屏导致样式错乱问题)

对于vue-video-player，从github上找到一段代码，直接放页面！可以了，视频展示出来了！开始下一个功能。。。。这可能是大部分前端开发者一贯的思维模式，拿来一个插件，看着demo就做出来...

微信

2020-05-27

99浏览

0评论

Javascript如何实现双指控制图片功能

javascript 实现双指放大缩小旋转图片1 先记录屏幕上的手指数量 (记录方法按下+1 松开-1）2 记录每个手指的在屏幕上的坐标每个手指的touchid不一样用数组存就行 shouzhi...

2020-05-27

87浏览

0评论

Javascript地址引用代码实例解析

javascript地址引用代码如下var a = new Object();a.price = 173;var b = a;b.price = 170; //b更改了属性值，a的属性值一起会被改变alert(a.price); //输出170var a =3var b...

2020-05-27

126浏览

0评论

vue 路由守卫(导航守卫)及其具体使用

最近在学习vue，感觉路由守卫这个地方知识点挺多的，而且很重要，所以，今天添加一点小笔记官方文档导航守卫其实也是路由守卫，也可以是路由拦截，我们可以通过路由拦截，来判断用户是否...

2020-05-27

100浏览

0评论

手把手带你入门微信小程序新框架Kbone的使用

Kbone 框架前些天在微信上收到了微信开发者公众号的文章推送《揭开微信小程序Kbone的神秘面纱》，心想：微信小程序有新框架了？抱着学习的态度点进去看了一眼，看过之后觉得这框架...

微信

2020-05-27

142浏览

0评论

京东优选小程序的实现代码示例

写在前面过年有大把的时光，为何一直宅在家里不出家门看着电脑，这究竟是道德的沦丧还是人性的泯灭...这一切都还得从一只蝙蝠说起...咳咳，好了不皮了，言归正传。微信推出的小程序...

2020-05-27

218浏览

0评论

深入理解Antd-Select组件的用法

一、Antd-Select提供几种类型
最基础版只提供下拉功能的选择器带搜索功能的下拉选择器可多选的下拉选择器可搜索、可多选、可随意输入内容的tag下拉选择器(支持自动...

2020-05-27

82浏览

0评论

JavaScript实现打砖块游戏

本文实例为大家分享了JavaScript实现打砖块游戏的具体代码，供大家参考，具体内容如下html+css部分<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>打砖块</title...

2020-05-27

142浏览

0评论

jquery实现直播视频弹幕效果

JQ实现弹幕效果，快来吐糟你的想法吧代码如下，复制即可使用：<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>JQ实现弹幕效果</title> <style type="text/css...

2020-05-27

106浏览

0评论

vue父子模板传值问题解决方法案例分析

本文实例讲述了vue父子模板传值问题解决方法。分享给大家供大家参考，具体如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><...

2020-05-27

100浏览

0评论

javascript 数组精简技巧小结

数组是 JS 最常见的一种数据结构，咱们在开发中也经常用到,在这篇文章中,提供一些小技巧,帮助咱们提高开发效率。1. 删除数组的重复项2. 替换数组中的特定值有时在创建代码时...

2020-05-27

132浏览

0评论

原生javascript制作贪吃蛇小游戏的方法分析

本文实例讲述了原生javascript制作贪吃蛇小游戏的方法。分享给大家供大家参考，具体如下：

<!-- 3、控制贪吃蛇方...

2020-05-27

109浏览

0评论

BootStrap前端框架使用方法详解

1.概念：Bootstrap，是目前很受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JavaScript 的，它简洁灵活，使得 Web 开发更加快捷。
好处： 1.定义了很多的css样式和js插件。我们开...

2020-05-27

193浏览

0评论

微信小程序录音实现功能并上传(使用node解析接收)

背景我在开发小程序的时候，有需求要实现录音功能，并能上传给服务器。小程序录音功能我是使用的微信的wx.getRecorderManager()实现的，通过该方法创建实例，实例录音得到的文件是...

微信

2020-05-27

167浏览

0评论

element-ui table行点击获取行索引（index）并利用索引更换行顺序

1)将每一行的索引插入操作行中，即为每一行数据添加一个属性index
使用el-table已经给处的方法：tableRowClassNamehtml中：
<el-table :row-class-name="tableRowClassName"></el...

2020-05-27

271浏览

0评论

element el-tree组件的动态加载、新增、更新节点的实现

最近在根据需求，需要用到树形控件，ele 的封装了树形控件正好拿来用，用的途中遇到一些问题就总结下，哈哈哈说正事，我需要动态的加载出整个树形结构，刚好就有
符合需求，啦啦啦
用的时...

2020-05-27

162浏览

0评论

ElementUI中el-tree节点的操作的实现

其实tree的有些方法用起来是很方便的，
this.$refs.tree.getCheckedKeys()；这个原生态的方法。官方文档上说的是，返回一个数组。有了这个方法，我们就可以得到选中的每个节点的id...

2020-05-27

141浏览

0评论

ElementUI Tree 树形控件的使用并给节点添加图标

前言：因为项目需要用Vue做一个管理系统，其中有一个公司部门的管理页面有用到ElementUI 的树形控件，但是结构中没有使用chexkBox选项框，针对这个功能碰到的一些问题做一下总结...

2020-05-27

103浏览

0评论

vue学习笔记之给组件绑定原生事件操作示例

本文实例讲述了vue学习笔记之给组件绑定原生事件操作。分享给大家供大家参考，具体如下：当在父组件中定义一个点击事件，并且在父组件的methods中定义了这个点击事件时，在页面上点...

2020-05-27

140浏览

0评论

js实现树形数据转成扁平数据的方法示例

利用递归的方法循环树形数组，当遇到有children的对象再次调用递归函数循环children数组，每次循环的数据放入一个提前声明好的数组里，等所有递归函数执行完，这个数组即是想要得到...

2020-05-27

156浏览

0评论

js实现无限层级树形数据结构(创新算法)

由于做项目的需要，把一个线性数组转成树形数组，在网上查了很多文章，觉得他们写的太复杂了，于是自己写了一个，在折腾了一下午终于把它写出来啦（激动.gif），用两个filter过滤器就搞定了...

2020-05-27

138浏览

0评论

javascript将扁平的数据转为树形结构的高效率算法

当我们需要将一个一维数组转换成一个多层结构的时候，最简单但是最慢的就是多个for循环嵌套，但是这样做有一些缺点，那就是效率太低、而且有多少层就需要嵌套几个for循环，不好用。...

2020-05-27

170浏览

0评论

js与jquery获取input输入框中的值实例讲解

如何用javascript获取input输入框中的值，js/jq通过name、id、class获取input输入框中的value先准备一段 HTML<input type="text" name"username" id="user" placeholder="用...

2020-05-27

139浏览

0评论

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

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

2020-05-27

233浏览

0评论

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

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

xml文件<view cl...

微信

2020-05-27

142浏览

0评论

浅析Vue 中的 render 函数

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

2020-05-27

188浏览

0评论

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

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

微信

2020-05-27

188浏览

0评论

vue 中的 render 函数作用详解

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

2020-05-27

380浏览

0评论

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

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

2020-05-27

112浏览

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

112浏览

0评论

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

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

2020-05-27

93浏览

0评论

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

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

2020-05-27

109浏览

0评论

JsonServer安装及启动过程图解

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

2020-05-27

86浏览

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

89浏览

0评论

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

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

2020-05-27

85浏览

0评论

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

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

2020-05-27

123浏览

0评论

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

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

2020-05-27

113浏览

0评论

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

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

2020-05-27

92浏览

0评论

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

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

2020-05-27

163浏览

0评论

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

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

2020-05-27

376浏览

0评论

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

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

微信

2020-05-27

187浏览

0评论

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

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

2020-05-27

347浏览

0评论

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

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

2020-05-27

119浏览

0评论

原生js实现日历效果

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

2020-05-27

132浏览

0评论

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

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

2020-05-27

153浏览

0评论

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

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

2020-05-27

热门文章