JavaScript - 教程之家

49浏览

0评论

React.js绑定this的5种方法(小结)

this在javascript中已经相当灵活，把它放到React中给我们的选择就更加困惑了。下面一起来看看React this的5种绑定方法。
1.使用React.createClass
如果你使用的是React 15及...

2020-05-27

49浏览

0评论

详解封装基础的angular4的request请求方法

为什么要封装呢？
angular4自身提供的请求方法是用Observable来实现的。用的是观察者模式，个人认为这用来写请求是非常方便的。一个项目里会有非常多的不同的请求，但是其实每个...

2020-05-27

42浏览

0评论

jQuery实现百度图片移入移出内容提示框上下左右移动的效果

闲来无聊，看到百度图片hover的时候提示框的效果，遂想试一试自己能否实现。百度图片hover的效果：需求：　　1. 当鼠标从图片上部移入的时候，提示框从上部移到正常位置。从上部移出...

2020-05-27

77浏览

0评论

微信小程序仿美团城市选择

本文实例为大家分享了微信小程序城市选择器，供大家参考，具体内容如下
代码很简单.var city = require('../../utils/city.js');var app = getApp()Page({ data: { searchLette...

2020-05-27

42浏览

0评论

Express本地测试HTTPS的示例代码

我的环境亚马逊(AWS)的一个ubuntu虚拟机. node openssl生成证书
输入如下命令会在你的当前文件夹生成localhost.key和localhost.cert.openssl genrsa -out localhost.ke...

2020-05-27

52浏览

0评论

vue左右侧联动滚动的实现代码

本文介绍了vue左右侧联动滚动的实现代码，分享给大家，具体如下：实现功能: 点击左侧,右侧滚动到相应位置, 滚动右侧, 左侧滚动到相应位置布局结构:开源滚动库:better-scroll.js...

2020-05-27

73浏览

0评论

vue脚手架搭建过程图解

vue脚手架是个好东西，能够快速搭建vue单页面应用，vue是基于node环境的，所以要先安装node,去官网下载安装就可以。进入某个文件夹的命令为：
查看node版本：
搭建步骤为：
出现下图说...

2020-05-27

60浏览

0评论

vue element项目引入icon图标的方法

为了减少页面的加载速度,提高用户体验,对于一些图片决定使用图标代替,但是发现element-ui的图标少得可怜,完全满足不了我的要求,于是决定在element-ui的项目里引入第三方的...

2020-05-27

41浏览

0评论

详解express + mock让前后台并行开发

在我们平时项目刚启动时，由于后台也是刚开始开发，我们前端往往在开发过程中没有数据和接口请求的，都要造一些假数据进去或者使用mock造一些数据进去，但是这样的话往往会偶合一些...

2020-05-27

65浏览

0评论

微信小程序实现美团菜单

本文实例为大家分享了微信小程序实现美团菜单的具体代码，供大家参考，具体内容如下1.功能仅是菜单功能一部分，仅供参考
2.需求描述：右侧菜品部分在滚动的时候，左侧菜品选中分类与...

2020-05-27

54浏览

0评论

vue组件实现可搜索下拉框扩展

本文实例为大家分享了vue组件实现可搜索下拉框的具体代码，供大家参考，具体内容如下一、效果...

2020-05-27

88浏览

0评论

Express的HTTP重定向到HTTPS的方法

我本地测试时, HTTP使用3000端口, HTTPS使用443.同时监听HTTP和HTTPS参考上一篇文章Express本地测试HTTPS 转发所有GET请求
httpApp.get("*", (req, res, next) => { let h...

2020-05-27

34浏览

0评论

vue组件实现进度条效果

本文实例为大家分享了vue实现进度条效果的具体代码，供大家参考，具体内容如下一、效果图
二、代码
progress-bar.vue<template> <div class="vue-progress-bar default-theme...

2020-05-27

65浏览

0评论

详解创建自定义的Angular Schematics

本文对 Angular Schematics 进行了介绍，并创建了一个用于创建自定义 Component 的 Schematics ，然后在 Angular 项目中以它为模板演练了通过 Schematics 添加自定义的 Compone...

2020-05-27

50浏览

0评论

深入浅析Vue中的 computed 和 watch

computed 计算属性：通过属性计算得来的属性计算属性,是在相关联的属性发生变化才计算，计算过一次，如果相关属性没有变化，下一次就不需要计算了，直接去缓存的值a:<input type=...

2020-05-27

41浏览

0评论

基于vue实现可搜索下拉框定制组件

实践加深对vue的理解和运用有效途径，本文是基于vue的可搜索下拉框定制组件实现，在此记录.一、效果二、组件代码dropdown.vue<template> <div class="vue-dropdown default-th...

2020-05-27

74浏览

0评论

Vue ElementUi同时校验多个表单(巧用new promise)

前言有ABCD四个表单，提交的时候同时校验(是的，后台管理系统的需求就是这样)，巧用new promise。实现的方法有很多种，我讲下自己觉得比较优雅的方式，欢迎各位大大的指正哈。代码let...

2020-05-27

80浏览

0评论

security.js实现的RSA加密功能示例

本文实例讲述了security.js实现的RSA加密功能。分享给大家供大家参考，具体如下：在项目中遇到要对用户输入的密码进行RSA加密的需求，总结一下实现过程：<html><head><meta charset...

2020-05-27

60浏览

0评论

vue实现简单loading进度条

刚学习vue不久，今天试着用vue做了一个简单的loading进度条，对于vue的生命周期和钩子函数又有了新的理解，下面分享给大家，绝对入门级。一、进度条原理这个就很简单了，也是我们经常...

2020-05-27

93浏览

0评论

vue2.0实现音乐/视频播放进度条组件

基于vue2.0实现音乐/视频播放进度条组件的方法及代码解释，具体内容如下需求分析：①：进度条随着歌曲的播放延长，歌曲播放完时长度等于黑色总进度条长度；时间实时更新。②：当滑动按...

2020-05-27

52浏览

0评论

vue+axios新手实践实现登陆的示例代码

其实像这类的文章网上已经有很多很好的,写这篇文章，相当于是做个笔记，以防以后忘记
用到的：1、 vuex 2、axios 3、vue-route登陆流程为： 1、提交登陆表单，拿到后台返回的数据2、...

2020-05-27

73浏览

0评论

js数组去重的N种方法(小结)

对于数组去重我们有n种方法可以实现。es5实现方法for循环+indexOffunction unique(arr) { var uniqueArr = [], len = arr.length for (var i = 0; i < len; i++) { i...

2020-05-27

53浏览

0评论

vue.js实现标签页切换效果

第二个实例是关于标签页切换的，先看一下效果：这也是一个很常见的交互效果，以往正常的javascript写法是给各个按钮绑定事件来切换不同的层，当然也可以用纯css写，给上面的三个切换...

2020-05-27

58浏览

0评论

详解create-react-app 自定义 eslint 配置

使用eslint和editorconfig规范代码为什么要用这些：代码规范有利于团队协作纯手工规范耗时耗力而且不能保证准确性能配合编辑器自动提醒错误，提高开发效率eslint随着ECMA...

2020-05-27

67浏览

0评论

JavaScript 正则命名分组【推荐】

前言
以往我们只是习惯于通过数组下标来访问正则匹配到的分组，但分组达到4、5个时，标识起来就会非常麻烦。V8早已实现了正则命名分组提案，只是我们很少使用，本文将介绍JS的正则...

2020-05-27

85浏览

0评论

vue translate peoject实现在线翻译功能【新手必看】

开始这是一适合新手练习的小项目，一个在线翻译的demo。在正式开始前，先啰嗦一下，是一位网友给我的建议，就是不要强行组件化的问题开始做Vue时我们可能会喜欢拆很多组件出来但...

2020-05-27

49浏览

0评论

vue better scroll 无法滚动的解决方法

使用vue+better scroll
今天实现切换用户后查询用户订单列表的一个功能，在实例化betterscroll时，因为有的用户没有订单，切换用户后会出现订单列表无法滚动的问题。先放代码：<!--...

2020-05-27

45浏览

0评论

浅谈PDF.js使用心得

一次在开发微信预览保单的时候所使用到的，由于安卓手机浏览器不支持解析PDF，所以才用了PDF.js来解析PDF并展示。pdf.js 是一个技术原型主要用于在 HTML5 平台上展示 PDF 文档，...

2020-05-27

59浏览

0评论

AngularJS 前台分页实现的示例代码

考评员查询，因为整体的数据量比较小，所以我们可以将分页放到前台进行处理。其实分页的原理也很简单，我们根据分页选择的页码数和每页数据条数决定当前显示的是数组中的第多少项...

2020-05-27

78浏览

0评论

JavaScript深拷贝和浅拷贝概念与用法实例分析

本文实例讲述了JavaScript深拷贝和浅拷贝概念与用法。分享给大家供大家参考，具体如下：js中的浅拷贝和深拷贝，只是针对复杂数据类型(Objcet，Array)的复制问题。简单来讲浅拷贝和...

2020-05-27

41浏览

0评论

Angular5中调用第三方库及jQuery的添加的方法

package.json这个文件列出了项目所使用的第三方依赖包。我们在创建新项目的时候默认会给我们下载一些包，这些是Angular自带的，存放在node_modules目录中。需要注意的是：
packa...

2020-05-27

46浏览

0评论

JavaScript事件委托原理与用法实例分析

本文实例分析了JavaScript事件委托原理与用法。分享给大家供大家参考，具体如下：在日常中，我们可能会听到事件委托这样的概念，有些同学可能对事件委托已经很了解了，也有些同学可能...

2020-05-27

37浏览

0评论

JS实现同一DOM元素上onClick事件与onDblClick事件并存的解决方法

本文实例讲述了JS实现同一DOM元素上onClick事件与onDblClick事件并存的解决方法。分享给大家供大家参考，具体如下：最近项目中遇到了在同一DOM元素上需要添加 onclick 和 ondbl...

2020-05-27

44浏览

0评论

vue cli2.0单页面title修改方法

一、npm install vue-wechat-title --save 执行命令二、在main.js中添加 Vue.use(VueWechatTitle); Vue.config.productionTip= false三、在router/index.js文件中添...

2020-05-27

38浏览

0评论

vue 国际化 vue-i18n 双语言语言包

1.安装vue-i18n2.在main.js里面引用import VueI18n from 'vue-i18n'Vue.use(VueI18n)3.实例化i18n，并配置默认的语言模式，以及对应的文件（也是在main.js里使用）如下。cn 中文包...

2020-05-27

37浏览

0评论

使用Vue-cli 3.0搭建Vue项目的方法

1. 环境准备
1.1. 安装Node.js （建议使用LTS版本）
1.2. nrm安装及npm registry设置
// use npmnpm i nrm -g// use yarnyarn global add nrm查看可用的npm源nrm lsnrm查看npm...

2020-05-27

45浏览

0评论

jQuery动态移除与增加onclick属性的方法详解

本文实例讲述了jQuery动态移除与增加onclick属性的方法。分享给大家供大家参考，具体如下：这里给大家介绍利用jquery的removeAttr与attr事件来给a标签增加与删除onclick事件的...

2020-05-27

43浏览

0评论

JavaScript中click和onclick本质区别与用法分析

本文实例讲述了JavaScript中click和onclick本质区别与用法。分享给大家供大家参考，具体如下：原生javascript的click在w3c里边的阐述是DOM button对象，也是html DOM click() 方...

2020-05-27

30浏览

0评论

浅谈Vue路由快照实现思路及其问题

前言：无论构建SPA还是MPA，组件的状态是无法被保存下来的，这对于开发过程中问题的重现是比较麻烦的，因为总是会失去上下文环境，导致重现过程变得繁琐。于是想到了将Vue Component...

2020-05-27

55浏览

0评论

vue项目中使用百度地图的方法

1.在百度地图申请密钥: http://lbsyun.baidu.com/ 将<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=密钥" ></script> 中的密钥替换成...

2020-05-27

48浏览

0评论

原生实现一个react-redux的代码示例

自己动手实现一个react-redux
之前试过自己动手实现一个redux，这篇blog主要记录动手实现一个react-redux的过程。这个react-redux还有一点点小瑕疵，我以一个计数器作为例子来...

2020-05-27

37浏览

0评论

bootstrap treeview 树形菜单带复选框及级联选择功能

具体代码如下所示：<div id="searchTree"></div> <script> var treeData = [{ text: "Parent 1", nodes: [{ text: "Child 1", nodes: [{ text: "Grandchild...

2020-05-27

33浏览

0评论

vue指令只能输入正数并且只能输入一个小数点的方法

最近在做一个金额查询，验证的时候总是出现很多问题，如输入-号后，input框里是没有了，但是在model里还是绑定了，提交的时候就会报错，真的是让人很是郁闷，小数点也是input框过滤掉了，但...

2020-05-27

30浏览

0评论

用react-redux实现react组件之间数据共享的方法

上篇文章写到了redux实现组件数据共享的方法，但是在react中，redux作者提供了一个更优雅简便的模块实现react组件之间数据共享。那就是利用react-redux利用react-redux实现reac...

2020-05-27

31浏览

0评论

Node.js中你不可不精的Stream（流）

一、什么是Stream（流）流（stream）在 Node.js 中是处理流数据的抽象接口（abstract interface）。 stream 模块提供了基础的API。使用这些API可以很容易地来构建实现流接口的对象。例...

2020-05-27

40浏览

0评论

jQuery实现表单动态加减、ajax表单提交功能

对于前端开发，我的归类是分2种层次，首先第一种是基于前端架构上的开发，有一些后台开发的同事会瞧不起搞前端的，他们认为前端无非是画个页面嘛，这就有点夜郎自大了。现在我了解的...

2020-05-27

59浏览

0评论

使用JavaScript生成罗马字符的实例代码

生成罗马数字这样生成有问题，到了 12 之后就不规律了roman() { return new Array(30).fill('Ⅰ').map((lastLetter, i) => { return String.fromCharCode(lastLetter.charCo...

2020-05-27

63浏览

0评论

详解使用 Node.js 开发简单的脚手架工具

前言
像我们熟悉的 vue-cli，react-native-cli 等脚手架，只需要输入简单的命令 vue init webpack project，即可快速帮我们生成一个初始项目。在实际工作中，我们可以定制一个属于...

2020-05-27

50浏览

0评论

Node.js中的child_process模块详解

前言本文主要给大家介绍了关于Node.js中child_process模块的相关内容，在介绍child_process模块之前，先来看一个例子。
const http = require('http');const longComputation =...

2020-05-27

64浏览

0评论

Vue不能观察到数组length的变化

由于 JavaScript 的限制，Vue 不能检测以下变动的数组：当你利用索引直接设置一个项时，例如：vm.items[indexOfItem] = newValue 当你修改数组的长度时，例如：vm.items.length = newL...

2020-05-27

热门文章