JavaScript - 教程之家

81浏览

0评论

在Vant的基础上封装下拉日期控件的代码示例

需求分析在实际项目中，表单里面的日期选择是常用的组件。Vant有提供日期组件，但是居然没有提供下拉形式的日期组件，不过该有的元件都有，就自己封装一个。封装组件过程中我们要解...

2020-05-27

107浏览

0评论

在Vant的基础上实现添加表单验证框架的方法示例

Vant 一套基于Vue的移动端UI框架，有赞出品。
因为UI设计的够漂亮，源码结构也比较清晰，插件定位也比较明确，重要是实战过程中的使用体验不错。在最近的项目当中就使用 Vant 作为...

2020-05-27

96浏览

0评论

JavaScript 中 JSON.parse 函数和 JSON.stringify 函数

1. JSON.parse 函数: 使用 JSON.parse 可将 JSON 字符串转换成对象。<!doctype html><html> <head> <meta charset="UTF-8"> <title>Document</title> <script type="text/j...

2020-05-27

58浏览

0评论

基于element-ui组件手动实现单选和上传功能

前言在用户使用过程中提出一键导入的功能，需求如下:点击导入按钮显示提示框，然后是单选框以及上传按钮。pc端常使用element-ui组件，但是这个项目是vue1的老项目，并且没有element...

2020-05-27

66浏览

0评论

详解vantUI框架在vue项目中的应用踩坑

1.订单提交地址等组件的应用。使用的组件有如下：import {Card,button,Toast,AddressList,Popup,AddressEdit,Area} from 'vant'主要是配货地址编辑这块； <van-address-edit...

2020-05-27

78浏览

0评论

如何使用puppet替换文件中的string

puppet
puppet是一种Linux、Unix、windows平台的集中配置管理系统，使用自有的puppet描述语言，可管理配置文件、用户、cron任务、软件包、系统服务等。puppet把这些系统实体称...

2020-05-27

88浏览

0评论

express+vue+mongodb+session 实现注册登录功能

主要实现如下功能：1. 支持注册，登录功能，用户可以注册完成后，进行登录，登录完成后会进入到列表增删改查页面。
2. 支持session会话，也就是说设置了多长时间登录过期，如果用户没有登...

2020-05-27

75浏览

0评论

使用jQuery动态设置单选框的选中效果

一、需要实现的效果这里使用jQuery来实现。需要实现的效果如下：当下拉条改变时，单选框选中的值随之变化。<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <ti...

2020-05-27

69浏览

0评论

JavaScript中引用vs复制示例详析

前言好像一般很少人讲到js中的引用和复制，不过弄清楚这个概念可以帮助理解很多东西先讲一下很基础的东西，看看js中几种数据类型分别传的什么
引用：对象、数组、函数
复制：数字、...

2020-05-27

87浏览

0评论

Vue-CLI3.x 设置反向代理的方法

最近在项目中使用了Vue CLI 3.0版本，项目中需要设置反向代理解决跨域问题，下面记录一下设置过程。
如何安装vue-cli3呢？首先，你要有一个nodejs环境Node 版本要求Vue CLI 需要 No...

2020-05-27

66浏览

0评论

vue通过指令(directives)实现点击空白处收起下拉框

日常开发中有时会有这样的需求，就是展开下拉框的时候，通过点击空白处，可以实现让下拉框收回。这里我们通过vue2.0中的自定义指令来简单实现。貌似截图尺寸有点大(╯﹏╰)vue自定...

2020-05-27

129浏览

0评论

vue中v-for通过动态绑定class实现触发效果

vue动态绑定class练习。：class=“{ ‘类名1'：条件表达式，‘类名2'：条件表达式… }”<template> <div class="app-*"> <ul> <li v-for="(item,i) of list" :key="i"...

2020-05-27

66浏览

0评论

初探Vue3.0 中的一大亮点Proxy的使用

前言不久前，也就是11月14日-16日于多伦多举办的 VueConf TO 2018 大会上，尤雨溪发表了名为 Vue3.0 Updates 的主题演讲，对 Vue3.0 的更新计划、方向进行了详细阐述，表示已经放弃...

2020-05-27

63浏览

0评论

微信小程序实现通过js操作wxml的wxss属性示例

本文实例讲述了微信小程序实现通过js操作wxml的wxss属性。分享给大家供大家参考，具体如下：微信小程序如何通过js操作html的css属性：在web端、手机端、webApp中可以通过js获取do...

2020-05-27

47浏览

0评论

详解Webstorm 下的Angular2.0开发之路(图文)

人一旦上了年纪，记忆力就变得越来越不好。最近写了许多的博文，倒不是为了给谁看，而是方便自己来搜索，不然一下子又忘记了。如果恰巧帮助到了你，也是我的荣幸~~~~~~~~~~~~废话不多...

2020-05-27

66浏览

0评论

微信小程序dom操作的替代思路实例分析

本文实例讲述了微信小程序dom操作的替代思路。分享给大家供大家参考，具体如下：微信小程序无法操作dom，这意味着之前js中的各种习惯方法必须换一种思路实现在尝试了几类情况后，发...

2020-05-27

59浏览

0评论

angular中两种表单的区别(响应式和模板驱动表单)

angular的表单
angular的表单分为两种，一种是响应式的表单，另一种是模板驱动表单。使用'@angular/forms'库中的FormGroup, FormControl，FormArray,FormBuilder 等类构建出的数...

2020-05-27

58浏览

0评论

js防抖和节流的深入讲解

前言：我们在做页面事件绑定的时候，经常要进行节流处理，比如鼠标异步点击，去执行一个异步请求时，需要让它在上一次没执行时不能再点击，又或者绑定滚动事件，这种持续触发进行dom判断...

2020-05-27

64浏览

0评论

jQuery动态操作表单示例【基于table表格】

本文实例讲述了jQuery动态操作表单。分享给大家供大家参考，具体如下：<html><head> <title>jquery表格操作</title> <script src="http://libs.baidu.com/jquery/2.0.0/jquer...

2020-05-27

54浏览

0评论

超好用的jQuery分页插件jpaginate用法示例【附源码下载】

本文实例讲述了jQuery分页插件jpaginate用法。分享给大家供大家参考，具体如下：jpaginate是一个自带滑动动画效果的jQuery分页插件，用户可以通过单击或只是悬停在箭头上的使页码...

2020-05-27

77浏览

0评论

详解Vue-axios 设置请求头问题

在axios向后端传参时需要设置请求头，确保请求参数的格式为JSON字符串（此时用JSON.stringify(obj)无效时）this.$axios({ method:'', url:'', headers: { 'Content-Typ...

2020-05-27

43浏览

0评论

谈谈React中的Render Props模式

概述Render Props模式是一种非常灵活复用性非常高的模式，它可以把特定行为或功能封装成一个组件，提供给其他组件使用让其他组件拥有这样的能力，接下来我们一步一步来看React组...

2020-05-27

66浏览

0评论

微信小程序冒泡事件及其阻止方法实例分析

本文实例讲述了微信小程序冒泡事件及其阻止方法。分享给大家供大家参考，具体如下：事件的类别分为几种：点击事件：tap 长按事件：longtap 触摸事件：touchstart； touchend；touchcanc...

2020-05-27

72浏览

0评论

使用react render props实现倒计时的示例代码

react的组件模式可以观看Michael Chan的演讲视频，平时大家常听到的react模式也是HOC, HOC的使用场景很多，譬如react-redux的connect，这里不赘述HOC相关，感兴趣可以自行了解。首...

2020-05-27

60浏览

0评论

详解nodejs解压版安装和配置(带有搭建前端项目脚手架)

nodejs 安装我先前用了nvm，觉得nvm挺厉害可以随时更换nodejs版本，但是研究了下，可能自己功力不够还是什么，并不好用，中间还出现了错误；所以最后还是卸载了；本文图文并茂的一步一步...

2020-05-27

55浏览

0评论

vant(ZanUi)结合async-validator实现表单验证的方法

最近在开发一个移动端商城项目，用到了有赞的 vant ，因为最近大都采用 element ui 在做PC端的东西，对比来说，vant的完成度还是偏低了点，很多细节都虽然都实现了接口，但是想使用得自...

2020-05-27

61浏览

0评论

详解在create-react-app使用less与antd按需加载

使用antd按需加载
使用react-app-rewired对 create-react-app 的默认配置进行自定义1、yarn add react-app-rewired --dev/* package.json */"scripts": {- "start": "reac...

2020-05-27

81浏览

0评论

vue webpack打包后图片路径错误的完美解决方法

项目用run dev build 打包后，发现很多图片都不显示，在本地是没有问题的啊！找原因发现通过webpack+vuecli默认打包的css、js等资源，路径都是绝对的。因为我们的图片路径都是经历...

2020-05-27

63浏览

0评论

微信小程序实现两边小中间大的轮播效果的示例代码

好久没跟新博客了今天没啥事来记录一下我的成果哈哈哈今天产品小姐姐过来跟我说改一下产品活动页的样式我看了一眼发现有个轮播样式两边小中间大这个我以前是没有写...

2020-05-27

51浏览

0评论

JavaScript栈和队列相关操作与实现方法详解

本文实例讲述了JavaScript栈和队列相关操作与实现方法。分享给大家供大家参考，具体如下：一、栈的介绍栈就是和列表类似的一种数据结构，数据只能在栈顶添加或者删除。栈是一种特...

2020-05-27

52浏览

0评论

angular学习之动态创建表单的方法

准备工作
使用ng new async-form创建一个新工程，在app.module.ts中引入ReactiveFormsModule模块并在根模块中导入import { ReactiveFormsModule } from '@angular/forms';@Ng...

2020-05-27

95浏览

0评论

JS实现随机生成10个手机号的方法示例

本文实例讲述了JS实现随机生成10个手机号的方法。分享给大家供大家参考，具体如下：JS部分：<script>function getMoblieNum(){var numArray = new Array("139","138","137","136"...

2020-05-27

44浏览

0评论

详解如何为你的angular app构建一个第三方库

Angular 团队在 angular6 中，使得创建 Angular 第三方库变得更为简单。如果你以前尝试过操作，你会发现其实不是很简单！那么流程是什么呢？首页我们构建一个搭建一个简单的环境，环...

2020-05-27

49浏览

0评论

vue+SSM实现验证码功能

源码：https://github.com/HannahLihui/StudentManager-SSM/tree/master/SSM-git/StudentManager-SSM-master1.前端有一个img引入，这里this.src=this.src+'?'就会调用映射...

2020-05-27

58浏览

0评论

JavaScript时间与时间戳的转换操作实例分析

本文实例讲述了JavaScript时间与时间戳的转换操作。分享给大家供大家参考，具体如下：一、时间转时间戳：javascript获得时间戳的方法有五种，都是通过实例化时间对象 new Date() 来...

2020-05-27

58浏览

0评论

如何手动实现es5中的bind方法详解

前言
this的指向在javascript中一直是个谜一样的存在，但是很多地方又会用到this，所以理解和使用this非常重要，关于this的理解这篇文章不做介绍，因为这篇的目的是改变this的指向...

2020-05-27

82浏览

0评论

React 使用recharts实现散点地图的示例代码

一、前端框架react+ant design UI
二、首先安装rechartsnpm install recharts或者
yarn add recharts三、引入插件及chinaJSON.js（里面有经纬度信息）
由于项目需要我是全部存...

2020-05-27

52浏览

0评论

JavaScript this绑定过程深入详解

本文实例形式详细分析了JavaScript this绑定过程。分享给大家供大家参考，具体如下：在理解this 的绑定过程之前，首先要理解调用位置：调用位置就是函数在代码中被调用的位置（而不是...

2020-05-27

51浏览

0评论

ES6的Fetch异步请求的实现方法

在前端的快速发展中，为了契合更好的设计模式，产生了Fetch框架，Fetch返回的信息比XMLHttpRequest更丰富。但它目前还不是一个标准，它支持大部分常用的http 请求和响应的标准。一....

2020-05-27

82浏览

0评论

jQuery时间戳和日期相互转换操作示例

本文实例讲述了jQuery时间戳和日期相互转换操作。分享给大家供大家参考，具体如下：网上找的很多都没都是这样显示的2017-8-7 3:5:3 自己搜索改下了一下加了0这样显示 2017-08-0...

2020-05-27

78浏览

0评论

JS实现的小火箭发射动画效果示例

本文实例讲述了JS实现的小火箭发射动画效果。分享给大家供大家参考，具体如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>小火箭发射</title>...

2020-05-27

58浏览

0评论

原生JS实现的放大镜特效示例【测试可用】

本文实例讲述了原生JS实现的放大镜特效。分享给大家供大家参考，具体如下：最近在做ecshop的二次开发，遇到一些jquery插件与ecshop的冲突，调整冲突的需要修改的地方又太多，修改起来...

2020-05-27

61浏览

0评论

JS数组去重的6种方法完整实例

本文实例讲述了JS数组去重的6种方法。分享给大家供大家参考，具体如下：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>www.freexyz.cn 数组去重</title>...

2020-05-27

30浏览

0评论

基于Vue-Cli 打包自动生成/抽离相关配置文件的实现方法

背景•基于Vue-cli 项目产品部署，涉及到的交互的地址等配置信息，每次都要重新打包才能生效，极大的降低了效率。我们的目的是让项目实施的小伙伴重新快乐起来。网上实现的...

2020-05-27

61浏览

0评论

vue打包之后生成一个配置文件修改接口的方法

前言：我们的vue代码打包上传到服务器之后，要是数据接口以后换了域名什么的，是不是需要重新去vue文件里修改接口。能不能生成一个配置文件，里面可以配置域名或其它什么字段之类...

2020-05-27

40浏览

0评论

关于Vue Router中路由守卫的应用及在全局导航守卫中检查元字段的方法

#在切换路由时，组件会被复用，不过，这也意味着组件的生命周期钩子不会再被调用。　　　解决办法有两种，1简单地 watch (监测变化) $route 对象：const User = { template: '...',...

2020-05-27

42浏览

0评论

vue form check 表单验证的实现代码

vue-form-check （基于vue的表单验证）具体实现代码如下所述：安装// 安装npm i vue-form-check -S引用// 引用(eg. 在工程的main.js下)import vueFormCheck from 'vue-form-chec...

2020-05-27

66浏览

0评论

Vue源码中要const _toStr = Object.prototype.toString的原因分析

在vue的源码中，vue/src/shared/util.js文件中存放的是一些方法。其中作者用了Object.prototype.toString这个方法来判断类型，但是并没有直接用，而是单独保存在一个变量：
const _...

2020-05-27

40浏览

0评论

Bootstrap 按钮样式与使用代码详解

1. 可用于<a>, <button>, 或 <input> 元素的按钮样式按钮样式使用：<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/><tit...

2020-05-27

60浏览

0评论

Bootstrap 实现表格样式、表单布局的实例代码

1. 表格的一些样式举例：<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/><title>My Test bootstrap</title> <link rel=...

2020-05-27

热门文章