JavaScript - 教程之家

65浏览

0评论

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

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

2020-05-27

48浏览

0评论

js实现移动端轮播图

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

2020-05-27

114浏览

0评论

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

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

2020-05-27

69浏览

0评论

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

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

2020-05-27

69浏览

0评论

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

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

2020-05-27

215浏览

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

71浏览

0评论

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

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

2020-05-27

43浏览

0评论

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

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

2020-05-27

47浏览

0评论

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

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

2020-05-27

93浏览

0评论

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

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

2020-05-27

52浏览

0评论

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

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

2020-05-27

61浏览

0评论

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

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

2020-05-27

45浏览

0评论

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

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

2020-05-27

72浏览

0评论

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

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

2020-05-27

71浏览

0评论

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

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

2020-05-27

69浏览

0评论

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

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

2020-05-27

45浏览

0评论

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

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

2020-05-27

103浏览

0评论

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

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

2020-05-27

41浏览

0评论

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

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

2020-05-27

75浏览

0评论

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

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

2020-05-27

178浏览

0评论

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

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

2020-05-27

57浏览

0评论

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

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

2020-05-27

56浏览

0评论

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

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

2020-05-27

40浏览

0评论

浅谈Angular7 项目开发总结

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

2020-05-27

69浏览

0评论

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

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

2020-05-27

41浏览

0评论

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

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

2020-05-27

54浏览

0评论

JavaScript链式调用实例浅析

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

2020-05-27

41浏览

0评论

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

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

2020-05-27

122浏览

0评论

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

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

2020-05-27

58浏览

0评论

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

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

2020-05-27

47浏览

0评论

JavaScript类的继承操作实例总结

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

2020-05-27

47浏览

0评论

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

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

2020-05-27

64浏览

0评论

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

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

2020-05-27

80浏览

0评论

微信小程序实现的点击按钮弹出底部上拉菜单功能示例

本文实例讲述了微信小程序实现的点击按钮弹出底部上拉菜单功能。分享给大家供大家参考，具体如下：index.wxml<button type="default" bindtap="actionSheetTap">弹出action sh...

2020-05-27

47浏览

0评论

微信小程序实现swiper切换卡内嵌滚动条不显示的方法示例

本文实例讲述了微信小程序实现swiper切换卡内嵌滚动条不显示的方法。分享给大家供大家参考，具体如下：index.wxml文件：<view class="swiper-tab"> <view class="swiper-tab-item...

2020-05-27

60浏览

0评论

从零开始在NPM上发布一个Vue组件的方法步骤

TL;DR 本文细致讲解了在NPM上发布一个Vue组件的全过程，包括创建项目、编写组件、打包和发布四个环节。创建项目
这里我们直接利用@vue/cli来生成项目。如果没有安装@vue/cli...

2020-05-27

91浏览

0评论

Mint UI组件库CheckList使用及踩坑总结

Import按需引入：import { Checklist } from 'mint-ui';Vue.component(Checklist.name, Checklist);全局导入：全局导入后不用再导入importMintfrom'mint-ui'import'mint-ui/lib...

2020-05-27

133浏览

0评论

JS闭包原理与应用经典示例

本文实例讲述了JS闭包原理与应用。分享给大家供大家参考，具体如下：一、先来看一个例子：function foo() { var a = 10; function bar() { a *= 2; return a; } re...

2020-05-27

66浏览

0评论

JS闭包经典实例详解

本文实例讲述了JS闭包。分享给大家供大家参考，具体如下：之前花了很多时间看书上对闭包的介绍，也看了很多人的写的关于闭包的博客，然后我就以为自己懂了。结果，下午在一个QQ群里，有...

2020-05-27

55浏览

0评论

fetch 如何实现请求数据

一序言在传统Ajax 时代，进行 API 等网络请求都是通过XMLHttpRequest或者封装后的框架进行网络请求,然而配置和调用方式非常混乱，对于刚入门的新手并不友好。今天我们介绍的F...

2020-05-27

53浏览

0评论

element-ui table span-method(行合并)的实现代码

element-ui官网中关于行合并的例子是根据行号进行合并的，这显然不符合我们日常开发需求，因为通常我们table中的数据都是动态生成的，所以需要做一些修改。我们首先解读一下官网...

2020-05-27

62浏览

0评论

cocos2dx+lua实现橡皮擦功能

游戏中刮刮乐是怎么实现的？做了一个小例子看了一下。实现原理：随着触摸点的移动，通过setBlendFunc函数设置部分区域的颜色混合（将上层图片透明度为0，底层我们想要的图片就显示出...

2020-05-27

71浏览

0评论

浅谈Fetch 数据交互方式

获取资源很简单，发起一个请求出去，一个响应进来，然后该怎么操作就怎么操作。
fetch 的 api 使用的是 promise 规范，不会 promise（用于延迟(deferred) 计算和异步(asynchronous )...

2020-05-27

57浏览

0评论

Cocos2d实现刮刮卡效果

本文实例为大家分享了Cocos2d实现刮刮卡效果展示的具体代码，供大家参考，具体内容如下
本文代码适用于Cocos2d-x Quick-Community3.6local TestScene = class("TestScene", fun...

2020-05-27

52浏览

0评论

浅谈VueJS SSR 后端绘制内存泄漏的相关解决经验

引言Memory Leak 是最难排查调试的 Bug 种类之一，因为内存泄漏是个 undecidable problem，只有开发者才能明确一块内存是不是需要被回收。再加上内存泄漏也没有特定的报错信息，...

2020-05-27

42浏览

0评论

js canvas实现橡皮擦效果

本文实例为大家分享了canvas实现橡皮擦效果的具体代码，供大家参考，具体内容如下html部分<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html" c...

2020-05-27

55浏览

0评论

详解如何使用node.js的开发框架express创建一个web应用

搭建环境1.安装Express按键：Windows+R=>输入cmd，打开命令行，输入npm install -g express@3我们需要用全局模式安装Express,因为只有这样，我们才能在命令行中使用它注意：这里我只...

2020-05-27

50浏览

0评论

使用puppeteer爬取网站并抓出404无效链接

检查网页无效链接
前言自动化技术可以帮助我们做自动化测试，同样也可以帮助我们完成别的事情，比如今天我们要做的检查网站404无效链接。原理实现这样的功能，大致分为以下步骤： 1...

2020-05-27

67浏览

0评论

微信小程序实现发送验证码按钮效果

本文实例为大家分享了微信小程序发送验证码按钮效果展示的具体代码，供大家参考，具体内容如下首先上图，最终效果如下：实现关键点
获取验证码按钮无边框：可以用 button::after{...

2020-05-27

57浏览

0评论

微信小程序实现随机验证码功能

本文实例为大家分享了微信小程序实现随机验证码的具体代码，供大家参考，具体内容如下
效果图：小程序上经常会有一些注册申请页面需要用到随机验证码。具体实现方法不多说直接...

2020-05-27

热门文章