Vue-不允许嵌套式的渲染方法
当存在有两个元素作为需要VUE渲染的对象是，这两个对象不允许存在嵌套关系，比如有 id='a'和 od='b'这两个元素 当<div id='a'> {{message}}<div id='b'> {{message1}} </div></...
2020-05-27
解决vuejs项目里css引用背景图片不能显示的问题
解决：build->utils.js里，修改：增加publicPath:'../../',if (options.extract) { return ExtractTextPlugin.extract({ use: loaders, publicPath:'../../', fallback: 'vue...
2020-05-27
vue 刷新之后 嵌套路由不变 重新渲染页面的方法
解决嵌套路由刷新时，路由没有变化，正常情况下页面是不会重新渲染的1、在router-view中加上条件渲染 v-if 默认为true。让它显示出来2、写写一个reload方法，在页面刷新只有，点击...
2020-05-27
详解React中传入组件的props改变时更新组件的几种实现方法
我们使用react的时候常常需要在一个组件传入的props更新时重新渲染该组件，常用的方法是在componentWillReceiveProps中将新的props更新到组件的state中（这种state被成为派生状...
2020-05-27
详解如何在微信小程序开发中正确的使用vant ui组件
微信小程序终于可以支持npm导入第三方库了（https://developers.weixin.qq....），但是这种导入模式和使用模式有别于我们使用的npm调用。今天我按照有赞新出的vant小程序ui库来讲...
2020-05-27
vue vue-Router默认hash模式修改为history需要做的修改详解
主要是因为活动页会存在pc端的时候未登录的用户也需要访问的问题，因为未登录用户在活动页面进行操作的时候会触发到登录事件，然后我们实现的方式是通过接口来判断，该接口标记的...
2020-05-27
vue动态改变背景图片demo分享
如下所示：<!DOCTYPE html><html><head><meta charset="UTF-8"><title></title><script type="text/javascript" src="js/vue.js" ></script><style>#bag{width: 200px;height...
2020-05-27
node中的cookie的具体使用
为什么需要cookie我们知道http是无状态的协议，无状态是什么意思呢？
我来举一个小例子来说明：比如小明在网上购物，他浏览了多个页面，购买了一些物品，这些请求在多次连接中完成，如果...
2020-05-27
Vue点击切换颜色的方法
如下所示：<template> <div> <div v-for="(list,index) in siYuan" class="aa" :class="{ red:changeRed == index}" @click="change(index)">{{list.a}}</div> </div></temp...
2020-05-27
vue interceptor 使用教程实例详解
二次封装axios，根据参数来实现多个请求多次拦截1. 新建 axiosTool.js 文件，设置请求拦截和处理的逻辑import Vue from 'vue'import axios from 'axios'//取消请求let CancelTo...
2020-05-27
ios设备中angularjs无法改变页面title的解决方法
如下所示：$rootScope.$watch('title',function(title){ var body = document.getElementsByTagName('body')[0]; document.title = title; var iframe = document.createElem...
2020-05-27
vue的全局变量和全局拦截请求器的示例代码
做的产品证书管理系统使用的是VueJs和ElementUI，现将遇到的一些知识点记录一下。VUe全局变量的实现
全局变量专用模块Global.vue是以一个特定模块来组织管理全局变量，需要引用...
2020-05-27
在vue中使用vue-echarts-v3的实例代码
特征•轻量，高效，按需绑定事件
•支持按需导入ECharts.js图表​​和组件
•支持组件调整大小事件自动更新视图一、安装npm install --save echarts...
2020-05-27
AngularJS修改model值时,显示内容不变的实例
一段很简单的AngularJs代码：<!DOCTYPE html><html><head><meta charset="utf-8"><script src="http://cdn.static.runoob.com/libs/angular.js/1.4.6/angular.min.js"></scri...
2020-05-27
mpvue中使用flyjs全局拦截的实现代码
我们安装好flyio之后npm install flyio找到src目录下的main.js文件首先引入flyjs并实例化var Fly=require("flyio/dist/npm/wx")var fly=new Fly比方说我们每次请求我们自己...
2020-05-27
解决angular2在双向数据绑定时[(ngModel)]无法使用的问题
angular2在双向数据绑定时[(ngModel)]无法使用，出现的错误是：Can't bind to 'ngModel' since it isn't a known property of 'input'.解决办法：在文件 app.component.ts 中引入...
2020-05-27
在小程序/mpvue中使用flyio发起网络请求的方法
Fly.js 一个基于Promise的、强大的、支持多种JavaScript运行时的http请求库. 有了它，您可以使用一份http请求代码在浏览器、微信小程序、Weex、Node、React Native、快应用中...
2020-05-27
Angularjs之ngModel中的值验证绑定方法
众所周知，在Angular中ngModel为动态双向绑定，存在两种方式。例如，方式一：在html中，<input type="text" ng-model="searchText" /><button ng-click="check(searchText)">Check!</...
2020-05-27
Vue中使用 setTimeout() setInterval()函数的问题
在vue点击事件调用函数的过程中，想通过 setTimeout() setInterval()函数来延迟修改参数时，发现函数没有执行，控制台也没有报错，代码如下：var vm_target = new Vue({ el: '...
2020-05-27
nodejs中express入门和基础知识点学习
初始化新建一个目录myapp，项目初始化$ npm init安装express $ npm install express --save创建一个hello world实例 进入myapp目录，创建一个名为app.jsvar express = require(...
2020-05-27
详解webpack 热更新优化
前言随着项目的界面越来越多，webpack的热更新越来越慢，有时会达到5,7s之久，这对于开发效率影响是非常巨大的。分析过程于是今天就针对这个分析了一下热更新慢的原因，步骤如下首...
2020-05-27
详解react内联样式使用webpack将px转rem
背景
在开发react项目时，很多时候我们把style写在css、less、scss里，经过像postcss这样的配置处理，但有没有这样一种需求呢，像有些样式我们直接写在xml标签上style里，然后也能进...
2020-05-27
vue项目开发中setTimeout等定时器的管理问题
一、问题来源。在项目中，我们经常有这样的需求，一个页面初始化后，需要不断的去请求后端，来获取当前某个记录的最新状态。显然，这个可以用setTimeout以及回调中继续setTimeout来实...
2020-05-27
webpack实现一个行内样式px转vw的loader示例
需求
自从有了postcss来处理css文件，我们可以快速进行网站适配的开发，只需要改改参数，样式按照设计稿的px写，webpack编译自动转换成rem或者vw等。但是，标签内的px怎么办呢？postcss...
2020-05-27
解决angularjs WdatePicker ng-model的问题
假设我们在项目中需要用到WdatePicker以及angularjs，并有如下的代码：<div> <div class="h4">ddd</div> <input class="form-control" type="text" ng-model="text.ddd" readon...
2020-05-27
javascript将非数值转换为数值
以下三个函数将非数值转换为数值：Number() 、parseInt()和 parseFloat()Number()的转换规则1.Boolean值 true会被转换为1 false会被转换为0var correct = trueNumber(correct...
2020-05-27
解决angularJS中input标签的ng-change事件无效问题
出现这个问题是因为input的type是file，这时如果用ng-change="()"是无效的。解决方法：用onchange事件。<input onchange="angular.element(this).scope().change()" type="file...
2020-05-27
JSONP原理及应用实例详解
JSONP 被用于跨域获取数据。在讲解它之前，先讲讲它与 JSON 之间的区别什么是JSON？
JSON 是一种基于文本的数据交换方式，或者叫做数据描述格式。其优点是：1、基于纯文本，跨平台传...
2020-05-27
更改BootStrap popover的默认样式及popover简单用法
下面通过一段代码给大家介绍更改BootStrap popover的默认样式，具体代码如下所述：.popover { position: absolute; top: 0; left: 0; z-index: 1060; display: none; max...
2020-05-27
vue实现动态列表点击各行换色的方法
只是模拟一练习 v-for v-on v-bind的一个简单demo代码思路：遍历出data里面的数据 v-for给li加点击事件绑定class样式 怎么控制样式的显示通过 class的控制 v:bind:class={cla...
2020-05-27
vue2.0获取鼠标位置的方法
如下所示：<!DOCTYPE html><html><head><meta charset="UTF-8"><title></title><script type="text/javascript" src="js/vue.js" ></script><style>#canvas{width: 500px;hei...
2020-05-27
如何解决vue2.0下IE浏览器白屏问题
公司新开发的项目需要兼容到IE9+就在index.html页面加入<meta http-equiv="X-UA-Compatible" content="IE=edge">不起作用总结方法：
1、兼容IE9/IE10可能会遇到语法或者 Prom...
2020-05-27
vue删除html内容的标签样式实例
安装依赖包cnpm install js-striphtml使用：删除标签样式：var striphtml = require('js-striphtml');striphtml.striptags('<body>I am a <b>HTML</b> string.<div class="clea...
2020-05-27
javacript replace 正则取字符串中的值并替换【推荐】
replace() 方法用于在字符串中用一些字符替换另一些字符，或替换一个与正则表达式匹配的子串。问题： 在使用ueditor 富文本编辑器，给字体颜色时，发现getCent后的内容颜色为rgb如...
2020-05-27
react项目实践之webpack-dev-serve
模块热替换(Hot Module Replacement)
HMR是webpack最令人兴奋的特性之一，当你对代码进行修改并保存后，webpack 将对代码重新打包，并将新的模块发送到浏览器端，浏览器通过新的模...
2020-05-27
关于在vue 中使用百度ueEditor编辑器的方法实例代码
1. 安装 npm i vue-ueditor --save-dev2.从nodemodels 取出ueditor1_4_3_3 这整个目录，放入vue 的 static 目录 3.配置 ueditor.config.js 的 21行代码 更改路径 var U...
2020-05-27
详解webpack2异步加载套路
webpack提供的一个非常强大的功能就是code spliting(代码切割)。在webpack 1.x中提供了 require.ensure([], () => { let module = require('./page1/module'); // d...
2020-05-27
JS 实现微信扫一扫功能
具体代码如下所示：let para = { opentoken : token, currUrl : location.href };$.ajax({ type: "POST", url: url, d...
2020-05-27
详解webpack-dev-server使用方法
记录下webpack-dev-server的用法.首先，我们来看看基本的webpack.config.js的写法 module.exports = { entry: './src/js/index.js', output: { path: './dist/js'...
2020-05-27
在vue项目中引用Iview的方法
关于 iViewiView 是一套基于 Vue.js 的开源 UI 组件库，主要服务于 PC 界面的中后台产品。
特性 # 高质量、功能丰富 友好的 API ，自由灵活地使用空间 细致、漂亮的 UI 事...
2020-05-27
在vue项目中使用md5加密的方法
npm安装：npm install --save js-md51.在需要使用的项目文件中引入：import md5 from 'js-md5';使用：md5('hello world') // 5eb63bbbe01eeed093cb22bb8f5acdc3 2.或者在main.js...
2020-05-27
vue3.0 CLI - 2.6 - 组件的复用入门教程
我的 github 地址 - vue3.0Study - 阶段学习成果都会建立分支。==========================定义一个基础组件这个基础组件，是导航条中 可以复用 的基础组件 单个导航。基础组...
2020-05-27
vue-cli脚手架build目录下utils.js工具配置文件详解
此文章用来解释vue-cli脚手架build目录中的utils.js配置文件
1.此配置文件是vue开发环境的wepack相关配置文件，主要用来处理css-loader和vue-style-loader
2.关于注释 •...
2020-05-27
详解Vue CLI3配置解析之css.extract
大家还记得我们在老版本中，对于线上环境配置中会把所有的 css 多打成一个文件：核心是使用了插件 extract-text-webpack-plugin，方式如下：第一步都是加载插件const ExtractTextPl...
2020-05-27
vue3.0 CLI - 1 - npm 安装与初始化的入门教程
node 开发环境请先自行准备npm install -g @vue/cli 安装完成之后命令行则存在 vue 命令vue -V 查看本地 vue 版本 vue -h 输出帮助vue create <project-name> 进入工程文件...
2020-05-27
vue3.0 CLI - 2.1 - component 组件入门教程
我的 github 地址 - vue3.0Study - 阶段学习成果都会建立分支。进入 src 文件夹，这是实际都工程文件夹，其他文件夹以及文件以后在了解。3个文件夹 assets - 各类静态资源文件...
2020-05-27
node中的session的具体使用
前言在上一篇中node中的cookie，对cookie进行了相关介绍，本篇将继续前行，对session进行说明。session是什么session不就是会话嘛，那什么是会话呢？
会话是一个比连接粒度更大的概念...
2020-05-27
Element-ui之ElScrollBar组件滚动条的使用方法
在使用vue + element-ui 搭建后台管理页面的时候，做了一个头部、侧栏、面包屑固定的布局，导航栏和主要内容区域当内容超出时自动滚动。使用的原因：原来是采用优化浏览器样式的...
2020-05-27
vue3.0 CLI - 2.2 - 组件 home.vue 的初步改造
我的 github 地址 - vue3.0Study - 阶段学习成果都会建立分支。helloworld.vue 都挪到 about 路由当中。<template><div class="about"><HelloWorld msg="vue 官方相关资料...
2020-05-27
vue3.0 CLI - 2.3 - 组件 home.vue 中学习指令和绑定
我的 github 地址 - vue3.0Study - 阶段学习成果都会建立分支。首先美化一下界面 - 相关的界面代码不粘贴，可从我的 github 分支中看到。下面最终的实现效果图：改造下 data 中...
2020-05-27
