JavaScript - 教程之家

147浏览

0评论

JS实现简单的点赞与踩功能示例

本文实例讲述了JS实现简单的点赞与踩功能。分享给大家供大家参考，具体如下：HTML部分：赞:<button id="btn_zan">0</button>踩:<button id="btn_cai">0</button>JS部分：function d...

2020-05-27

107浏览

0评论

详解关于Angular4 ng-zorro使用过程中遇到的问题

写在前面由于现在网络上Angular 4的相关技术文档不是很充分，我写出这个采坑的记录文档，一方面是想给自己在项目中遇到的各种问题与个人的理解记录下来，另一方面也想着某些坑大...

2020-05-27

74浏览

0评论

JS+HTML5 canvas绘制验证码示例

本文实例讲述了JS+HTML5 canvas绘制验证码。分享给大家供大家参考，具体如下：css样式：<style>body{ text-align: center;}canvas{ background:#ddd;}</style>HTML部分：body中添...

2020-05-27

110浏览

0评论

详解如何在Angular优雅编写HTTP请求

引言
基本上当下的应用都会分为前端与后端，当然这种前端定义不在限于桌面浏览器、手机、APP等设备。一个良好的后端会通过一套所有前端都通用的 RESTful API 序列接口作为前...

2020-05-27

173浏览

0评论

node实现生成带参数的小程序二维码并保存到本地功能示例

本文实例讲述了node实现生成带参数的小程序二维码并保存到本地功能。分享给大家供大家参考，具体如下：注意：小程序必须要上线才能获取到小程序二维码，否则会报错。。使用node koa...

2020-05-27

114浏览

0评论

关于RxJS Subject的学习笔记

Observer Pattern观察者模式定义观察者模式又叫发布订阅模式（Publish/Subscribe），它定义了一种一对多的关系，让多个观察者对象同时监听某一个主题对象，这个主题对象的状态发生变...

2020-05-27

104浏览

0评论

jQuery的ztree仿windows文件新建和拖拽功能的实现代码

前面的话：zTree 是一个依靠 jQuery 实现的多功能 “树插件”。优异的性能、灵活的配置、多种功能的组合是 zTree 最大优点。专门适合项目开发,尤其是树状菜单、树状数据。zt...

2020-05-27

93浏览

0评论

详解angularjs4部署文件过大解决过程

这是我人生的第一篇文章，写得不好，请见谅！本人是一个java web开发工程师，对angularjs4小有接触，最近看到一个漂亮的angularjs4的后台模板–angle，于是就在CSDN下载来测试一下，点击...

2020-05-27

98浏览

0评论

用WebStorm进行Angularjs 2开发(环境篇：Windows 10，Angular-cli方式)

自己学习使用了Angular JS 1一段时间，由于没有具体的项目进行尝试加上其它研究工作的影响，就搁置了一段时间。在与同事讨论技术选型时，才知道Angular JS 2的差别之大（孤陋了，莫见...

2020-05-27

138浏览

0评论

解决node-sass偶尔安装失败的方法小结

最近把Node从4.4.4升级到6.9.1版本，但是在执行npm i命令安装三方依赖包的时候出现了node-sass模块安装失败的问题。现在和大家分享下如何解决这个问题的方法分析原因Cannot d...

2020-05-27

68浏览

0评论

node和vue实现商城用户地址模块

本文为大家分享了node和vue商城用户地址模块的实现，供大家参考，具体内容如下server/models/user.jsvar mongoose = require('mongoose')var userSchema = mongoose.Schema({...

2020-05-27

90浏览

0评论

Vue实现本地购物车功能

本文实例为大家分享了Vue实现本地购物车功能的具体代码，供大家参考，具体内容如下功能分析 : v-for显示商品名字,价格,数量和对商品进行操作,全选的功能
结构仍然分成 : index....

2020-05-27

80浏览

0评论

微信小程序入门之广告条实现方法示例

本文实例讲述了微信小程序入门之广告条实现方法。分享给大家供大家参考，具体如下：在小程序页面，有时候需要弄一条广告条进去，作用可以用来提醒客户端，更加醒目，这种实现很容易，要用...

2020-05-27

127浏览

0评论

使用rollup打包JS的方法步骤

rollup 采用 es6 原生的模块机制进行模块的打包构建，rollup 更着眼于未来，对 commonjs 模块机制不提供内置的支持，是一款更轻量的打包工具。rollup 比较适合打包 js 的 sdk 或...

2020-05-27

210浏览

0评论

详解vue中的computed的this指向问题

今天在写vue项目时，用到了computed计算属性，遇到了使用箭头函数出现this指向问题，这里记录下1.箭头函数中的this 箭头函数内部的this是词法作用域，由上下文确定函数体内的thi...

2020-05-27

100浏览

0评论

微信小程序实现图片滚动效果示例

本文实例讲述了微信小程序实现图片滚动效果。分享给大家供大家参考，具体如下：效果：左右滑动可以切换展示图片代码：<swiper> <swiper-i...

2020-05-27

98浏览

0评论

Vant的安装和配合引入Vue.js项目里的方法步骤

1.安装vantnpm i vant -S：这是简写形式。
npm install vant --save:这是完整写法。如果你网络很慢的话，可以使用淘宝的源，但是不建议使用cnpm来进行安装。
npm install vant --...

2020-05-27

93浏览

0评论

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

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

2020-05-27

119浏览

0评论

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

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

2020-05-27

106浏览

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

89浏览

0评论

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

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

2020-05-27

76浏览

0评论

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

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

2020-05-27

97浏览

0评论

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

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

2020-05-27

98浏览

0评论

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

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

2020-05-27

89浏览

0评论

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

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

2020-05-27

80浏览

0评论

JavaScript中引用vs复制示例详析

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

2020-05-27

103浏览

0评论

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

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

2020-05-27

89浏览

0评论

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

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

2020-05-27

140浏览

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

77浏览

0评论

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

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

2020-05-27

76浏览

0评论

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

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

2020-05-27

63浏览

0评论

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

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

2020-05-27

80浏览

0评论

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

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

2020-05-27

73浏览

0评论

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

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

2020-05-27

79浏览

0评论

js防抖和节流的深入讲解

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

2020-05-27

82浏览

0评论

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

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

2020-05-27

68浏览

0评论

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

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

2020-05-27

93浏览

0评论

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

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

2020-05-27

61浏览

0评论

谈谈React中的Render Props模式

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

2020-05-27

87浏览

0评论

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

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

2020-05-27

87浏览

0评论

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

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

2020-05-27

72浏览

0评论

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

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

2020-05-27

67浏览

0评论

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

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

2020-05-27

65浏览

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

90浏览

0评论

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

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

2020-05-27

80浏览

0评论

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

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

2020-05-27

63浏览

0评论

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

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

2020-05-27

68浏览

0评论

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

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

2020-05-27

105浏览

0评论

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

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

2020-05-27

53浏览

0评论

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

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

2020-05-27

热门文章