jquery实现直播视频弹幕效果
JQ实现弹幕效果，快来吐糟你的想法吧代码如下，复制即可使用：<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>JQ实现弹幕效果</title> <style type="text/css...
2020-05-27
vue父子模板传值问题解决方法案例分析
本文实例讲述了vue父子模板传值问题解决方法。分享给大家供大家参考，具体如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><...
2020-05-27
javascript 数组精简技巧小结
数组是 JS 最常见的一种数据结构，咱们在开发中也经常用到,在这篇文章中,提供一些小技巧,帮助咱们提高开发效率。1. 删除数组的重复项2. 替换数组中的特定值有时在创建代码时...
2020-05-27
原生javascript制作贪吃蛇小游戏的方法分析
本文实例讲述了原生javascript制作贪吃蛇小游戏的方法。分享给大家供大家参考，具体如下：<!--1、 创建场景 -->
<!-- 2、定义初始数据 以及随机食物 -->
<!-- 3、控制贪吃蛇方...
2020-05-27
BootStrap前端框架使用方法详解
1.概念：Bootstrap，是目前很受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JavaScript 的，它简洁灵活，使得 Web 开发更加快捷。
好处： 1.定义了很多的css样式和js插件。我们开...
2020-05-27
微信小程序录音实现功能并上传(使用node解析接收)
背景我在开发小程序的时候，有需求要实现录音功能，并能上传给服务器。小程序录音功能我是使用的微信的wx.getRecorderManager()实现的，通过该方法创建实例，实例录音得到的文件是...
2020-05-27
element-ui table行点击获取行索引（index）并利用索引更换行顺序
1)将每一行的索引插入操作行中，即为每一行数据添加一个属性index
使用el-table已经给处的方法：tableRowClassNamehtml中：
<el-table :row-class-name="tableRowClassName"></el...
2020-05-27
element el-tree组件的动态加载、新增、更新节点的实现
最近在根据需求，需要用到树形控件，ele 的封装了树形控件正好拿来用，用的途中遇到一些问题就总结下，哈哈哈说正事，我需要动态的加载出整个树形结构，刚好就有
符合需求，啦啦啦
用的时...
2020-05-27
ElementUI中el-tree节点的操作的实现
其实tree的有些方法用起来是很方便的，
this.$refs.tree.getCheckedKeys()；这个原生态的方法。官方文档上说的是，返回一个数组。有了这个方法，我们就可以得到选中的每个节点的id...
2020-05-27
ElementUI Tree 树形控件的使用并给节点添加图标
前言： 因为项目需要用Vue做一个管理系统，其中有一个公司部门的管理页面有用到ElementUI 的树形控件，但是结构中没有使用chexkBox选项框，针对这个功能碰到的一些问题做一下总结...
2020-05-27
vue学习笔记之给组件绑定原生事件操作示例
本文实例讲述了vue学习笔记之给组件绑定原生事件操作。分享给大家供大家参考，具体如下：当在父组件中定义一个点击事件，并且在父组件的methods中定义了这个点击事件时，在页面上点...
2020-05-27
js实现树形数据转成扁平数据的方法示例
利用递归的方法循环树形数组，当遇到有children的对象再次调用递归函数循环children数组，每次循环的数据放入一个提前声明好的数组里，等所有递归函数执行完，这个数组即是想要得到...
2020-05-27
js实现无限层级树形数据结构(创新算法)
由于做项目的需要，把一个线性数组转成树形数组，在网上查了很多文章，觉得他们写的太复杂了，于是自己写了一个，在折腾了一下午终于把它写出来啦（激动.gif），用两个filter过滤器就搞定了...
2020-05-27
javascript将扁平的数据转为树形结构的高效率算法
当我们需要将一个一维数组转换成一个多层结构的时候，最简单但是最慢的就是多个for循环嵌套，但是这样做有一些缺点，那就是效率太低、而且有多少层就需要嵌套几个for循环，不好用。...
2020-05-27
js与jquery获取input输入框中的值实例讲解
如何用javascript获取input输入框中的值，js/jq通过name、id、class获取input输入框中的value先准备一段 HTML<input type="text" name"username" id="user" placeholder="用...
2020-05-27
基于Element的组件改造的树形选择器(树形下拉框)
前言：由于做项目需要一个树形选择器，项目用的也是element-ui框架，然而它自带的选择器组件没有树形选项，又不想引入其他的框架组件，于是自己利用el-select和el-tree改造了一个，感觉...
2020-05-27
微信小程序实现录制、试听、上传音频功能（带波形图）
最近接到这样一个需求，要求实现录制、试听、上传音频功能，选择的是getBackgroundAudioManager,声音录制和播放波形图是用css实现的，效果图及详细设计代码如下：
xml文件<view cl...
2020-05-27
浅析Vue 中的 render 函数
render函数是什么 简单的说，在vue中我们使用模板HTML语法组建页面的，使用render函数我们可以用js语言来构建DOM 因为vue是虚拟DOM，所以在拿到template模板时也要转译成VN...
2020-05-27
微信小程序动态添加和删除组件的现实
一、基本思路
1、通过改变数组长度动态增删组件<block wx:for="{{数组}}"> 组件</block>2、点击添加按钮，增加数组的成员，组件相应增加点击删除按钮，减少数组的成员，组件相应删...
2020-05-27
vue 中的 render 函数作用详解
render 函数作用vue渲染函数文档第一遍看的晕晕乎乎的，再看看写写终于清晰了。建议配合文档阅读，本文也是根据文档加上自己的理解。注：本文代码都是在单文件组件中编写。代码地...
2020-05-27
基于vue-cli3+typescript的tsx开发模板搭建过程分享
项目创建使用 vue-cli3+ 创建一个基于 ts 的模板：vue-tsx-support上一步中已经创建完了基于 ts 的 vue 模板，但是开发方式还是如同之前的 template 一样，只是将 script 中的 js...
2020-05-27
使用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
Vue.js 中制作自定义选择组件的代码附演示demo
定制 select 标签的设计非常困难。有时候，如果不使用样式化的 div 和自定义 JavaScript 的结合来构建自己的脚本，那是不可能的。在本文中，你将学习如何构建使用完全自定义 CSS...
2020-05-27
Vue自定义组件的四种方式示例详解
四种组件定义方式都存在以下共性(血泪史)规则：1.组件只能有一个根标签2.记住两个词全局和局部3.组件名称命名中‘-小写字母'相当于大写英文字母(hello-com 相当于 helloCom)...
2020-05-27
JsonServer安装及启动过程图解
JsonServer 主要的作用就是搭建本地的数据接口，创建json文件，便于调试调用 是一个 Node 模块，运行 Express 服务器，可以指定一个 json 文件作为 api 的数据源 官网：http...
2020-05-27
基于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
Js实现复选框的全选、全不选反选功能代码实例
主要是用遍历的方法查找元素，然后通过改变checked的属性来选择，为true则是选中状态，为false则是未选状态实现代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-...
2020-05-27
在vue项目实现一个ctrl+f的搜索功能
这次在项目中遇到了一个要做一个搜索功能，因为项目是vue的，而且是在手机端，所以对这个搜索功能的实现和能做到什么样子都没有底，在网上研究了一会，发现大家的解决方法都各有特色，...
2020-05-27
Vue组件化开发之通用型弹出框的实现
本文主要分享关于组件化开发的理解，让刚入门的小伙伴少走一些弯路，提高开发效率，作者本人也是新手，如有不当之处，请大佬指出，感谢。相信很多刚入门的小伙伴，经常会写很多重复的代码...
2020-05-27
vue学习笔记之Vue中css动画原理简单示例
本文实例讲述了Vue中css动画原理。分享给大家供大家参考，具体如下：当transition包裹了一个元素之后，vue会自动分析元素的css样式，构建动画流程。so，我们需要定义style。vue中的cs...
2020-05-27
vue学习笔记之slot插槽用法实例分析
本文实例讲述了vue slot插槽用法。分享给大家供大家参考，具体如下：不使用插槽，在template中用v-html解析父组件传来的带有标签的content<!DOCTYPE html><html lang="en"><head>...
2020-05-27
不刷新网页就能链接新的js文件方法总结
如何不刷新网页就能链接新的js文件，其实在HTML语言中已经有相关的函数了，就是再添加一个<script src=.....></script>。函数很简单，叫document.body.appendChild(script);使用...
2020-05-27
微信小程序实现音频文件播放进度的实例代码
问题描述在微信小程序中经常会用到控制文件播放的滑块，通过滑块可控制音频播放进度，下面即用代码实现。解决方案首先用.wxml与 .wmss 代码实现进度条的效果，再通过 .js 文件控...
2020-05-27
详解Vue中的Props与Data细微差别
Vue提供了两种不同的存储变量：props和data。这些方法一开始可能会让人感到困惑，因为它们做的事情很相似，而且也不清楚什何时使用props，何时使用data。那么props和data有什么区别...
2020-05-27
js中火星坐标、百度坐标、WGS84坐标转换实现方法示例
本文实例讲述了js中火星坐标、百度坐标、WGS84坐标转换实现方法。分享给大家供大家参考，具体如下：//定义一些常量var x_PI = 3.14159265358979324 * 3000.0 / 180.0;var PI =...
2020-05-27
原生js实现日历效果
本文实例为大家分享了js实现日历效果的具体代码，供大家参考，具体内容如下html代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" con...
2020-05-27
js构造函数constructor和原型prototype原理与用法实例分析
本文实例讲述了js构造函数constructor和原型prototype原理与用法。分享给大家供大家参考，具体如下：所有引用类型（函数，数组，对象）都拥有__proto__属性（隐式原型）所有函数拥有prototy...
2020-05-27
js中addEventListener()与removeEventListener()用法案例分析
本文实例讲述了js中addEventListener()与removeEventListener()用法。分享给大家供大家参考，具体如下：所有的DOM节点中都包含addEventListener()与removeEventListener()这两...
2020-05-27
Vue父组件向子组件传值以及data和props的区别详解
1.在父组件中定义 msg 属性 data:{ msg:'123 -我是父组件中的数据' },2.引用子组件父组件可以在引用子组件的时候，通过属性绑定的形式，把需要传递给子组件的数据，以属性绑定的...
2020-05-27
ES6中Set和Map用法实例详解
本文实例讲述了ES6中Set和Map用法。分享给大家供大家参考，具体如下：SetES6提供了新的数据结构Set。它类似于数组，但是成员的值都是唯一的，没有重复的值。Set函数可以接受一个数...
2020-05-27
Vue Router的手写实现方法实现
为什么需要前端路由
在前后端分离的现在，大部分应用的展示方式都变成了 SPA（单页面应用 Single Page Application）的模式。为什么会选择 SPA 呢？原因在于： 用户的所有操作都在同...
2020-05-27
JavaScript中break、continue和return的用法区别实例分析
本文实例讲述了JavaScript中break、continue和return的用法区别。分享给大家供大家参考，具体如下：break 停止了这个for循环，跳出循环来继续执行fn函数里之后的语句 function fn...
2020-05-27
JavaScript HTML DOM 元素 (节点)新增，编辑，删除操作实例分析
本文实例讲述了JavaScript HTML DOM 元素 (节点)新增，编辑，删除操作。分享给大家供大家参考，具体如下：createElement，createTextNode，appendChild，insertBefore，removeChild，replaceC...
2020-05-27
JS造成内存泄漏的几种情况实例分析
本文实例讲述了JS造成内存泄漏的几种情况。分享给大家供大家参考，具体如下：介绍：js中的内存垃圾回收机制：垃圾回收器会定期扫描内存，当某个内存中的值被引用为零时就会将其回收。...
2020-05-27
ES6使用 Array.includes 处理多重条件用法实例分析
本文实例讲述了ES6使用 Array.includes 处理多重条件用法。分享给大家供大家参考，具体如下：includes [ɪnk'lu:dz] 包含，包括includes() 方法用来判断一个数组是否包含...
2020-05-27
js实现烟花特效
本文实例为大家分享了js实现烟花特效的具体代码，供大家参考，具体内容如下1.概述在网页背景中实现鼠标点击出现模拟烟花爆炸的特效2.思路1.获取鼠标点击位置，底端创建烟花节点。...
2020-05-27
JS如何生成随机验证码
本文实例为大家分享了JS生成随机验证码的具体代码，供大家参考，具体内容如下在网站中我们很常见到形形色色的验证码，今天我们来用JS来生成一个随机的二维码。我们需要用到canvas...
2020-05-27
微信小程序scroll-view的滚动条设置实现
小程序的scroll-view用的比较多了，列表页一般也没管它的滚动条，最近突然发现在android与ios中横向滑动的时候表现不一样。不一样在哪呢，ios上直接就不显示啊，也是没谁了。深入想...
2020-05-27
使用vue打包进行云服务器上传的问题
vue中目录最后的vue.config.js文件中第27行的pulicpath改成./src目录下的man.js中30到33行注释掉将目录中的.env.development和.env.production中的改成自己的域名和端口号！！！！!...
2020-05-27
vuex(vue状态管理)的特殊应用案例分享
有需求才会有应用！需求：vue项目中，我需要一个类似全局的变量保存一个tag的值，在不同层级下的子组件中，对这个变量进行修改，并且使变化的结果作用在组件页面上。这里使用vuex解决问...
2020-05-27
