JavaScript - 教程之家

132浏览

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

133浏览

0评论

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

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

2020-05-27

117浏览

0评论

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

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

2020-05-27

145浏览

0评论

JsonServer安装及启动过程图解

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

2020-05-27

109浏览

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

111浏览

0评论

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

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

2020-05-27

107浏览

0评论

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

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

2020-05-27

147浏览

0评论

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

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

2020-05-27

135浏览

0评论

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

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

2020-05-27

112浏览

0评论

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

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

2020-05-27

188浏览

0评论

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

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

2020-05-27

423浏览

0评论

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

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

微信

2020-05-27

217浏览

0评论

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

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

2020-05-27

378浏览

0评论

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

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

2020-05-27

144浏览

0评论

原生js实现日历效果

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

2020-05-27

154浏览

0评论

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

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

2020-05-27

166浏览

0评论

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

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

2020-05-27

152浏览

0评论

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

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

2020-05-27

150浏览

0评论

ES6中Set和Map用法实例详解

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

2020-05-27

142浏览

0评论

Vue Router的手写实现方法实现

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

2020-05-27

349浏览

0评论

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

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

2020-05-27

127浏览

0评论

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

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

2020-05-27

126浏览

0评论

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

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

2020-05-27

164浏览

0评论

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

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

2020-05-27

138浏览

0评论

js实现烟花特效

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

2020-05-27

124浏览

0评论

JS如何生成随机验证码

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

2020-05-27

509浏览

0评论

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

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

微信

2020-05-27

148浏览

0评论

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

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

2020-05-27

141浏览

0评论

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

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

2020-05-27

360浏览

0评论

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

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

2020-05-27

137浏览

0评论

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

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

2020-05-27

173浏览

0评论

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

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

2020-05-27

165浏览

0评论

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

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

2020-05-27

440浏览

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

230浏览

0评论

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

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

第二步：点击接入指引

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

2020-05-27

112浏览

0评论

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

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

2020-05-27

117浏览

0评论

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

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

2020-05-27

117浏览

0评论

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

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

2020-05-27

144浏览

0评论

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

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

2020-05-27

131浏览

0评论

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

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

2020-05-27

137浏览

0评论

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

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

2020-05-27

125浏览

0评论

Javascript模拟实现new原理解析

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

2020-05-27

109浏览

0评论

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

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

2020-05-27

66浏览

0评论

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

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

2020-05-27

192浏览

0评论

微信小程序getLocation 需要在app.json中声明permission字段

小程序更新了部分配置,位置授权要先在app.json里声明一下,这在以前是不需要,会提示getLocation 需要在app.json中声明permission字段,如图解决办法:在app.json中加入下面这...

微信

2020-05-27

76浏览

0评论

通过实例了解Javascript柯里化流程

函数式编程是一种如今比较流行的编程范式，它主张将函数作为参数进行传递，然后返回一个没有副作用的函数，说白了，就是希望一个函数只做一件事情。像Javascript，Haskell，Clojure等编...

2020-05-27

212浏览

0评论

js数组相减简单示例【删除a数组所有与b数组相同元素】

本文实例讲述了js数组相减。分享给大家供大家参考，具体如下：<!DOCTYPE html><html><head> <title>js数组相减</title></head><body><script type="text/javascript"> func...

2020-05-27

93浏览

0评论

JS中==、===你分清楚了吗

==、===都是相等运算符，这个大家应该都知道，但二者有什么区别呢？其实==是相等，===是严格相等，那他们有什么本质的区别呢？下面我就给大家细细道来。 =：赋值运算符 ==：判断是否相等：...

2020-05-27

145浏览

0评论

使用Vue 自定义文件选择器组件的实例代码

本文 GitHub https://github.com/qq44924588... 上已经收录，更多往期高赞文章的分类，也整理了很多我的文档，和教程资料。欢迎Star和完善，大家面试可以参照考点复习，希望我们一起...

2020-05-27

173浏览

0评论

vue请求数据的三种方式

请求数据的方式： vue-resource 官方提供的 vue的一个插件 axios fetch-jsonp一，vue-resource请求数据介绍：vue-resource请求数据方式是官方提供的一个插件使用步骤：
1、安装v...

2020-05-27

热门文章