74浏览

0评论

vue插件实现v-model功能

最近在开发自己的富文本编辑器插件，在开发中遇到了很多问题其中我觉得比较好的问题就是在你定义的插件中实现双向绑定。就好像input中v-model的功能类似。v-model语法：在vue中...

• 2020-05-27

93浏览

0评论

vue axios数据请求及vue中使用axios的方法

axios 简介axios 是一个基于Promise 用于浏览器和 nodejs 的 HTTP 客户端，它本身具有以下特征：--------------------------------------------------------------------------...

• 2020-05-27

101浏览

0评论

vue弹窗组件的实现示例代码

vue弹窗组件的样子
我们先看一下，我们要实现出来的弹窗组件长什么样子：呐，我们要用vue组件实现的弹窗就是这个样子，跟我们用js插件实现的效果一样，下面我们开始讲述怎么实现一个...

• 2020-05-27

152浏览

0评论

bootstrap自定义样式之bootstrap实现侧边导航栏功能

bootstrap自带的响应式导航栏是向下滑动的，有时满足不了个性化的需求，需要做一个类似于android drawerLayout 侧滑的菜单，这就是我要实现的bootstrap自定义侧滑菜单，参考了很多...

• 2020-05-27

115浏览

0评论

详解Eslint 配置及规则说明

本文介绍了详解Eslint 配置及规则说明，分享给大家，具体如下：中文官方网站安装
可以全局安装，也可以在项目下面安装。
如下是在项目中安装示例，只需要在 package.json 中添加如下...

• 2020-05-27

96浏览

0评论

vue中使用input[type="file"]实现文件上传功能

注意:input[type="file"] 标签中的属性accept="application/msword,application/pdf" 在pc上正常,但是在手机ios和android上这个文件格式限制会被忽略,所以需要在js中增加格...

• 2020-05-27

119浏览

0评论

Angular6 正则表达式允许输入部分中文字符

之前接到新需求，要求允许输入汉字的输入框允许输入中文括号，写正则表达式let filter2=/^[\（ \）\u4e00-\u9fa5]+$/;测试正常，执行ng build --prod命令打包之后运行出错。发现，正则...

• 2020-05-27

106浏览

0评论

vue2.0$nextTick监听数据渲染完成之后的回调函数方法

vue里面本身带有两个回调函数：一个是`Vue.nextTick(callback)`，当数据发生变化，更新后执行回调。另一个是`Vue.$nextTick(callback)`，当dom发生变化，更新后执行的回调。栗子： ...<...

• 2020-05-27

91浏览

0评论

Vue监听数据渲染DOM完以后执行某个函数详解

实例如下： vm.$watch('某data数据',function(val){ vm.$nextTick(function() { 某事件(); }); }) 以上这篇Vue监听数据渲染DOM完以后执行某个函数详解就是小编分享给...

• 2020-05-27

90浏览

0评论

JavaScript基础教程之如何实现一个简单的promise

前言我们在开发过程中大多会用到promise，想必大家对promise的使用都很熟练了，今天我们就来实现一个简单的promise，实现的效果如有出入还往指正。Promise/A+规范：
首先重新阅读...

• 2020-05-27

106浏览

0评论

nodejs高大上的部署方式(PM2)

如果直接通过node app来启动，如果报错了可能直接停在整个运行，supervisor感觉只是拿来用作开发环境的。再网上找到pm2.目前似乎最常见的线上部署nodejs项目的有forever,pm2这...

• 2020-05-27

91浏览

0评论

webpack的CSS加载器的使用

什么是loader
loader用于转换应用程序的资源文件，他们是运行在nodejs下的函数，使用参数来获取一个资源的来源并且返回一个新的来源（资源的位置），例如：你可以使用loader来告诉webpa...

• 2020-05-27

88浏览

0评论

vue1.0和vue2.0的watch监听事件写法详解

如下所示：watch: { aaa: { handler: function (newVal,oldVal) { console.log('当前的值：'+ newVal); console.log('旧的值' + oldVal); }, deep: true //深度监听 }}...

• 2020-05-27

80浏览

0评论

webpack css加载和图片加载的方法示例

css加载器
在webpack中，所有的资源（js文件、css文件、模板文件，图片文件等等）都被看成是一个模块，因此多有的资源都是可以被加载的。加载这些资源我们要在module属性定义这些加载...

• 2020-05-27

86浏览

0评论

详解webpack模块加载器兼打包工具

什么是 webpack？webpack是近期最火的一款模块加载器兼打包工具，它能把各种资源，例如JS（含JSX）、coffee、样式（含less/sass）、图片等都作为模块来使用和处理。我们可以直接使用 req...

• 2020-05-27

146浏览

0评论

解决Vue2.0 watch对象属性变化监听不到的问题

问题很早之前就遇到一个问题，父组件向子组件传值，子组件监听传入对象的某个属性。发现子组件使用deep watch都不能观察到对象中属性的变化，今天终于找到为啥出现这种问题和解决...

• 2020-05-27

91浏览

0评论

JavaScript中Array方法你该知道的正确打开方法

前言在过去的几个月，我发现我的拉取请求中存在四个完全相同的 JavaScript 错误。于是我写了这篇文章，总结了如何在 JavaScript 中正确使用地使用 Array 的方法！Array对象为Java...

• 2020-05-27

124浏览

0评论

vue首次赋值不触发watch的解决方法

最近有个新需求，表单要求增量提交，但是身份证要求无则可提交，有错无法提交，只能新写个校验，但是还不能进组件就监控，后来发现watch有个immediate 选项watch:{"aaa":{ immediate:...

• 2020-05-27

149浏览

0评论

解决vue props 拿不到值的问题

方案一：在子组件中设置v-if='flag',初始值false，在成功获取数据后设置为true// 子组件 <echarts :datas="conditionStatisticsData" v-if="flag"></echarts>// 成功获取数据后...

• 2020-05-27

170浏览

0评论

vue props传值失败 输出undefined的解决方法

如果在prop中传的值为一个没有使用特殊命名规则的变量如:（type），可以顺利传值：
<code class="language-html"><div id="app"> <test :type="type"></test> </div> Vue.component...

• 2020-05-27

81浏览

0评论

原生js检测页面加载完毕的实例

原生js的页面加载完毕的使用方法为window.onload=function(){ //somecode}在jquery的影响下的错误写法为：window.onload(function(){ //somecode})以上这篇原生js检测页面加...

• 2020-05-27

83浏览

0评论

浅谈Webpack核心模块tapable解析

本文介绍了Webpack核心模块tapable，分享给大家，具体如下：前言Webpack 是一个现代 JavaScript 应用程序的静态模块打包器，是对前端项目实现自动化和优化必不可少的工具，Webpack 的...

• 2020-05-27

77浏览

0评论

NodeJS 实现多语言的示例代码

什么是多语言？
我们平时访问一些文档类型的网站时，经常可以看到页面右上角有一个下拉框用来选择当前页面支持的语言，并在选中后将整个网页的内容切换为选中的语言，这就是项目中...

• 2020-05-27

90浏览

0评论

Vue在页面数据渲染完成之后的调用方法

在使用Vue框架的时候，有时候需要在Vue在页面数据渲染完成之后调用方法，不然获取不到准确的数据，特别是在获取列表的高度的时候，由于数据没有加载完，获取不到准确的高度。之前在使...

• 2020-05-27

77浏览

0评论

node.js之基础加密算法模块crypto详解

crypto作为nodeJS已经稳定下来的模块在整个node中具有举足轻重的地位，一切app都需要加密解密，那么crypto就是一个提供加密功能的模块。在这个模块中已经打包了OpenSSL hash, H...

• 2020-05-27

102浏览

0评论

Webpack之tree-starking 解析

tree-sharking 简介
tree-sharking 是 Webpack 2 后续版本的优化功能，顾名思义，就是将多余的代码给 “摇晃” 掉，在开发中我们经常使用一些第三方库，而这些第三方库只使用了这个...

• 2020-05-27

90浏览

0评论

vue+axios+element ui 实现全局loading加载示例

实现全局loading加载分析需求，我们只需要在请求发起的时候开始loading，响应结束的时候关闭loading，就这么简单 对不对？import axios from 'axios';import { Message, Loading }...

• 2020-05-27

92浏览

0评论

vue webpack多页面构建的实例代码第1/3页

项目示例地址： https://github.com/ccyinghua/webpack-multipage项目运行:下载项目之后# 下载依赖npm install# 运行npm run devhttp://localhost:3000/login.htmlhttp://loc...

• 2020-05-27

115浏览

0评论

使用vue.js在页面内组件监听scroll事件的方法

思路：scroll在哪儿个组件内，就在获取那个dom元素。网上好多思路是window.addEventListener("scroll", function(){ console.log('scrolling'); });这是监听不到的！如果你整个...

• 2020-05-27

83浏览

0评论

Vue项目数据动态过滤实践及实现思路

这个问题是在下在做一个Vue项目中遇到的实际场景，这里记录一下我遇到问题之后的思考和最后怎么解决的(老年程序员记性不好 -。-)，过程中会涉及到一些Vue源码的概念比如 $mount...

• 2020-05-27

64浏览

0评论

vue 使用html2canvas将DOM转化为图片的方法

一、前言
我发现将DOM转化为图片是一个非常常见的需求，而自己手动转是非常麻烦的，于是找到了html2canvas这个插件，既是用得比较多的也是维护得比较好的一个插件。注意：版本比较...

• 2020-05-27

104浏览

0评论

js监听html页面的上下滚动事件方法

最近在一个项目中，在写前端页面的时候，想像以前做Android时在页面时刻监听上下滚动的事件，查找资料发现由鼠标或类似用户动作触发的事件有以下图示：不多说了，直接上代码了，经过测...

• 2020-05-27

85浏览

0评论

vue axios数据请求get、post方法及实例详解

我们常用的有get方法以及post方法，下面简单的介绍一下这两种请求方法vue中使用axios方法我们先安装axios这个方法npm install --save axios安装之后采用按需引入的方法，哪个页...

• 2020-05-27

136浏览

0评论

vue中的watch监听数据变化及watch中各属性的详解

首先确认 watch是一个对象，一定要当成对象来用。
对象就有键，有值。
键：就是你要监控的那个家伙，比如说$route，这个就是要监控路由的变化。或者是data中的某个变量。
值可以是...

• 2020-05-27

196浏览

0评论

VUE 实现滚动监听 导航栏置顶的方法

HTML非重点的代码，比如样式啥的，我就不放上来了，一笔带过简略的写一下html代码，可以对照文章最后的效果图看，应该不难理解
<div :style="{ paddingBottom: paddingBottom}"> <hea...

• 2020-05-27

80浏览

0评论

vue项目中使用tinymce编辑器的步骤详解

Tinymce富文本也是一款很流行编辑器 把文件放在static下，然后在index.html文件中引入这个文件 <script src="static/tinymce/tinymce.min.js"></script><tinymce :h...

• 2020-05-27

146浏览

0评论

微信小程序首页的分类功能和搜索功能的实现思路及代码详解

就在昨天，微信宣布了微信小程序开发者工具新增“云开发”功能下载最新的开发者工具，现在无需服务器即可实现小程序的快速迭代！分类功能和搜素功能的效果图1.首页分类功能的实现...

• 2020-05-27

92浏览

0评论

微信小程序实现tab左右切换效果

本文实例为大家分享了微信小程序实现tab左右切换展示的具体代码，供大家参考，具体内容如下
分析1、设置data-current属性用于：点击当前项时，通过点击事件swichNav中处理e.dataset...

• 2020-05-27

70浏览

0评论

React router动态加载组件之适配器模式的应用详解

前言本文讲述怎么实现动态加载组件，并借此阐述适配器模式。一、普通路由例子
import Center from 'page/center';import Data from 'page/data';function App(){ return ( <...

• 2020-05-27

124浏览

0评论

JS中判断字符串存在和非空的方法

看到这个题目你是怎么想的呢？这个很简单啊，typeof 一下，再判断length。if(typeof unknownVariable ==='string' && unknownVariable.length){ ... }搞定了吗？如果这个字符串是...

• 2020-05-27

105浏览

0评论

jquery 动态遍历select 赋值的实例

获取select 选中的值：$("#selDepUnit").children('option:selected').val();Ajax 动态为select赋值：$.ajax({ type: "POST", url: "/department/findDepByPid", data:"pid=...

• 2020-05-27

116浏览

0评论

vue this.reload 方法 配置

1.场景在处理列表时，常常有删除一条数据或者新增数据之后需要重新刷新当前页面的需求。2.遇到的问题1. 用vue-router重新路由到当前页面，页面是不进行刷新的2.采用window.relo...

• 2020-05-27

63浏览

0评论

vue二级菜单导航点击选中事件的方法

因为没有使用vue做一个真正完整的项目，所以乘着这个项目比较闲的时间，对标项目用vue做一些页面，丰富自己的项目经验。所以接下来基本都是一些简单的功能。目标：一级导航点击收缩...

• 2020-05-27

134浏览

0评论

浅谈webpack4 图片处理汇总

本次课程的代码目录(如下图所示)：>>> 本节课源码 >>> 所有课程源码 本节课会讲述 webpack4 中的图片常用的基础操作： 图片处理 和 Base64编码 图片压缩 合成雪碧图1. 准备...

• 2020-05-27

109浏览

0评论

在Vue中获取组件声明时的name属性方法

在实际开发中，我们可能需要拿到组件声明时创建的一些属性，比较典型的话就是name属性，在实际开发中需要定位问题时，需要找到是哪一个组件，但是我们总不可能写代码的时候去先找到组...

• 2020-05-27

167浏览

0评论

使用vue点击li,获取当前点击li父辈元素的属性值方法

vue实现加载并展示后台数据的tab选项卡vue用于渲染页面jquery用于方法实现动态效果<div class="content"> <!-- change方法, 数值改变触发 --> <select v-on:change="getDa...

• 2020-05-27

68浏览

0评论

React 项目迁移 Webpack Babel7的实现

不久前写了一篇webpack 4 升级迁移 这里简单说下 React 项目的一些配置；首先我们新建项目 react-web ，然后进入项目初始化 package.json ；cd react-web && npm init接下来我们...

• 2020-05-27

103浏览

0评论

webpack4 升级迁移的实现

好久不看 webpack 已经从 3到4了，其实很早到今年2月份就开始发布 webpack 4 的 beta 版本；每一次 webpack 的升级都还是建议阅读下 《webpack 4: released today! - Sean T. L...

• 2020-05-27

93浏览

0评论

Vue通过ref父子组件拿值方法

父拿子的值<!doctype html><html><head> <meta charset="UTF-8"> <script src="https://cdn.bootcss.com/vue/2.3.2/vue.min.js"></script></head><body><div id="box"> <v-...

• 2020-05-27

102浏览

0评论

Vue.js 十五分钟入门图文教程

TypeScript 为 JavaScript 带来静态类型检查，让 JavaScript 编写中大型应用的时候可以应用工具来避免部分错误。Vue 很早就支持 TypeScript，但配置起来比较麻烦，幸好有了 Vue C...

• 2020-05-27