212浏览

0评论

js实现坦克大战游戏

本文实例为大家分享了js实现坦克大战游戏的具体代码，供大家参考，具体内容如下<!DOCTYPE html><html> <head> <title>tank</title> <style type="text/css"> body { margin:...

• 2020-05-27

160浏览

0评论

原生javascript中this几种常见用法总结

本文实例讲述了原生javascript中this几种常见用法。分享给大家供大家参考，具体如下：this的应用 “是” 代名词this必须出现在函数里面//------------------默认绑定function...

• 2020-05-27

161浏览

0评论

在 Vue 中编写 SVG 图标组件的方法

在考虑了将矢量图标从图标字体迁移到内联 SVG 的 原因 之后，我在 Vue.js 中找到了一个用 SVG 替换图标字体的解决方案，同时仍能保持使用图标字体的灵活性和易用性——能够使用...

• 2020-05-27

120浏览

0评论

原生javascript的ajax请求及后台PHP响应操作示例

本文实例讲述了原生javascript的ajax请求及后台PHP响应操作。分享给大家供大家参考，具体如下：<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>Docum...

• 2020-05-27

202浏览

0评论

Vue 技巧之控制父类的 slot

首先来思考一个问题：是否有一种方法可以从子组件填充父组件的插槽？最近一位同事问我这个问题，答案很简单：可以的。但我的解决方案可能和你想的完全不一样，这是涉及一个棘手的Vue...

• 2020-05-27

133浏览

0评论

原生javascript实现类似vue的数据绑定功能示例【观察者模式】

本文实例讲述了原生javascript实现类似vue的数据绑定功能。分享给大家供大家参考，具体如下：观察者模式let observer = { /*订阅功能*/ addSubscriber: function (cb) {...

• 2020-05-27

180浏览

0评论

Node使用Nodemailer发送邮件的方法实现

电子邮件是—种用电子手段提供信息交换的通信方式，是互联网应用最广的服务。通过网络的电子邮件系统，用户可以以非常低廉的价格（不管发送到哪里，都只需负担网费）、非常快速的方式...

• 2020-05-27

174浏览

0评论

微信小程序后端实现授权登录

登录与授权官方文档一.登录登录流程时序说明:调用 wx.login()获取临时登录凭证code，并回传到开发者服务器。 调用code2Session接口，换取用户唯一标识 OpenID和会话密钥 sess...

微信
• 2020-05-27

179浏览

0评论

Vue快速实现通用表单验证的方法

本文开篇第一句话，想引用鲁迅先生《祝福》里的一句话，那便是：“我真傻，真的，我单单知道后端整天都是CRUD，我没想到前端整天都是Form表单”。这句话要从哪里说起呢？大概要从最近半个...

• 2020-05-27

155浏览

0评论

nodejs制作小爬虫功能示例

本文实例讲述了nodejs制作小爬虫功能。分享给大家供大家参考，具体如下：1 安装nodejs2 安装需要模块npm install request cheerio 3 新建js文件4 引入const request=require("r...

• 2020-05-27

170浏览

0评论

JS前端面试必备——基本排序算法原理与实现方法详解【插入/选择/归并/冒泡/快速排序】

本文实例讲述了JS前端面试必备——基本排序算法原理与实现方法。分享给大家供大家参考，具体如下：排序算法是面试及笔试中必考点，本文通过动画方式演示，通过实例讲解，最后给出Java...

• 2020-05-27

164浏览

0评论

JS数组扁平化、去重、排序操作实例详解

本文实例讲述了JS数组扁平化、去重、排序操作。分享给大家供大家参考，具体如下：在网上看到一个校招题目，已知一个数组var arr = [[1, 3, 2, 1],[5, 3, 4, 8, 5, 6, 5],[6, 2, 8...

• 2020-05-27

163浏览

0评论

jquery实现的放大镜效果示例

本文实例讲述了jquery实现的放大镜效果。分享给大家供大家参考，具体如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="...

• 2020-05-27

129浏览

0评论

jquery制作的移动端购物车效果完整示例

本文实例讲述了jquery制作的移动端购物车效果。分享给大家供大家参考，具体如下：html部分<!doctype html><html lang="en"><head><meta charset="UTF-8"><title>购物详情</titl...

• 2020-05-27

148浏览

0评论

es6中let和const的使用方法详解

本文实例讲述了es6中let和const的使用方法。分享给大家供大家参考，具体如下：ES6 新增了let命令，用来声明变量。它的用法类似于var，但是所声明的变量，只在let命令所在的代码块内有...

• 2020-05-27

337浏览

0评论

Vue常用传值方式、父传子、子传父及非父子实例分析

本文实例讲述了Vue常用传值方式、父传子、子传父及非父子。分享给大家供大家参考，具体如下：父组件向子组件传值是利用props子组件中的注意事项：props:[‘greetMsg']，注意props后...

• 2020-05-27

148浏览

0评论

js+canvas实现简单扫雷小游戏

扫雷小游戏作为windows自带的一个小游戏，受到很多人的喜爱，今天我们就来尝试使用h5的canvas结合js来实现这个小游戏。要写游戏，首先要明确游戏的规则，扫雷游戏是一个用鼠标操作...

• 2020-05-27

187浏览

0评论

Vue实现简易计算器

本文实例为大家分享了Vue实现简易计算器的具体代码，供大家参考，具体内容如下<html><body><div id="demo"> <h2>简单加减乘除计算器</h2> <p>请输入第一个数：<input type="text"...

• 2020-05-27

410浏览

0评论

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

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

• 2020-05-27

161浏览

0评论

使用Vue实现简单计算器

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

• 2020-05-27

219浏览

0评论

Vue实现简单计算器案例

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

• 2020-05-27

427浏览

0评论

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

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

• 2020-05-27

464浏览

0评论

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

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

微信
• 2020-05-27

154浏览

0评论

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

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

• 2020-05-27

148浏览

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

197浏览

0评论

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

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

• 2020-05-27

195浏览

0评论

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

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

微信
• 2020-05-27

202浏览

0评论

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

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

• 2020-05-27

284浏览

0评论

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

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

• 2020-05-27

140浏览

0评论

JavaScript实现打砖块游戏

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

• 2020-05-27

193浏览

0评论

jquery实现直播视频弹幕效果

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

• 2020-05-27

167浏览

0评论

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

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

• 2020-05-27

166浏览

0评论

javascript 数组精简技巧小结

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

• 2020-05-27

190浏览

0评论

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

本文实例讲述了原生javascript制作贪吃蛇小游戏的方法。分享给大家供大家参考，具体如下：<!--1、 创建场景 -->
<!-- 2、定义初始数据 以及随机食物 -->
<!-- 3、控制贪吃蛇方...

• 2020-05-27

180浏览

0评论

BootStrap前端框架使用方法详解

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

• 2020-05-27

288浏览

0评论

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

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

微信
• 2020-05-27

229浏览

0评论

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

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

• 2020-05-27

323浏览

0评论

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

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

• 2020-05-27

213浏览

0评论

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

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

• 2020-05-27

195浏览

0评论

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

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

• 2020-05-27

167浏览

0评论

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

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

• 2020-05-27

194浏览

0评论

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

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

• 2020-05-27

215浏览

0评论

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

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

• 2020-05-27

198浏览

0评论

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

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

• 2020-05-27

237浏览

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

200浏览

0评论

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

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

• 2020-05-27

367浏览

0评论

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

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

xml文件<view cl...

微信
• 2020-05-27

201浏览

0评论

浅析Vue 中的 render 函数

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

• 2020-05-27

274浏览

0评论

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

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

微信
• 2020-05-27

251浏览

0评论

vue 中的 render 函数作用详解

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

• 2020-05-27