124浏览

0评论

解决vue props 拿不到值的问题

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

• 2020-05-27

159浏览

0评论

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

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

• 2020-05-27

70浏览

0评论

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

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

• 2020-05-27

67浏览

0评论

浅谈Webpack核心模块tapable解析

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

• 2020-05-27

58浏览

0评论

NodeJS 实现多语言的示例代码

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

• 2020-05-27

66浏览

0评论

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

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

• 2020-05-27

57浏览

0评论

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

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

• 2020-05-27

80浏览

0评论

Webpack之tree-starking 解析

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

• 2020-05-27

65浏览

0评论

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

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

• 2020-05-27

71浏览

0评论

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

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

• 2020-05-27

86浏览

0评论

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

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

• 2020-05-27

63浏览

0评论

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

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

• 2020-05-27

41浏览

0评论

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

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

• 2020-05-27

80浏览

0评论

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

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

• 2020-05-27

57浏览

0评论

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

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

• 2020-05-27

95浏览

0评论

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

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

• 2020-05-27

176浏览

0评论

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

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

• 2020-05-27

61浏览

0评论

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

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

• 2020-05-27

117浏览

0评论

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

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

• 2020-05-27

72浏览

0评论

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

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

• 2020-05-27

41浏览

0评论

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

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

• 2020-05-27

101浏览

0评论

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

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

• 2020-05-27

77浏览

0评论

jquery 动态遍历select 赋值的实例

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

• 2020-05-27

91浏览

0评论

vue this.reload 方法 配置

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

• 2020-05-27

41浏览

0评论

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

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

• 2020-05-27

101浏览

0评论

浅谈webpack4 图片处理汇总

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

• 2020-05-27

83浏览

0评论

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

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

• 2020-05-27

140浏览

0评论

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

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

• 2020-05-27

50浏览

0评论

React 项目迁移 Webpack Babel7的实现

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

• 2020-05-27

76浏览

0评论

webpack4 升级迁移的实现

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

• 2020-05-27

61浏览

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

87浏览

0评论

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

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

• 2020-05-27

170浏览

0评论

vue elementUI tree树形控件获取父节点ID的实例

首先找到element-ui.common.js文件 如下 具体看你工程下的node_modulesD:\workSpace\vue_manage\node_modules\element-ui\lib\element-ui.common.js找到getCheckedNodes该...

• 2020-05-27

125浏览

0评论

解决Vue.js父组件$on无法监听子组件$emit触发事件的问题

最近学习vuejs看例子中用$on无法监听子组件$emit触发事件：使用版本vue.js 2.2.5参考文献1.vuejs API2.解决实例问题分析 1.之前写的自定义组件事件触发为this.$emit("myclick...

• 2020-05-27

67浏览

0评论

详解html-webpack-plugin插件(用法总结)

html-webpack-plugin 插件是用于编译 Webpack 项目中的 html 类型的文件，如果直接将 html 文件置于 ./src 目录中，用 Webpack 打包时是不会编译到生产环境中的。因为 Webpack...

• 2020-05-27

78浏览

0评论

bootstrap table表格插件之服务器端分页实例代码

Bootstrap Table是基于Bootstrap的轻量级表格插件，只需要简单的配置就可以实现强大的支持固定表头、单复选、排序、分页、搜索以及自定义表头等功能。 因公司的项目需要实现...

• 2020-05-27

79浏览

0评论

Vue $emit $refs子父组件间方法的调用实例

1、$emit子组件调用父组件的方法并传递数据注意：子组件标签中的时间也不区分大小写要用“-”隔开子组件：<template> <button @click="emitEvent">点击我</button></template><...

• 2020-05-27

58浏览

0评论

vue-cli 使用axios的操作方法及整合axios的多种方法

1.创建vue脚手架vue init webpack demo2.cd 项目根目录，再安装axiosnpm install axios -S3.在main.js中//把axios赋值到vue的原型上，方便调用Vue.prototype.$http = axios4.在...

• 2020-05-27

56浏览

0评论

对angular2中的ngfor和ngif指令嵌套实例讲解

ng2 结构指令不能直接嵌套使用，可使用标签来包裹指令示例如下<ul><ng-container *ngFor="let item of lists"><div class="thumb p-date" *ngIf="item.picurl"><a href="# "...

• 2020-05-27

91浏览

0评论

详解SPA中前端路由基本原理与实现方式

在讲前端路由之前，先说下后端路由，以及为什么出现了前端路由。
后端路由： 浏览器在地址栏中切换不同的url时，每次都向后台服务器发出请求，服务器响应请求，在后台拼接html文件传给...

• 2020-05-27

62浏览

0评论

angular4中*ngFor不能对返回来的对象进行循环的解决方法

解决方法：可以循环返回的对象，得到对象里每一个key所对应的值，然后把值放到自己定义的一个数组中。例如：tipAttr: any = [];$.each(response.ipCustomer.tip, function(key, val...

• 2020-05-27

68浏览

0评论

Vue弹出菜单功能的实现代码

言归正传我们老样子直接先上效果图再开始今天的分享 这个项目的github可以看一看组件分析 界面组成 逻辑分析 最终实现
界面组成从上图中，我们可以看出界面主要分为menu...

• 2020-05-27

70浏览

0评论

小程序组件之仿微信通讯录的实现代码

最近模仿微信通信录做了个小程序组件，分享给大家，具体如下：效果图因为是使用的手机录屏，视频格式为MP4，上传到文章时发现只支持图片，还好电脑自动录屏功能，所以简单的录制了一下，完...

• 2020-05-27

78浏览

0评论

使用RN Animated做一个“添加购物车”动画的方法

最近在选座的新项目中试用了一下 React Native，熟悉新框架的同时，可以略微将交互效果和 Native 看齐了。分享一下项目本身比较重要的一个交互动画的做法, RT。这次我们就不装...

• 2020-05-27

65浏览

0评论

JS 数组随机洗牌的实例代码

下面通过一段代码给大家介绍js 数组随机洗牌的方法，具体代码如下所示：//先定义一个某数值范围内的随机数function getRandom(min, max) { return Math.floor(Math.random() *...

• 2020-05-27

56浏览

0评论

详解JavaScript中操作符和表达式

一、一元操作符
1.delete操作符
delete 操作符用于删除对象的某个属性；如果没有指向这个属性的引用，那它最终会被释放语法：delete expressiondelete 操作符会从某个对象上移除...

• 2020-05-27

92浏览

0评论

如何解决React官方脚手架不支持Less的问题(小结)

说在前面create-react-app 是由 React 官方提供并推荐使用构建新的 React 单页面应用程序的最佳方式，不过目前版本(1.5.x)其构建的项目中默认是不支持动态样式语言Less 的。...

• 2020-05-27

77浏览

0评论

angularjs中判断ng-repeat是否迭代完的实例

angular中的ng-repeat指令会自动迭代数组然后你就可以将这些迭代的数据在页面逐条显示。但是怎样才知道数据迭代完了，其实还是有方法的，今天就介绍一种方法来判断ng-repeat是...

• 2020-05-27

54浏览

0评论

vue服务端渲染缓存应用详解

服务端渲染简介服务端渲染不是一个新的技术；在 Web 最初的时候，页面就是通过服务端渲染来返回的，用 PHP 来说，通常是使用 Smarty 等模板写模板文件，然后 PHP 服务端框架将数据和...

• 2020-05-27

64浏览

0评论

angularjs的单选框+ng-repeat的实现方法

最近在做项目的过程中，要求做一个考试系统，在答题页面涉及到单选框+ng-repeat来实现试卷的展示，做完后将答案传到后台，在这里主要讲下单选框+ng-repeat的几个要点前台代码如下：<d...

• 2020-05-27