JavaScript - 教程之家

80浏览

0评论

webpack配置proxyTable时pathRewrite无效的解决方法

本人webpack版本3.6，webpack-dev-server版本2.9.1，本人按照网上写的版本折腾两天都没通，无意间自己试通了，猜测网上大部分都是照本宣科，没有自己实践webpack配置接口地址代理
在...

2020-05-27

80浏览

0评论

如何在Vue中使用CleaveJS格式化你的输入内容

What's CleaveJS?
CleaveJS 是最近github上的一个热门项目，在短短的一个多月中star数达到了2500+，且保持着强劲的上升势头。它的主要目的是Format input text content whe...

2020-05-27

58浏览

0评论

javascript中的event loop事件循环详解

前言javascript是单线程的语言，也就是说，同一个时间只能做一件事。而这个单线程的特性，与它的用途有关，作为浏览器脚本语言，JavaScript的主要用途是与用户互动，以及操作DOM。这决...

2020-05-27

106浏览

0评论

微信小程序实现动态显示和隐藏某个控件功能示例

本文实例讲述了微信小程序实现动态显示和隐藏某个控件功能。分享给大家供大家参考，具体如下：在小程序的开发过程中，经常需要用到隐藏某个控件这种情况。因为项目原本是需要将两...

2020-05-27

80浏览

0评论

详解vue项目接入微信JSSDK的坑

用于记录接入微信JS-SDK的坑，以后方便查询第一次接入公众号微信支付、分享、定位等等的坑的时候，心里是迷茫而又恐惧。因为，听说坑特别多，后来发现自己的亲身体验到了这一点。...

2020-05-27

70浏览

0评论

JS实现的A*寻路算法详解

本文实例讲述了JS实现的A*寻路算法。分享给大家供大家参考，具体如下：这两天在做百度前端技术学院的题目，其中有涉及到寻路相关的，于是就找来相关博客进行阅读。看了Create Chen...

2020-05-27

58浏览

0评论

JS/HTML5游戏常用算法之路径搜索算法 A*寻路算法完整实例

本文实例讲述了JS/HTML5游戏常用算法之路径搜索算法 A*寻路算法。分享给大家供大家参考，具体如下：原理可参考：https://www.freexyz.cn/article/152744.htm完整实例代码如下：<!DOCT...

2020-05-27

86浏览

0评论

详解React 服务端渲染方案完美的解决方案

最近在开发一个服务端渲染工具，通过一篇小文大致介绍下服务端渲染，和服务端渲染的方式方法。在此文后面有两中服务端渲染方式的构思，根据你对服务端渲染的利弊权衡，你会选择哪一...

2020-05-27

71浏览

0评论

JavaScript模板引擎应用场景及实现原理详解

本文实例讲述了JavaScript模板引擎应用场景及实现原理。分享给大家供大家参考，具体如下：一、应用场景以下应用场景可以使用模板引擎：1、如果你有动态ajax请求数据并需要封装成...

2020-05-27

83浏览

0评论

JavaScript构建自己的模板小引擎示例

本文实例讲述了JavaScript构建自己的模板小引擎。分享给大家供大家参考，具体如下：有时候，我们不需要太牛逼太强大的JavaScript模板引擎（比如jQuery tmpl或者handlebarsjs），我们只...

2020-05-27

77浏览

0评论

Angular2 自定义表单验证器的实现方法

废话最近由于项目上需要用到表单验证，前面直接通过 (input) 事件进行数据检查，但是不好和自带的验证器统一，而且也不正统。于是打算研究一下自定义验证器，网上类似的文章很多，但...

2020-05-27

52浏览

0评论

JavaScript模板引擎实现原理实例详解

本文实例讲述了JavaScript模板引擎实现原理。分享给大家供大家参考，具体如下：1、入门实例首先我们来看一个简单模板： <script type="template" id="template"> <h2> <a href...

2020-05-27

53浏览

0评论

Vue源码解析之Template转化为AST的实现方法

什么是AST在Vue的mount过程中，template会被编译成AST语法树，AST是指抽象语法树（abstract syntax tree或者缩写为AST），或者语法树（syntax tree），是源代码的抽象语法结构的树状表现形...

2020-05-27

74浏览

0评论

antd Upload 文件上传的示例代码

1.antd官网Upload组件：https://ant.design/components/upload-cn/2.下图是最近开发的上传文档的效果：3.文件上传的实现：（1）方法一：antd默认上传。a：渲染文件上传组件。getPDFURL（）方...

2020-05-27

123浏览

0评论

vue使用pdfjs显示PDF可复制的实现方法

pdf显示的方法
方法一
使用embed标记来使用浏览器自带的pdf工具。
这种实现方式优缺点都很明显：
优点：自带“打印”，“搜索”，“翻页”等功能，强大且实现方便。
缺点：不同浏览器的...

2020-05-27

87浏览

0评论

Echart折线图手柄触发事件示例详解

前言这是我准备在这个项目中使用的图形库，这也是一款基于HTML5的图形库。图形的创建也比较简单，直接引用Javascript即可。使用这个库的原因主要有三点，一个是因为这个库是百度...

2020-05-27

91浏览

0评论

微信小程序 JS动态修改样式的实现方法

前言本文主要介绍了关于微信小程序 JS动态修改样式的相关内容，分享出来供大家参考学习，下面话不多说了，来一起看看详细的介绍吧先写一个不怎么好看的demo，通过点击事件来控制vie...

2020-05-27

88浏览

0评论

微信小程序登录按钮遮罩浮层效果的实现方法

前言近期在写一点小东西,碰到遮罩...所以将实现的过程分享出来，供大家参考学习，下面话不多说了，来一起看看详细的介绍吧逻辑如下：
1：第一次登陆的时候会有一个登录按钮遮罩浮层提...

2020-05-27

61浏览

0评论

js实现移动端轮播图

本文实例为大家分享了js实现移动端轮播图的具体代码，供大家参考，具体内容如下这是结构<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport"...

2020-05-27

128浏览

0评论

Vue 中的受控与非受控组件的实现

受控组件
什么是受控组件？
其值由React控制的输入表单元素称为“受控组件”。受控组件有两个特点：1. 设置value值，value由state控制，2. value值一般在onChange事件中通过setStat...

2020-05-27

76浏览

0评论

vue + element-ui的分页问题实现

背景介绍最近比较空闲，公司的后台就想着把现在的后台管理系统给改版一下，说是以前的太难看了，用着也不好用，然后给我甩过来一个ant-design-pro的链接，说是他看这个就挺不错的。我...

2020-05-27

79浏览

0评论

vuex 解决报错this.$store.commit is not a function的方法

Vue的项目中，如果项目简单，父子组件之间的数据传递可以使用 props 或者 $emit 等方式进行传递但是如果是大中型项目中，很多时候都需要在不相关的平行组件之间传递数据，并且很...

2020-05-27

225浏览

0评论

Vue 报错TypeError: this.$set is not a function 的解决方法

报错场景：将APi中得到的response数据，用Vue$set()使数据动态响应报错代码： methods: { textTranslate: function (text, to) { $.ajax({ url: 'http://openapi.youdao.c...

2020-05-27

83浏览

0评论

vue 表单验证按钮事件交由父组件触发的方法

vue 表单验证按钮事件交由父组件触发，不直接再子组件上操作的方法子组件：
//内容部分<Form ref="formCustom" :model="formCustom" :rules="ruleCustom" :label-width="80">...

2020-05-27

56浏览

0评论

vue中引入第三方字体文件的方法示例

在用vue来写一官网的时候，想引入外部字体文件，毕竟总感觉他自己的字体有点难看，在这里记录下
1.先下载字体文件所需的.ttf文件
我这里想引入的是华文行楷字体
百度后下载了一个...

2020-05-27

59浏览

0评论

vue项目中axios请求网络接口封装的示例代码

每个项目网络请求接口封装都是很重要的一块，第一次做Vue项目，我们的封装方法如下：(1).新建一个js文件，取名api.js(2).引入 axios ，mint-UI ,如下图：import axios from 'axios'impo...

2020-05-27

114浏览

0评论

微信小程序解除10个请求并发限制

这可能是一个冷消息，所以标题比较劲爆。
小程序并发限制由来已久，从刚发布时的 5 并发，到后来的 10 并发，同时发出的请求数若超出这个限制则将被残忍抛弃，由此催生了很多开发者在...

2020-05-27

64浏览

0评论

antd组件Upload实现自己上传的实现示例

前言在实现图片上传时，可能需要用到Upload，但是它默认的上传方式是加入图片后直接上传，如果要实现最后再一次性上传，需要自定义内容。//添加按钮的样式const uploadButton = (...

2020-05-27

71浏览

0评论

CryptoJS中AES实现前后端通用加解密技术

在项目中如果要对前后端传输的数据双向加密，比如避免使用明文传输用户名，密码等数据。就需要对前后端数据用同种方法进行加密，方便解密。这里介绍使用 CryptoJS 实现 AES 加...

2020-05-27

53浏览

0评论

JS实现的tab页切换效果完整示例

本文实例讲述了JS实现的tab页切换效果。分享给大家供大家参考，具体如下：效果图如下：完整实例代码：<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www...

2020-05-27

84浏览

0评论

JS监听滚动和id自动定位滚动

本文主要介绍原生JS进行滚动监听和id定位滚动，与效果锚点类似，适用于vue。关键性代码如下：var scroll = document.documentElement.scrollTop || document.body.scrollTop; //...

2020-05-27

83浏览

0评论

Makefile/cmake/node-gyp中区分判断不同平台的方法

最近用QTK开发一个下载(下载到开发板)工具，同时用到了Makefile/cmake和node-gyp，而且都要针对不同平台做不同的处理。这里做个记录，以备以后有需要时查阅。Makefile在Makefile...

2020-05-27

81浏览

0评论

关于node-bindings无法在Electron中使用的解决办法

node-bindings非常好用，但是在Electron中无法使用，我查了一下，是因为fileName以file://开头导致无法定位动态库的根目录。已经提交给作者了，可以临时修改一下node_modules/bindi...

2020-05-27

55浏览

0评论

动态内存分配导致影响Javascript性能的问题

内存分配对性能的影响是很大的，分配内存本身需要时间，垃圾回收器回收内存也需要时间，所以应该尽量避免在堆里分配内存。不过直到最近优化HoLa cantk时，我才深刻的体会到内存分配...

2020-05-27

113浏览

0评论

js指定日期增加指定月份的实现方法

前言本文主要给大家介绍的是关于js实现指定日期增加指定月份的相关内容，分享出来供大家参考学习，下面话不多说了，来一起看看详细的介绍吧首先，大致思路为： 1. 先将字符串格式...

2020-05-27

62浏览

0评论

vue动态绑定class选中当前列表变色的方法示例

这个小技巧在工作当中是非常实用而且经常用到的希望小伙伴儿们能学到。先看看效果图吧接下来我们看看怎么实现的吧在methods中写入一个方法clickcategory(index){ // 这里...

2020-05-27

87浏览

0评论

JS实现获取自定义属性data值的方法示例

本文实例讲述了JS实现获取自定义属性data值的方法。分享给大家供大家参考，具体如下：HTML部分：<div id="tree" data-leaves="47" data-plant-height="2.4m"></div>js部分：var tre...

2020-05-27

192浏览

0评论

vue使用Google地图的实现示例代码

最近用Vue开发后台系统时，有些数据需要在地图上标注出来，需要用到地图功能，因为是国际项目，国内的地图不太适用，所以选用了Google地图，谷歌地图API： https://developers.google.cn/...

2020-05-27

80浏览

0评论

vue项目搭建以及全家桶的使用详细教程(小结)

前言vue是现阶段很流行的前端框架，很多人通过vue官方文档的学习，对vue的使用都有了一定的了解，但再在项目工程化处理的时候，却发现不知道改怎么更好的管理自己的项目，如何去引入...

2020-05-27

70浏览

0评论

mockjs+vue页面直接展示数据的方法

最近想往数据库里导一些数据，同事推荐了mock，了解一下觉得不错，现将在vue用的mock贴上来写在前默认看此文的盆友都是有vue基础的哟~~
一、导读
将 mockjs 的数据直接展示在 vue...

2020-05-27

50浏览

0评论

浅谈Angular7 项目开发总结

由于公司需要，开始学习angular，这个传闻中学习曲线及其陡峭的前端框架，并开始写第一个用angular的项目，截止今天初步完成现有需求，顾在此做一次遇到问题的总结，以便知识的掌握。...

2020-05-27

80浏览

0评论

如何为vue的项目添加单元测试

动机单元测试能避免出现一些代码运行结果与预期不符的错误，通常是一些比较低级但又难以发现的问题。粗心且懒，在每次调整之后，需要不断地检查代码，反复去走流程。担心由于自...

2020-05-27

53浏览

0评论

浅谈vue后台管理系统权限控制思考与实践

前言
最近在开发管理系统时遇到了任何管理系统都会有的需求---权限控制，之前也遇到过这种需求，但是架构不完善导致的各种问题使得后期维护非常麻烦，这一次的方案解决了之前的种...

2020-05-27

61浏览

0评论

JavaScript链式调用实例浅析

本文实例分析了JavaScript链式调用。分享给大家供大家参考，具体如下：对$函数你已经很熟悉了。它通常返回一个html元素或一个html元素的集合，如下：function$(){ var elements =...

2020-05-27

50浏览

0评论

JavaScript创建对象方式总结【工厂模式、构造函数模式、原型模式等】

本文实例总结了JavaScript创建对象方式。分享给大家供大家参考，具体如下：这里主要是对《JavaScript高级程序设计》第六章（面向对象的程序设计）的总结，书上的这章至少看了4遍是有...

2020-05-27

143浏览

0评论

详解Vue.js自定义tipOnce指令用法实例

vuejs自定义指令是用来操作DOM的。尽管Vue推崇数据驱动视图的理念，但并非所有情况都适合数据驱动。自定义指令就是一种有效的补充和扩展，不仅可用于定义任何的DOM操作，并且是可...

2020-05-27

73浏览

0评论

vue返回上一页面时回到原先滚动的位置的方法

项目结束，测试时发现在首页商品列表中，向上滑动几页后点击进入详情，从详情页面返回商品列表时，页面回到了最顶部，测试不通过说是用户体验不好，要求从哪里点击进去返回该页面时回到...

2020-05-27

56浏览

0评论

JavaScript类的继承操作实例总结

本文实例总结了JavaScript类的继承操作。分享给大家供大家参考，具体如下：一、类式继承首先要做的是创建构造函数。按惯例，其名称就是类名，首字母应该大写。在构造函数中，创建实例...

2020-05-27

65浏览

0评论

微信小程序module.exports模块化操作实例浅析

本文实例讲述了微信小程序module.exports模块化操作。分享给大家供大家参考，具体如下：文件目录如上图：看到网上写的模块化都比较复杂，写个入门版的好让大家理解理解common.js...

2020-05-27

83浏览

0评论

vue+Vue Router多级侧导航切换路由(页面)的实现代码

当当当当当~我又来了。在项目里经常会遇到侧导航切换页面的功能。如果我们将侧导航做成公共组件，来调用的话，就会在每一个页面都引用该组件，在后期维护的时候比较麻烦，比如改参...

2020-05-27

热门文章