详解vue项目接入微信JSSDK的坑
用于记录接入微信JS-SDK的坑，以后方便查询 第一次接入公众号微信支付、分享、定位等等的坑的时候，心里是迷茫而又恐惧。因为，听说坑特别多，后来发现自己的亲身体验到了这一点。...
2020-05-27
JS实现的A*寻路算法详解
本文实例讲述了JS实现的A*寻路算法。分享给大家供大家参考，具体如下：这两天在做百度前端技术学院的题目，其中有涉及到寻路相关的，于是就找来相关博客进行阅读。看了Create Chen...
2020-05-27
JS/HTML5游戏常用算法之路径搜索算法 A*寻路算法完整实例
本文实例讲述了JS/HTML5游戏常用算法之路径搜索算法 A*寻路算法。分享给大家供大家参考，具体如下：原理可参考：https://www.freexyz.cn/article/152744.htm完整实例代码如下：<!DOCT...
2020-05-27
详解React 服务端渲染方案完美的解决方案
最近在开发一个服务端渲染工具，通过一篇小文大致介绍下服务端渲染，和服务端渲染的方式方法。在此文后面有两中服务端渲染方式的构思，根据你对服务端渲染的利弊权衡，你会选择哪一...
2020-05-27
JavaScript模板引擎应用场景及实现原理详解
本文实例讲述了JavaScript模板引擎应用场景及实现原理。分享给大家供大家参考，具体如下：一、应用场景以下应用场景可以使用模板引擎：1、如果你有动态ajax请求数据并需要封装成...
2020-05-27
JavaScript构建自己的模板小引擎示例
本文实例讲述了JavaScript构建自己的模板小引擎。分享给大家供大家参考，具体如下：有时候，我们不需要太牛逼太强大的JavaScript模板引擎（比如jQuery tmpl或者handlebarsjs），我们只...
2020-05-27
Angular2 自定义表单验证器的实现方法
废话最近由于项目上需要用到表单验证，前面直接通过 (input) 事件进行数据检查，但是不好和自带的验证器统一，而且也不正统。于是打算研究一下自定义验证器，网上类似的文章很多，但...
2020-05-27
JavaScript模板引擎实现原理实例详解
本文实例讲述了JavaScript模板引擎实现原理。分享给大家供大家参考，具体如下：1、入门实例首先我们来看一个简单模板： <script type="template" id="template"> <h2> <a href...
2020-05-27
Vue源码解析之Template转化为AST的实现方法
什么是AST在Vue的mount过程中，template会被编译成AST语法树，AST是指抽象语法树（abstract syntax tree或者缩写为AST），或者语法树（syntax tree），是源代码的抽象语法结构的树状表现形...
2020-05-27
antd Upload 文件上传的示例代码
1.antd官网Upload组件：https://ant.design/components/upload-cn/2.下图是最近开发的上传文档的效果：3.文件上传的实现：（1）方法一：antd默认上传。a：渲染文件上传组件。getPDFURL（）方...
2020-05-27
vue使用pdfjs显示PDF可复制的实现方法
pdf显示的方法
方法一
使用embed标记来使用浏览器自带的pdf工具。
这种实现方式优缺点都很明显：
优点：自带“打印”，“搜索”，“翻页”等功能，强大且实现方便。
缺点：不同浏览器的...
2020-05-27
Echart折线图手柄触发事件示例详解
前言这是我准备在这个项目中使用的图形库，这也是一款基于HTML5的图形库。图形的创建也比较简单，直接引用Javascript即可。使用这个库的原因主要有三点，一个是因为这个库是百度...
2020-05-27
微信小程序 JS动态修改样式的实现方法
前言本文主要介绍了关于微信小程序 JS动态修改样式的相关内容，分享出来供大家参考学习，下面话不多说了，来一起看看详细的介绍吧先写一个不怎么好看的demo，通过点击事件来控制vie...
2020-05-27
微信小程序登录按钮遮罩浮层效果的实现方法
前言近期在写一点小东西,碰到遮罩...所以将实现的过程分享出来，供大家参考学习，下面话不多说了，来一起看看详细的介绍吧逻辑如下：
1：第一次登陆的时候会有一个登录按钮遮罩浮层提...
2020-05-27
js实现移动端轮播图
本文实例为大家分享了js实现移动端轮播图的具体代码，供大家参考，具体内容如下这是结构<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport"...
2020-05-27
Vue 中的受控与非受控组件的实现
受控组件
什么是受控组件？
其值由React控制的输入表单元素称为“受控组件”。受控组件有两个特点：1. 设置value值，value由state控制，2. value值一般在onChange事件中通过setStat...
2020-05-27
vue + element-ui的分页问题实现
背景介绍最近比较空闲，公司的后台就想着把现在的后台管理系统给改版一下，说是以前的太难看了，用着也不好用，然后给我甩过来一个ant-design-pro的链接，说是他看这个就挺不错的。我...
2020-05-27
vuex 解决报错this.$store.commit is not a function的方法
Vue的项目中，如果项目简单， 父子组件之间的数据传递可以使用 props 或者 $emit 等方式 进行传递但是如果是大中型项目中，很多时候都需要在不相关的平行组件之间传递数据，并且很...
2020-05-27
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
vue 表单验证按钮事件交由父组件触发的方法
vue 表单验证按钮事件交由父组件触发，不直接再子组件上操作的方法子组件：
//内容部分<Form ref="formCustom" :model="formCustom" :rules="ruleCustom" :label-width="80">...
2020-05-27
vue中引入第三方字体文件的方法示例
在用vue来写一官网的时候，想引入外部字体文件，毕竟总感觉他自己的字体有点难看，在这里记录下
1.先下载字体文件所需的.ttf文件
我这里想引入的是华文行楷字体
百度后下载了一个...
2020-05-27
vue项目中axios请求网络接口封装的示例代码
每个项目网络请求接口封装都是很重要的一块，第一次做Vue项目，我们的封装方法如下：(1).新建一个js文件，取名api.js(2).引入 axios ，mint-UI ,如下图：import axios from 'axios'impo...
2020-05-27
微信小程序解除10个请求并发限制
这可能是一个冷消息，所以标题比较劲爆。
小程序并发限制由来已久，从刚发布时的 5 并发，到后来的 10 并发，同时发出的请求数若超出这个限制则将被残忍抛弃，由此催生了很多开发者在...
2020-05-27
antd组件Upload实现自己上传的实现示例
前言在实现图片上传时，可能需要用到Upload，但是它默认的上传方式是加入图片后直接上传，如果要实现最后再一次性上传，需要自定义内容。//添加按钮的样式const uploadButton = (...
2020-05-27
CryptoJS中AES实现前后端通用加解密技术
在项目中如果要对前后端传输的数据双向加密， 比如避免使用明文传输用户名，密码等数据。 就需要对前后端数据用同种方法进行加密，方便解密。这里介绍使用 CryptoJS 实现 AES 加...
2020-05-27
JS实现的tab页切换效果完整示例
本文实例讲述了JS实现的tab页切换效果。分享给大家供大家参考，具体如下：效果图如下：完整实例代码：<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www...
2020-05-27
JS监听滚动和id自动定位滚动
本文主要介绍原生JS进行滚动监听和id定位滚动，与效果锚点类似，适用于vue。关键性代码如下：var scroll = document.documentElement.scrollTop || document.body.scrollTop; //...
2020-05-27
Makefile/cmake/node-gyp中区分判断不同平台的方法
最近用QTK开发一个下载(下载到开发板)工具，同时用到了Makefile/cmake和node-gyp，而且都要针对不同平台做不同的处理。这里做个记录，以备以后有需要时查阅。Makefile在Makefile...
2020-05-27
关于node-bindings无法在Electron中使用的解决办法
node-bindings非常好用，但是在Electron中无法使用，我查了一下，是因为fileName以file://开头导致无法定位动态库的根目录。已经提交给作者了，可以临时修改一下node_modules/bindi...
2020-05-27
动态内存分配导致影响Javascript性能的问题
内存分配对性能的影响是很大的，分配内存本身需要时间，垃圾回收器回收内存也需要时间，所以应该尽量避免在堆里分配内存。不过直到最近优化HoLa cantk时，我才深刻的体会到内存分配...
2020-05-27
js指定日期增加指定月份的实现方法
前言本文主要给大家介绍的是关于js实现指定日期增加指定月份的相关内容，分享出来供大家参考学习，下面话不多说了，来一起看看详细的介绍吧首先，大致思路为： 1. 先将字符串格式...
2020-05-27
vue动态绑定class选中当前列表变色的方法示例
这个小技巧在工作当中是非常实用而且经常用到的 希望小伙伴儿们能学到。先看看效果图吧接下来我们看看怎么实现的吧在methods中写入一个方法clickcategory(index){ // 这里...
2020-05-27
JS实现获取自定义属性data值的方法示例
本文实例讲述了JS实现获取自定义属性data值的方法。分享给大家供大家参考，具体如下：HTML部分：<div id="tree" data-leaves="47" data-plant-height="2.4m"></div>js部分：var tre...
2020-05-27
vue使用Google地图的实现示例代码
最近用Vue开发后台系统时，有些数据需要在地图上标注出来，需要用到地图功能，因为是国际项目，国内的地图不太适用，所以选用了Google地图，谷歌地图API： https://developers.google.cn/...
2020-05-27
vue项目搭建以及全家桶的使用详细教程(小结)
前言vue是现阶段很流行的前端框架，很多人通过vue官方文档的学习，对vue的使用都有了一定的了解，但再在项目工程化处理的时候，却发现不知道改怎么更好的管理自己的项目，如何去引入...
2020-05-27
mockjs+vue页面直接展示数据的方法
最近想往数据库里导一些数据，同事推荐了mock，了解一下觉得不错，现将在vue用的mock贴上来写在前默认看此文的盆友都是有vue基础的哟~~
一、导读
将 mockjs 的数据直接展示在 vue...
2020-05-27
浅谈Angular7 项目开发总结
由于公司需要，开始学习angular，这个传闻中学习曲线及其陡峭的前端框架，并开始写第一个用angular的项目，截止今天初步完成现有需求，顾在此做一次遇到问题的总结，以便知识的掌握。...
2020-05-27
如何为vue的项目添加单元测试
动机 单元测试能避免出现一些代码运行结果与预期不符的错误，通常是一些比较低级但又难以发现的问题。 粗心且懒，在每次调整之后，需要不断地检查代码，反复去走流程。担心由于自...
2020-05-27
浅谈vue后台管理系统权限控制思考与实践
前言
最近在开发管理系统时遇到了任何管理系统都会有的需求---权限控制，之前也遇到过这种需求，但是架构不完善导致的各种问题使得后期维护非常麻烦，这一次的方案解决了之前的种...
2020-05-27
JavaScript链式调用实例浅析
本文实例分析了JavaScript链式调用。分享给大家供大家参考，具体如下：对$函数你已经很熟悉了。它通常返回一个html元素或一个html元素的集合，如下：function$(){ var elements =...
2020-05-27
JavaScript创建对象方式总结【工厂模式、构造函数模式、原型模式等】
本文实例总结了JavaScript创建对象方式。分享给大家供大家参考，具体如下：这里主要是对《JavaScript高级程序设计》第六章（面向对象的程序设计）的总结，书上的这章至少看了4遍是有...
2020-05-27
详解Vue.js自定义tipOnce指令用法实例
vuejs自定义指令是用来操作DOM的。尽管Vue推崇数据驱动视图的理念，但并非所有情况都适合数据驱动。自定义指令就是一种有效的补充和扩展，不仅可用于定义任何的DOM操作，并且是可...
2020-05-27
vue返回上一页面时回到原先滚动的位置的方法
项目结束，测试时发现在首页商品列表中，向上滑动几页后点击进入详情，从详情页面返回商品列表时，页面回到了最顶部，测试不通过说是用户体验不好，要求从哪里点击进去返回该页面时回到...
2020-05-27
JavaScript类的继承操作实例总结
本文实例总结了JavaScript类的继承操作。分享给大家供大家参考，具体如下：一、类式继承首先要做的是创建构造函数。按惯例，其名称就是类名，首字母应该大写。在构造函数中，创建实例...
2020-05-27
微信小程序module.exports模块化操作实例浅析
本文实例讲述了微信小程序module.exports模块化操作。分享给大家供大家参考，具体如下：文件 目录如上图：看到网上写的模块化都比较复杂，写个入门版的 好让大家理解理解common.js...
2020-05-27
vue+Vue Router多级侧导航切换路由(页面)的实现代码
当当当当当~我又来了。在项目里经常会遇到侧导航切换页面的功能。如果我们将侧导航做成公共组件，来调用的话，就会在每一个页面都引用该组件，在后期维护的时候比较麻烦，比如改参...
2020-05-27
微信小程序实现的点击按钮 弹出底部上拉菜单功能示例
本文实例讲述了微信小程序实现的点击按钮 弹出底部上拉菜单功能。分享给大家供大家参考，具体如下：index.wxml<button type="default" bindtap="actionSheetTap">弹出action sh...
2020-05-27
微信小程序实现swiper切换卡内嵌滚动条不显示的方法示例
本文实例讲述了微信小程序实现swiper切换卡内嵌滚动条不显示的方法。分享给大家供大家参考，具体如下：index.wxml文件：<view class="swiper-tab"> <view class="swiper-tab-item...
2020-05-27
从零开始在NPM上发布一个Vue组件的方法步骤
TL;DR 本文细致讲解了在NPM上发布一个Vue组件的全过程，包括创建项目、编写组件、打包和发布四个环节。创建项目
这里我们直接利用@vue/cli来生成项目。如果没有安装@vue/cli...
2020-05-27
Mint UI组件库CheckList使用及踩坑总结
Import按需引入：import { Checklist } from 'mint-ui';Vue.component(Checklist.name, Checklist);全局导入：全局导入后不用再导入importMintfrom'mint-ui'import'mint-ui/lib...
2020-05-27
