JavaScript - 教程之家

127浏览

0评论

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

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

2020-05-27

127浏览

0评论

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

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

2020-05-27

84浏览

0评论

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

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

2020-05-27

150浏览

0评论

Vue 技巧之控制父类的 slot

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

2020-05-27

93浏览

0评论

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

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

2020-05-27

135浏览

0评论

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

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

2020-05-27

111浏览

0评论

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

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

微信

2020-05-27

130浏览

0评论

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

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

2020-05-27

119浏览

0评论

nodejs制作小爬虫功能示例

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

2020-05-27

131浏览

0评论

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

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

2020-05-27

119浏览

0评论

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

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

2020-05-27

122浏览

0评论

jquery实现的放大镜效果示例

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

2020-05-27

86浏览

0评论

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

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

2020-05-27

120浏览

0评论

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

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

2020-05-27

308浏览

0评论

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

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

2020-05-27

114浏览

0评论

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

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

2020-05-27

145浏览

0评论

Vue实现简易计算器

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

2020-05-27

368浏览

0评论

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

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

2020-05-27

113浏览

0评论

使用Vue实现简单计算器

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

2020-05-27

185浏览

0评论

Vue实现简单计算器案例

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

2020-05-27

376浏览

0评论

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

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

2020-05-27

410浏览

0评论

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

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

微信

2020-05-27

119浏览

0评论

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

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

2020-05-27

109浏览

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

160浏览

0评论

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

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

2020-05-27

140浏览

0评论

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

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

微信

2020-05-27

169浏览

0评论

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

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

2020-05-27

247浏览

0评论

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

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

2020-05-27

105浏览

0评论

JavaScript实现打砖块游戏

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

2020-05-27

161浏览

0评论

jquery实现直播视频弹幕效果

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

2020-05-27

133浏览

0评论

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

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

2020-05-27

126浏览

0评论

javascript 数组精简技巧小结

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

2020-05-27

153浏览

0评论

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

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

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

2020-05-27

135浏览

0评论

BootStrap前端框架使用方法详解

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

2020-05-27

236浏览

0评论

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

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

微信

2020-05-27

189浏览

0评论

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

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

2020-05-27

284浏览

0评论

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

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

2020-05-27

182浏览

0评论

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

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

2020-05-27

164浏览

0评论

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

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

2020-05-27

129浏览

0评论

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

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

2020-05-27

159浏览

0评论

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

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

2020-05-27

169浏览

0评论

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

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

2020-05-27

162浏览

0评论

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

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

2020-05-27

196浏览

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

155浏览

0评论

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

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

2020-05-27

285浏览

0评论

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

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

xml文件<view cl...

微信

2020-05-27

166浏览

0评论

浅析Vue 中的 render 函数

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

2020-05-27

223浏览

0评论

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

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

微信

2020-05-27

209浏览

0评论

vue 中的 render 函数作用详解

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

2020-05-27

415浏览

0评论

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

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

2020-05-27

热门文章