JavaScript - 教程之家

75浏览

0评论

基于JS抓取某高校附近共享单车位置使用web方式展示位置变化代码实例

效果如图使用了高德地图API：https://lbs.amap.com/api/javascript-api/example/marker/massmarks
js代码如下：function MapOperate() { } MapOperate.prototype.listensubmit...

2020-05-27

84浏览

0评论

原生javascript自定义input[type=radio]效果示例

本文实例讲述了原生javascript自定义input[type=radio]效果。分享给大家供大家参考，具体如下：找到最为简单的仅仅使用css3的方案<!DOCTYPE html><html lang="en"><head> <met...

2020-05-27

123浏览

0评论

解决Vue中父子传值数据丢失问题

在Vue中，父子组件传值，子组件通过props接收父组件传递的数据父组件questionList :传递数据参数questionsLists: 传递数据源
子组件porps 接收父组件方式有俩中，一种是通过对象...

2020-05-27

90浏览

0评论

JS多个表单数据提交下的serialize()应用实例分析

本文实例讲述了JS多个表单数据提交下的serialize()应用。分享给大家供大家参考，具体如下：在实际开发场景中，难免遇到需要多个表单的数据传递问题。之所以要进行多表单的数据传...

2020-05-27

85浏览

0评论

jQuery实现判断滚动条滚动到document底部的方法分析

本文实例讲述了jQuery实现判断滚动条滚动到document底部的方法。分享给大家供大家参考，具体如下：滚动条没有实际的高度。只是为了呈现效果才在外型上面有长度。在js当中也没有...

2020-05-27

106浏览

0评论

微信小程序模板消息限制实现无限制主动推送的示例代码

需求背景
基于微信的通知渠道，微信小程序为开发者提供了可以高效触达用户的模板消息能力，在用户本人与小程序页面有交互行为后触发，通过微信聊天列表中的服务通知可快捷进入查...

2020-05-27

116浏览

0评论

JS常见面试试题总结【去重、遍历、闭包、继承等】

本文实例讲述了JS常见面试试题。分享给大家供大家参考，具体如下：JavaScript面试题总结1，首先是数组去重算法：给一个数组，去掉重复值(function() { var arr = [1, 2, 3, 3, 4,...

2020-05-27

131浏览

0评论

微信小程序中为什么使用var that=this

前言：　　在小程序或者js开发中，经常需要使用var that = this;开始我以为是无用功，（原谅我的无知），后来从面向对象的角度一想就明白了，下面简单解释一下我自己的理解，欢迎指正批评。...

2020-05-27

111浏览

0评论

vue使用codemirror的两种用法

这是我自己做的一个左边点击对应的标题，右边显示相应代码的一个功能。代码显示这里用的是vue-codemirror插件。第一种用法：
1、安装：npm install vue-codemirror --save
2、在m...

2020-05-27

87浏览

0评论

在vue项目中使用codemirror插件实现代码编辑器功能

在vue项目中使用codemirror插件实现代码编辑器功能（代码高亮显示及自动提示），具体内容如下所示：1、使用npm安装依赖npm install --save codemirror;2、在页面中放入如下代码<tem...

2020-05-27

129浏览

0评论

详解微信小程序开发之formId使用（模板消息）

基于微信小程序的模板消息：
官方文档基于微信的通知渠道，我们为开发者提供了可以高效触达用户的模板消息能力，以便实现服务的闭环并提供更佳的体验。模板推送位置：服务通知...

2020-05-27

609浏览

0评论

vue实现codemirror代码编辑器中的SQL代码格式化功能

vue实现codemirror代码编辑器中的SQL代码格式化功能1、首先使用npm安装sql-formatter插件npm install --save sql-formatter2、然后引入该sql-formatter.js文件import sqlFo...

2020-05-27

131浏览

0评论

微信小程序模板消息推送的两种实现方式

最近在做微信小程序，为了让用户能更加方便的获取到小程序内部的通知，便想着用模板消息来解决此类问题。首先介绍一下两种方法第一种是传统的按照微信开发文档来实现模板消息的...

2020-05-27

82浏览

0评论

JS用最简单的方法实现四舍五入

1 、tofixed方法toFixed() 方法可把 Number 四舍五入为指定小数位数的数字。例如将数据Num保留2位小数，则表示为：toFixed(Num)；但是其四舍五入的规则与数学中的规则不同，使用的...

2020-05-27

284浏览

0评论

解决vue打包后刷新页面报错：Unexpected token <

前言今天遇到了一个很怪的问题，在vue-cli+webpack的项目中，刷新特定页面后页面会变空白，报错为index.html文件中Unexpected token <。怪点一是开发环境没有问题，只有生产环境有...

2020-05-27

86浏览

0评论

axios如何利用promise无痛刷新token的实现方法

需求
最近遇到个需求：前端登录后，后端返回token和token有效时间，当token过期时要求用旧token去获取新的token，前端需要做到无痛刷新token，即请求刷新token时要做到用户无感知。...

2020-05-27

99浏览

0评论

package.json配置文件构成详解

1.项目基础信息 "name": "XXXXXXX", "version": "1.0.0", "description": "A Vue.js project", "author": "wyj <XXXXXXXXX@qq.com>", "private": true,2.脚本部分 "scripts...

2020-05-27

150浏览

0评论

vue项目中引入Sass实例方法

Sass作为目前成熟，稳定，强大的css扩展语言，让越来越多的前端工程师喜欢上它。下面介绍了如何在vue项目中引入Sass。首先在项目文件夹执行命令 npm install vue-cli -g，安装vue-c...

2020-05-27

104浏览

0评论

vue递归组件实战之简单树形控件实例代码

1、递归组件-简单树形控件预览及问题
在编写树形组件时遇到的问题：
组件如何才能递归调用？递归组件点击事件如何传递？ 2、树形控件基本结构及样式
<template> <ul class=...

2020-05-27

104浏览

0评论

js对象数组和对象的使用实例详解

数组var arr = new Array(); //或者 var arr = [];//或者var arr = [{index:'0'},{address:'1'}];var obj_1 = { index:'1', index:'2'};var obj_2 = { index:'3', index:'3...

2020-05-27

120浏览

0评论

JS实现提示框跟随鼠标移动

分享实例代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> *{ padding: 0; margin: 0; } .box{wid...

2020-05-27

86浏览

0评论

jQuery - AJAX load() 实例用法详解

jQuery load() 方法是简单但强大的 AJAX 方法。load() 方法从服务器加载数据，并把返回的数据放入被选元素中。语法:$(selector).load(URL,data,callback);必需的 URL 参数规...

2020-05-27

91浏览

0评论

Angular6使用forRoot() 注册单一实例服务问题

假如我们有一个shareModule来存放公用的组件(Component)、指令(Directive)、管道(Pipe)、服务（Service），为避免各个子模块引用shareModule时造成App中有多个一样的单一实例服务...

2020-05-27

104浏览

0评论

js遍历详解(forEach, map, for, for...in, for...of)

forEach
es5出来的方法，这是我在react中用的最多的遍历方法之一，用法如下：models.forEach(model => app.model(model));dva里面经常这么写。写法很简单，经常用于通过这个数组内...

2020-05-27

97浏览

0评论

Vue项目实现换肤功能的一种方案分析

需求：网站换肤，主题切换。网站的主题色可以在几种常用颜色之间进行切换，还有相关图片、图标也要跟随主题进行切换。不多说，先看下最终的实现效果：
文章由两部分组成：css切换，图片...

2020-05-27

93浏览

0评论

详解Vue 换肤方案验证

本文的换肤方案灵感来自于 element-ui需求：网站换肤，主题切换。网站的主题色可以在几种常用颜色之间进行切换，还有相关图片、图标也要跟随主题进行切换。不多说，先看下最终的实...

2020-05-27

100浏览

0评论

JS开发自己的类库实例分析

本文实例分析了JS开发自己的类库。分享给大家供大家参考，具体如下：上文说过，复用性主要有：插件，插件为功能的基本单元；组件，组件为应用的单元；设计模式，设计模式为解决为题的思路。上...

2020-05-27

100浏览

0评论

Vue的编码技巧与规范使用详解

当我们完成项目的构建，进入开发阶段的时候，除了你需要了解框架本身的知识点外，我们还需要提前掌握一些项目的编码技巧与规范，在根源上解决之后因编码缺陷而导致的项目维护困难、...

2020-05-27

107浏览

0评论

浅谈对于“不用setInterval，用setTimeout”的理解

JavaScript高级程序设计（第三版）（以下简称红宝书）22.3高级定时器中详细介绍了定时器setTimeout和setInterval，看完书后，深入理解了二者的区别，结合前辈们给我的建议“用setTimeout，...

2020-05-27

82浏览

0评论

vue服务端渲染操作简单入门实例分析

本文实例讲述了vue服务端渲染操作。分享给大家供大家参考，具体如下：想到要学习vue-ssr的同学，自不必多说，一定是熟悉了vue，并且多多少少做过几个项目。然后学习vue服务端渲染无非...

2020-05-27

105浏览

0评论

TypeScript类型声明书写详解

本文总结一下TypeScript类型声明的书写，很多时候写TypeScript不是问题，写类型就特别纠结，我总结下，我在使用TypeScript中遇到的问题。如果你遇到类型声明不会写的时候，多看看loda...

2020-05-27

112浏览

0评论

深入解析JS实现3D标签云的原理与方法

本文实例讲述了深入解析JS实现3D标签云的原理与方法。分享给大家供大家参考，具体如下：最近开始用canvas搞3D了，搞得也是简单的东西，就是球体转圈。做出来后，突然想起以前看过的3D...

2020-05-27

151浏览

0评论

微信小程序通过js实现瀑布流布局详解

前言
瀑布流 - 小程序中数据列表或者图片展示难免高度不一，而我们一般固定宽度，让其高度自适应，并无缝对接。如下图：
瀑布流的两种做法：css:
在父元素上使用column-count: 2也可...

2020-05-27

156浏览

0评论

vue实现标签云效果的方法详解

本文实例讲述了vue实现标签云效果的方法。分享给大家供大家参考，具体如下：闲扯两句最近想给自己的博客上加上一个3D标签云的效果，用来表示自己博客文章的分组，网上找到了canvas...

2020-05-27

99浏览

0评论

微信小程序可搜索的地址选择实现详解

这篇文章主要介绍了微信小程序可搜索的地址选择实现详解,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下最终实现效果：...

2020-05-27

90浏览

0评论

小程序中this.setData的使用和注意事项

前言：微信小程序中经常需要用到this.setData({})把变量值渲染到视图层，那到底什么是this.setData，如何使用？需要注意哪些？作为一个初学者，分享一点我的经验，希望大家批评指正。　　...

2020-05-27

100浏览

0评论

微信小程序拍照或从相册选取图片上传代码实例

这篇文章主要介绍了微信小程序拍照或从相册选取图片上传代码实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下uploa...

2020-05-27

73浏览

0评论

vue中监听返回键问题

问题：在项目中，我们常常有需求，当用户在填写表单时，点击返回的时候，我们希望加一个弹窗，确认离开吗，确认将保存为草稿解决方案：利用 H5的 pushstate（个人理解为增加页面栈）特性与onpop...

2020-05-27

83浏览

0评论

详解用async/await来处理异步

昨天看了一篇vue的教程，作者用async/ await来发送异步请求，从服务端获取数据，代码很简洁，同时async/await 已经被标准化，是时候学习一下了。先说一下async的用法，它作为一个关键字...

2020-05-27

70浏览

0评论

基于Node的Axure文件在线预览的实现代码

前言
公司现在的产品Axure文档在生成好Html文件之后，都是通过git来进行管理的，每次文件更新，大家都需要从git上进行拉取，然后在本地查看，更新会出现不及时的问题，大家有时候忘记gi...

2020-05-27

108浏览

0评论

JS中async/await实现异步调用的方法

async/await多个函数关联调用
async/await使得异步代码看起来像同步代码async函数会隐式地返回一个promise，而promise的reosolve值就是函数return的值Async/Await不需要写.th...

2020-05-27

73浏览

0评论

Elementui表格组件+sortablejs实现行拖拽排序的示例代码

前言运营小姐姐说想要可以直接拖拽排序的功能，原来在序号六的广告可能会因为金主爸爸加钱换到序号一的位置，拖拽操作就很方便效果实现方式template部分<el-table v-loading="l...

2020-05-27

87浏览

0评论

vue父子组件通信的高级用法示例

前言vue项目的一大亮点就是组件化。使用组件可以极大地提高项目中代码的复用率，减少代码量。但是使用组件最大的难点就是父子组件之间的通信。子通信父
父组件
<template><di...

2020-05-27

57浏览

0评论

Vue中的循环及修改差值表达式的方法

一.Vue中的循环
v-for常见的4总情况#第一种<div v-for="item in items"></div>#第二种<div v-for="(item, index) in items"></div>#第三种<div v-for="(val, key) in objec...

2020-05-27

91浏览

0评论

Angular8路由守卫原理和使用方法

路由守卫
守卫，顾名思义，必须满足一定的条件得到许可方可通行，否则拒绝访问或者重定向。Angular中路由守卫可以借此处理一些权限问题，通常应用中存储了用户登录和用户权限信息，遇...

2020-05-27

88浏览

0评论

vue 框架下自定义滚动条(easyscroll)实现方法

增加一个自定义滚动条插件：//插件采用jsx语法，使用前需要安装vue-jsx插件npm install babel-plugin-syntax-jsx --save-devnpm install babel-plugin-transform-vue-jsx --sav...

2020-05-27

74浏览

0评论

vue图片加载失败时用默认图片替换的方法

前言本文主要给大家介绍的关于vue实现图片加载失败时用默认图片替换的相关内容，分享出来供大家参考学习，下面话不多说了，来一起看看详细的介绍吧方法如下原理就是给img绑定erro...

2020-05-27

87浏览

0评论

微信小程序实现购物车代码实例详解

其实购物车都是类似的实现方法，只不过小程序是有他的数据层和业务层，在这里把之前的做法记录一下，分享出来也希望能给需要的小伙伴带来参考价值在最开始的时候先从本地存储中获...

2020-05-27

94浏览

0评论

webpack + vue 打包生成公共配置文件（域名）方便动态修改

需求原因原来的项目中域名是打包到项目里面的，打包后不能动态配置，只能通过不同的指令打包来切换域名，每天都在测试域名和正式域名来回摩擦，后台大佬说你们可以生成一个配...

2020-05-27

86浏览

0评论

Node4-5静态资源服务器实战以及优化压缩文件实例内容

浏览器控制台看一下RequestHeader有一个Accept-Encoding,而RespondHeaders中也会有一个Content-Encoding和他进行对应.Accept-Encoding当我们的浏览器发起一个文件的请求时...

2020-05-27

热门文章