31浏览

0评论

vue 组件 全局注册和局部注册的实现

全局注册，注册的组件需要在初始化根实例之前注册了组件；局部注册，通过使用组件实例选项注册，可以使组件仅在另一个组件或者实例的作用域中可用：全局组件jsVue.component('tab-tit...

• 2020-05-27

47浏览

0评论

vue-cli+webpack项目 修改项目名称的方法

使用vue-cli+webpack创建的项目，修改文件名称或者更改文件的位置，运营时会报错，是因为npm项目，在安装依赖（node_nodules）时，会记录当前的文件路径，当修改之后就无法正常启动。解决方...

• 2020-05-27

50浏览

0评论

webpack项目调试以及独立打包配置文件的方法

webpack项目调试-sourcemapwebpack配置提供了devtool这个选项，如果设置为 ‘#source-map'，则可以生成.map文件，在chrome浏览器中调试的时候可以显示源代码。devtool: '#source-...

• 2020-05-27

54浏览

0评论

vue+webpack 打包文件 404 页面空白的解决方法

最近用vue-cli+vue-router+webpack建立项目，其中的遇到的三个问题，整理如下：vue-cli+ webpack 建立的项目，cnpm run build 打包项目之后，需要放在http服务器上才可以运行，例如 ：ngi...

• 2020-05-27

59浏览

0评论

JS脚本加载后执行相应回调函数的操作方法

项目中经常会遇到这样的问题：当某个 js 脚本加载完成后再执行相应任务，但很多朋友可能并不知道怎么判断我们要加载的 js 文件是否加载完成，如果没有加载完成我们就调用 js 文件...

• 2020-05-27

57浏览

0评论

Node.js静态服务器的实现方法

当你输入一个url时，这个url可能对应服务器上的一个资源（文件）也可能对应一个目录。 So服务器会对这个url进行分析，针对不同的情况做不同的事。 如果这个url对应的是一个文件，那么...

• 2020-05-27

56浏览

0评论

ES6学习笔记之map、set与数组、对象的对比

前言ES5中的数据结构，主要是用Array和Object。在ES6中主要新增了Set和Map数据结构。到目前为止，常用的数据结构有四种Array、Object、Set、Map。下面话不多说了，来一起看看详细...

• 2020-05-27

35浏览

0评论

浅谈Angular 的变化检测的方法

Change Detection (变化检测) 是 Angular 2 中最重要的一个特性。当组件中的数据发生变化的时候，Angular 2 能检测到数据变化并自动刷新视图反映出相应的变化。
在介绍变化检...

• 2020-05-27

34浏览

0评论

vue-star评星组件开发实例

star文件夹下建立Star.vue，及相关的图片信息。便于组件的就近维护Star.vue：<template> <div class="star" :class="starSize"> <span v-for="(itemClass,key) in itemClasses"...

• 2020-05-27

33浏览

0评论

vue 实现类似淘宝星级评分的示例

实例如下所示：<template><div id="shoplist"><p class="all" ><inputtype="radio"name="b" value="0" v-model="inputdata"/><span>★</span><inputtype="radio"name...

• 2020-05-27

46浏览

0评论

解决vue中无法动态修改jqgrid组件 url地址的问题

在项目开发中使用封装的jqgrid组件时需要动态修改URL地址，直接修改URL地址jqgrid请求的url地址并不会改变，这时我们可以强行修改jqgrid的url地址，修改如下：$("#accountGrid").se...

• 2020-05-27

99浏览

0评论

React Native 自定义下拉刷新上拉加载的列表的示例

在移动端开发中列表页是非常常见的页面，在React Native中我们一般使用FlatList或SectionList组件实现这些列表视图。通常列表页都会有大量的数据需要加载显示，这时候就用到了...

• 2020-05-27

88浏览

0评论

vue父组件向子组件传递多个数据的实例

在平时我们使用VUE组件的时候，经常需要将父组件的某些数据传递给子组件，这个时候，我们通常会有很多的办法，这里主要分为两种情况：第一种：静态数据传递：传递一个 字符串 第二种：动态...

• 2020-05-27

54浏览

0评论

Node.js 利用cheerio制作简单的网页爬虫示例

本文介绍了Node.js 利用cheerio制作简单的网页爬虫示例，分享给大家，具有如下：
1. 目标 完成对网站的标题信息获取 将获取到的信息输出在一个新文件 工具: cheerio，使用npm下...

• 2020-05-27

60浏览

0评论

vue-prop父组件向子组件进行传值的方法

vue-prop是父组件向子组件进行传递数据时使用的。例如子组件为child.vuetemplate: '<div>msg: {{msg}}</div>'props: ['msg'],我们在子组件里规定了一个数据名字叫msg父组件...

• 2020-05-27

53浏览

0评论

详解用Node.js写一个简单的命令行工具

本文介绍了用Node.js写一个简单的命令行工具，分享给大家，具体如下：
操作系统需要为Linux1. 目标
在命令行输入自己写的命令，完成目标任务 命令行要求全局有效 命令行要求可...

• 2020-05-27

41浏览

0评论

JavaScript 中定义函数用 var foo = function () {} 和 function foo()区别介绍

某天写代码突然县道这个问题,顺势总结一波JavaScript 函数和变量声明的“提前”（hoist）行为简单的说 如果我们使用 匿名函数var a = {}这种方式， 编译后变量声明a 会“被提前”...

• 2020-05-27

69浏览

0评论

浅谈vue的几种绑定变量的值 防止其改变的方法

1、Object.freeze(obj)语句obj={ foo:"nan" } Object.freeze(obj); 用该语句固定变量后，之后对这个变量的更改都会无效，并在console中报错。2、v-once元素绑定<span>{{msg}}<...

• 2020-05-27

60浏览

0评论

基于 Immutable.js 实现撤销重做功能的实例代码

浏览器的功能越来越强大，许多原来由其他客户端提供的功能渐渐转移到了前端，前端应用也越来越复杂。许多前端应用，尤其是一些在线编辑软件，运行时需要不断处理用户的交互，提供了撤...

• 2020-05-27

59浏览

0评论

Node.js readline模块与util模块的使用

1. 使用readline模块逐行读取流数据
1.1. 创建Interface对象
在readline模块中，通过Interface对象的使用来实现逐行读取流数据的处理。因此首先要创建Interface对象，在readlin...

• 2020-05-27

55浏览

0评论

基于Vuex无法观察到值变化的解决方法

在跨越主路由视图时，由于Vuex的状态值一直存储在内存中，所以在组件视图重新载入时，可能会出现组件无法检测到状态值的变化，从而导致业务逻辑出现错误。假定通用头部组件有一个全...

• 2020-05-27

62浏览

0评论

Node.js readline 逐行读取、写入文件内容的示例

本文介绍了运用readline逐行读取的两种实现，分享给大家，具体如下：什么是ReadlineReadline是Node.js里实现标准输入输出的封装好的模块，通过这个模块我们可以以逐行的方式读取数...

• 2020-05-27

46浏览

0评论

解决VUEX兼容IE上的报错问题

在IE 上使用Vuex的过程中，出现如下错误：SCRIPT5022: [vuex] vuex requires a Promise polyfill in this browser. 解决方法：1、先安装babel-polyfillnpm install --save-dev ba...

• 2020-05-27

41浏览

0评论

详解Immutable及 React 中实践

有人说 Immutable 可以给 React 应用带来数十倍的提升，也有人说 Immutable 的引入是近期 JavaScript 中伟大的发明，因为同期 React 太火，它的光芒被掩盖了。这些至少说明 Immut...

• 2020-05-27

47浏览

0评论

解决easyui日期时间框ie的兼容的问题

前几天项目进入最后准备上线阶段，测试突然发现使用easyui的datetimebox插件获取的时间在ie的时候无法获取到比当前时间还往后的时间，当时是这么写的： $(selector).datetimebox(...

• 2020-05-27

56浏览

0评论

vue 实现剪裁图片并上传服务器功能

预览链接点击预览效果图如下所示，大家感觉不错，请参考实现代码。
需求 [x] 预览：根据选择图像大小自适应填充左侧裁剪区域 [x] 裁剪：移动裁剪框右侧预览区域可实时预览 [x]...

• 2020-05-27

60浏览

0评论

Vuex中mutations与actions的区别详解

区分 actions 和 mutations 并不是为了解决竞态问题，而是为了能用 devtools 追踪状态变化。事实上在 vuex 里面 actions 只是一个架构性的概念，并不是必须的，说到底只是一个函...

• 2020-05-27

56浏览

0评论

cropper js基于vue的图片裁剪上传功能的实现代码

前些日子做了一个项目关于vue项目需要头像裁剪上传功能，看了一篇文章，在此基础上做的修改完成了这个功能，与大家分享一下。原文：https://www.freexyz.cn/article/135719.htm首先下...

• 2020-05-27

55浏览

0评论

vue中使用cropperjs的方法

用vue的项目里需要对图片进行裁剪，于是使用了cropperjs，在使用的过程中也踩过一些坑，以下是在.vue文件里cropperjs的使用方法和经验教训总结：在使用之前，先引入：在项目里，运行：npm i...

• 2020-05-27

60浏览

0评论

vue.js 实现图片本地预览 裁剪 压缩 上传功能

以下代码涉及 Vue 2.0 及 ES6 语法。目标纯 javascrpit 实现，兼容ie9及以上浏览器，在本地做好文件格式、长宽、大小的检测，减少浏览器交互。现实是残酷的，为了兼容Ie9 还是用上...

• 2020-05-27

52浏览

0评论

vue-cli结合Element-ui基于cropper.js封装vue实现图片裁剪组件功能

前端工作中，经常需要图片裁剪的场景，cropper.js是一款优秀的前端插件，api十分丰富。本文是在vue-cli项目下封装图片裁剪插件，效果图如下：话不多说，看步骤吧。第一步：准备开发环境cr...

• 2020-05-27

50浏览

0评论

React Native 图片查看组件的方法

React Native 图片查看组件：react-native-image-viewer，纯JS组件，小巧快速的图标查看组件。支持图片放大缩小，支持图片加载失败设置替代图片，支持将图片保存到本地等功能。效果图...

• 2020-05-27

67浏览

0评论

详解vue-cli 快速搭建单页应用之遇到的问题及解决办法

一、报错内容类似：Expected indentation of 0 spaces but found 4将 build 文件下的 webpack.base.conf.js 文件里面的下面一段代码注释掉（eslint-loader内容）,重新运行.二、报...

• 2020-05-27

50浏览

0评论

基于cropper.js封装vue实现在线图片裁剪组件功能

效果图如下所示，github:demo下载cropper.jsgithub:cropper.js
官网（demo）cropper.js 安装 npm或bower安装npm install cropper# orbower install cropperclone下载：下载地址
gi...

• 2020-05-27

52浏览

0评论

vue 虚拟dom的patch源码分析

本文介绍了vue 虚拟dom的patch源码分析，分享给大家，具体如下：
源码目录：src/core/vdom/patch.js function updateChildren (parentElm, oldCh, newCh, insertedVnodeQueue, remo...

• 2020-05-27

85浏览

0评论

浅谈vue单一组件下动态修改数据时的全部重渲染

今天在学习vue的过程中，发现一个有趣的现象。在某一组件下的某一数据通过点击事件被动态修改的时候，对应view中的数据同步的进行了修改，没错，这不是废话吗，vue的一大特色就是数据...

• 2020-05-27

62浏览

0评论

vue2.0 子组件改变props值,并向父组件传值的方法

为什么我们会有修改 prop 中数据的冲动呢？通常是这两种原因：prop 作为初始值传入后，子组件想把它当作局部数据来用；prop 作为初始值传入，由子组件处理成其它数据输出。对这两种原...

• 2020-05-27

90浏览

0评论

Vue 父子组件的数据传递、修改和更新方法

父子组件之间的数据关系，我这边将情况具体分成下面4种：父组件修改子组件的data，并实时更新子组件通过$emit传递子组件的数据，this.$data指当前组件的data(return{...})里的所有...

• 2020-05-27

90浏览

0评论

JavaScript判断日期时间差的实例代码

js判断日期时间的代码如下所示：alert(GetDateDiff("2018-02-27 19:20:22","2018-02-27 09:20:22","hour"));function GetDateDiff(startTime, endTime, diffType) { //将xxx...

• 2020-05-27

94浏览

0评论

在vue中封装可复用的组件方法

本次封装的组件以toast组件为例以前使用移动端ui插件时，通过一句代码比如 $.toast( ‘ 需要显示的内容 ' )，从而在页面上展示这段文字，并在一定时间后消失。现在我们也尝试自己...

• 2020-05-27

83浏览

0评论

Vue中的slot使用插槽分发内容的方法

本文题材来自：https://cn.vuejs.org/v2/guide/components.html#%E4%BD%BF%E7%94%A8%E6%8F%92%E6%A7%BD%E5%88%86%E5%8F%91%E5%86%85%E5%AE%B9<slot></slot>标签，简单来说就是...

• 2020-05-27

54浏览

0评论

vue.js 获取select中的value实例

如下所示：<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Document</title><script type="text/javascript" src="./vue.js"></script></head><body>...

• 2020-05-27

64浏览

0评论

浅谈Vue Element中Select下拉框选取值的问题

之前写了.一个原生的select的，因为展示效果原因，给删除掉了，忘记保存代码了，现在大家展示使用elementUI的下拉框封装一个组件，供咱们项目中经常调用，减少代码量。html：<el-select v...

• 2020-05-27

119浏览

0评论

Vue2.0系列之过滤器的使用

vue2.0已经废弃了过滤器，需要自定义过滤器，用于一些常见的文本格式化。
感觉超级好用！！
过滤器可以用在两个地方：双花括号插值 和 v-bind表达式。过滤器应该被添加在JavaScript表...

• 2020-05-27

77浏览

0评论

vue项目tween方法实现返回顶部的示例代码

一、场景
tween.js是一款可生成平滑动画效果的js动画库
当你要实现一个返回顶部的功能时候你会怎么做，大部分人会使用document.body.scrollTop =0；这么写就实现了功能，不过要更...

• 2020-05-27

81浏览

0评论

Spring Boot/VUE中路由传递参数的实现代码

在路由时传递参数，一般有两种形式，一种是拼接在url地址中，另一种是查询参数。如：http://localhost:8080/router/tang/101&#63;type=spor&num=12。下面根据代码看一下，VUE 和 Spri...

• 2020-05-27

73浏览

0评论

vue判断input输入内容全是空格的方法

比如input中的数据和data中的msg双向绑定。那么我们可以 判断先把msg以空格拆分成数组，然后拼接起来，判断字符串的长度，如果长度为0，证明输入的就全是空格了，如下：msg.split(" ")...

• 2020-05-27

73浏览

0评论

js判断输入框不能为空格或null值的实现方法

实例如下所示： var sno = $('#sno').val(); var sname = $('#sname').val(); if((sno.indexOf(" ") >= 0 || sno == null) || (sname.indexOf(" ") >= 0 || sname == null)){...

• 2020-05-27

101浏览

0评论

原生JavaScript实现todolist功能

该项目主要可以练习js操控dom，事件，事件触发之间的逻辑关系，以及如何写入缓存，获取缓存。
主要功能： 将用户输入添加至待办项 可以对todolist进行分类，用户勾选即将待办项分入已...

• 2020-05-27

64浏览

0评论

select标签设置默认选中的选项方法

方法有两种。第一种 通过<select>的属性来设置选中项，此方法可以在动态语言如php在后台根据需要控制输出结果。< select id = "sel" >< option value = "1" >1</ option >< o...

• 2020-05-27