70浏览

0评论

详解vue-cli中配置sass

如何配置sass一、安装对应依赖node模块：npm install node-sass --save-devnpm install sass-loader --save-dev 二、打开webpack.base.config.js在loaders里面加上rules: [...

• 2020-05-27

61浏览

0评论

详解在vue-cli项目中安装node-sass

1，使用save会在package.json中自动添加。npm install node-sass --savenpm install sass-loader --save2，通常使用npm安装会出现以下报错，安装失败。（网路问题）3，可以通过淘宝的np...

• 2020-05-27

95浏览

0评论

详解Vue整合axios的实例代码

在vue开发中，不可避免要整合axios，简单记录一下整合中的文件，方便以后使用查找。整合文件axios.jsimport axios from 'axios';// 适配vue-resourceconst instance = axios.crea...

• 2020-05-27

68浏览

0评论

jQuery实现可拖动进度条实例代码

html　　　<div class="progress"> <div class="progress_bg"> <div class="progress_bar"></div> </div> <div class="progress_btn"></div> <div class="text"...

• 2020-05-27

66浏览

0评论

vue2.0中click点击当前li实现动态切换class

1，文件内容----//为item添加不存在的属性，需要使用vue提供的Vue.set( object, key, value )方法。 看详解：https://cn.vuejs.org/v2/api/#Vue-set<template>　　<div>　　　　...

• 2020-05-27

76浏览

0评论

Vue实现百度下拉提示搜索功能

一、前期准备网上大神已经做过这个功能https://github.com/lavyun/vue-demo-search 这自己仅实现搜索功能
为了使用百度实现搜索功能，首先搞清楚下拉数据和搜索功能的数据接...

• 2020-05-27

87浏览

0评论

详解ElementUI之表单验证、数据绑定、路由跳转

1.新建表单组件el-form.vue<template> <div class="form"> <el-form ref="form" :model="UserForm" :rules="this.$store.state.userinfo.CheckRules" label-position="...

• 2020-05-27

83浏览

0评论

纯JS实现只能输入数字的简单代码

只能输入数字<!DOCTYPE html><html lang="en"> <head> <title></title> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-s...

• 2020-05-27

53浏览

0评论

vue2.0实现分页组件的实例代码

最近使用vue2.0重构项目, 需要实现一个分页的表格, 没有找到合适的分页组件, 就自己写了一个, 效果如下:该项目是使用 vue-cli搭建的, 如果你的项目中没有使用webpack,请根...

• 2020-05-27

72浏览

0评论

详解用webpack2搭建angular2的项目

webpack2和angular2搭建的项目github地址:项目链接 npm install，安装依赖包 npm run dev，启动本地工程，在localhost:1699进行预览package.json{ "name": "angular-webpack",...

• 2020-05-27

89浏览

0评论

Angularjs在360兼容模式下取数据缓存问题的解决办法

测试提了一个bug，在360浏览器兼容模式下，删除页面数据需要手动刷新浏览器才能看到最新的数据。首先要复现当时的问题，很容易就复现了，但是发现在360浏览器兼容模式下无法打开开...

• 2020-05-27

70浏览

0评论

vue使用stompjs实现mqtt消息推送通知

最近在研究vue+webAPI进行前后端分离，在一些如前端定时循环请求后台接口判断状态等应用场景用使用mqtt进行主动的消息推送能够很大程度的减小服务端接口的压力，提高系统的效率...

• 2020-05-27

57浏览

0评论

详解vue 配合vue-resource调用接口获取数据

1.先用node+express+mysql简单配置一下后台
const express = require('express');const mysql = require('mysql');const static = require('express-static');const db = m...

• 2020-05-27

81浏览

0评论

关于在vue-cli中使用微信自动登录和分享的实例

（以下所有接口由后台提供）一、微信自动登录 //定义事件 methods:{ //判断是否微信登陆 是不是微信浏览器 isWeiXin() { let ua = window.navigator.userAgent.toLowerCas...

• 2020-05-27

66浏览

0评论

利用node.js制作命令行工具方法教程（一）

前言之前使用过一些全局安装的NPM包，安装完之后，可以通过其提供的命令，完成一些任务。比如Fis3，可以通过fis3 server start 开启fis的静态文件服务，通过fis3 release开启文件编译...

• 2020-05-27

86浏览

0评论

vue如何从接口请求数据

这两天学习了vue如何从接口请求数据，所以，今天添加一点小笔记。
<!doctype html><html> <head> <meta charset="UTF-8"> <title>获取图片列表</title> <meta name="...

• 2020-05-27

93浏览

0评论

深入理解vue.js中的v-if和v-show

本文主要给大家介绍了关于vue.js中v-if和v-show的相关内容，分享出来供大家参考学习，下面来一起看看详细的介绍：1.共同点都是动态显示DOM元素2.区别（1）手段：v-if是动态的向DOM树内...

• 2020-05-27

78浏览

0评论

vue 请求后台数据的实例代码

需要引用vue-resource安装请参考https://github.com/pagekit/vue-resource官方文档在入口函数中加入import VueResource from 'vue-resource'Vue.use(VueResource);在packag...

• 2020-05-27

56浏览

0评论

Ajax高级笔记 JavaScript高级程序设计笔记

Ajax通信与数据格式无关，从服务器获取的数据不一定是XML数据。Ajax的核心：XMLHttpRequest对象(简称XHR)在XHR对象之前，Ajax通信通常使用hack手段，如使用隐藏的或内嵌的框架。XHR...

• 2020-05-27

57浏览

0评论

JavaScript中内存泄漏的介绍与教程（推荐）

本文主要给大家详细介绍了关于JavaScript中内存泄漏的相关内容，文中介绍的非常详细，对大家具有一定的参考学习价值，下面来一起看看详细的介绍：一、什么是内存泄漏？
程序的运行需...

• 2020-05-27

78浏览

0评论

EasyUI中的dataGrid的行内编辑

这个js代码是别人写的，可能不是最好的，但我个人觉得首先能帮助别人解决功能问题的话就特别好。我稍加修改后用在了自己的项目上了，这里贴出来分享一下。后台用的TinkPHP因为都...

• 2020-05-27

68浏览

0评论

详解Vue 2.0封装axios笔记

前言单页面应用大多采用前后端分离开发思路，我们知道，前端和后端交互有多中方式(服务器端渲染、Ajax、websocket等)，今天我们主要讲解Ajax部分。最近团队讨论了一下，Ajax 本身跟...

• 2020-05-27

87浏览

0评论

文本溢出插件jquery.dotdotdot.js使用方法详解

插件下载地址：https://github.com/FrDH/jQuery.dotdotdot引入jQuery.js和jquery.dotdotdot.js<script type="text/javascript" src="jquery.js"></script><script type="text...

• 2020-05-27

82浏览

0评论

详解Angular 中 ngOnInit 和 constructor 使用场景

1. constructorconstructor应该是ES6中明确使用constructor来表示构造函数的，构造函数使用在class中，用来做初始化操作。当包含constructor的类被实例化时，构造函数将被调用。...

• 2020-05-27

90浏览

0评论

详解Angular之constructor和ngOnInit差异及适用场景

Angular中根据适用场景定义了很多生命周期函数，其本质上是事件的响应函数，其中最常用的就是ngOnInit。但在TypeScript或ES6中还存在着名为constructor的构造函数，开发过程中经...

• 2020-05-27

59浏览

0评论

Angular2 父子组件数据通信实例

如今的前端开发，都朝组件式开发模式靠拢，如果使用目前最流行的前端框架Angular和React开发应用，不可避免地需要开发组件，也就意味着我们需要考虑组件间的数据传递等问题，不过Angu...

• 2020-05-27

62浏览

0评论

详解Angular2组件之间如何通信

组件之间的共享可以有好几种方式父->子 input 方式import {Component,Input} from 'angular2/core';@Component({ selector: 'child', template: ` <h2>child {{conten...

• 2020-05-27

49浏览

0评论

详解Angular 开发环境搭建

Angular 是一款开源 JavaScript 框架，由Google 维护，用来协助单一页面应用程序运行的。它的目标是增强基于浏览器的应用，使开发和测试变得更加容易。目前最新的 Angular 版本是...

• 2020-05-27

90浏览

0评论

vue.js 上传图片实例代码

最近爱上了用vue.js做前端，昨天用vue上传图片时遇到了问题，最后半天时间终于摸索出来，我将相关部分的代码贴出来。前端部分<div class="form-group"> <label>背景图</label>...

• 2020-05-27

57浏览

0评论

vue.js实现条件渲染的实例代码

一、初探条件渲染vue 的条件渲染，仍旧依赖于指令系统，下面逐个介绍：（1）v-if<div id="app"> <div v-if="c1">c1</div></div>......var app = new Vue({ el: '#app', data: {...

• 2020-05-27

97浏览

0评论

详解vuejs之v-for列表渲染

Vue.js是一个构建数据驱动的web界面的库。重点集中在MVVM模式的ViewModel层，因此非常容易与其它库或已有项目整合Vue.js 的核心是一个响应的数据绑定系统，它让数据与DOM保持同...

• 2020-05-27

62浏览

0评论

简单谈谈require模块化jquery和angular的问题

require 模块化开发问题，正常自己写的模块 是exports 导出一个模块//模块化引入jquery 不同和问题require 引入jquery swiper .... 插件和库的时候需要require.config({　　b...

• 2020-05-27

86浏览

0评论

微信JS SDK接入的几点注意事项(必看篇)

微信JS SDK接入，主要可以先参考官网说明文档，总结起来有几个步骤：1.绑定域名：先登录微信公众平台进入“公众号设置”的“功能设置”里填写“JS接口安全域名”。
备注：登录后可在...

• 2020-05-27

76浏览

0评论

小发现之浅谈location.search与location.hash的问题

背景用过Vue Router的童鞋应该对路由传参的方式多多少少有些印象，Vue Router支持两种传参方式：query与params；其中query方式就是动态地在路由url后面追加参数，就是http的get请求...

• 2020-05-27

82浏览

0评论

获取当前按钮或者html的ID名称实例(推荐)

今天做的上传图片，点击图片删除。随机给图片id，获取图片id，然后删除图片。由于图片id是随机的，用点击img或者点击class，获取id都不行，最后用onclick事件获取。js代码如下：$("#pic")...

• 2020-05-27

105浏览

0评论

angular select 默认值设置方法

如下所示：<select ng-model="selected" ng-options="x.id as x.name for x in users"></select>$scope.users = [ {name:'a',id:'1'}, {name:'b',id:'2'}, {name:'c...

• 2020-05-27

102浏览

0评论

关于使用js算总价的问题

昨天对接数据，发现有个商品总价需要计算，商品数量不定，商品价格不定，商品种类不定，有点蒙，想来想去想找到点简单的写法也没想到，最后提供一种简单的思路吧。商品数量，商品价格先建立...

• 2020-05-27

69浏览

0评论

angularJs的ng-class切换class

在angular中为我们提供了3种方案处理class：
1：scope变量绑定2：字符串数组形式。
3：对象key/value处理。第一种我们不推荐使用，看看其他两种解决方案：字符串数组形式字符串数组形...

• 2020-05-27

71浏览

0评论

详谈表单格式化插件jquery.serializeJSON

前言前端在处理含有大量数据提交的表单时，除了使用Form直接提交刷新页面之外，经常碰到的需求是收集表单信息成数据对象，Ajax提交。而在处理复杂的表单时，需要一个一个区手动判断...

• 2020-05-27

78浏览

0评论

微信小程序 获取二维码实例详解

微信小程序 获取二维码实例详解理论：接口A: 适用于需要的码数量较少的业务场景 接口地址：（永久有效，数量有限，进入path对应的页面）https://api.weixin.qq.com/wxa/getwxacode&#63...

• 2020-05-27

76浏览

0评论

docker中编译nodejs并使用nginx启动

1.编译Nodejs要进行Nodejs编译，使用docker就变得非常的方便了。首先从hub.docker.com下载最新的镜像。https://hub.docker.com/_/node/一般的项目都使用的是node6的镜像。doc...

• 2020-05-27

80浏览

0评论

20行JS代码实现网页刮刮乐效果

分享一段用canvas和JS制作刮刮乐的代码，JS部分去掉注释不到20行代码效果如下盖伦.jpg刮刮乐.gifHTML部分<body>  <canvas id="canvas" width="400" hei...

• 2020-05-27

68浏览

0评论

微信小程序 检查接口状态实例详解

微信小程序 检查接口状态实例详解实例代码：// 检查接口是否可用wx.getSetting({ success(res) { if (!res['scope.record']) { // 接口调用询问 wx.authorize({ scop...

• 2020-05-27

76浏览

0评论

详解微信小程序 template添加绑定事件

详解微信小程序 template添加绑定事件对于模板的使用，我是想将模板的事件单独出来，其他引用模板的页面中不再掺杂模板事件，比较方便管理，如果还有其他好的解决办法， 请赐教。temp...

• 2020-05-27

91浏览

0评论

创建简单的node服务器实例(分享)

话不多说直接上代码：var http = require('http')//对URL 解析为对象
//1.导入模块 URl模块var url = require('url')var fs = require('fs')var path = require('path')var m...

• 2020-05-27

84浏览

0评论

JS使用正则表达式验证身份证号码

废话不多说了，先给大家看一段代码吧function isCardNo(card) { // 身份证号码为15位或者18位，15位时全为数字，18位前17位为数字，最后一位是校验位，可能为数字或字符X var reg...

• 2020-05-27

82浏览

0评论

js实现城市级联菜单的2种方法

本文实例为大家分享了js实现城市级联菜单的具体代码，供大家参考，具体内容如下方法一：用switch方法判断。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <ti...

• 2020-05-27

68浏览

0评论

QRCode.js：基于JQuery的生成二维码JS库的使用

1. QRCode.js
QRCode.js是一个二维码生成javascript库；支持跨浏览器的HTML5 Canvas和表格标签的DOM操作；并且不依赖其它的库或拓展。主页：QRCode.jsGithub：davidshimjs/qrcodejs...

• 2020-05-27

80浏览

0评论

AngularJS 限定$scope的范围实例详解

限定$scope的范围JavaScript基于原型的继承与面向对象中基于类的继承有着微妙的区别，这通常不是什么问题，但这个微妙之处在使用$scope时就会表现出来。在AngularJS中，每个$scop...

• 2020-05-27

85浏览

0评论

JavaScript实现简单的树形菜单效果

简单的一个树形菜单，具体内容如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>树形菜单</title> <style> body { font: 12px/20px 宋...

• 2020-05-27