vue-cli 组件的导入与使用教程详解
概述：一个文件就是一个模块，需要引入模块，和暴露模块的方法在一个组件中使用另一个组件三部曲：引入组件、注册组件、使用组件1.main.js文件解读.是整个项目的入口文件,在src文件...
2020-05-27
Mac下安装vue
前面文章安装了node和cnpm下面就要安装vue这个框架了首先要确保你的node -v
npm -v
cnpm -v
这些环境都已经配置成功了，若没有的话请点击这篇文章查看：node和cnpm安装看着...
2020-05-27
关于Mac下安装nodejs、npm和cnpm的教程
今天新配置了macbook-pro-所以之前的环境都要重新配置所以记录一下免得以后忘记了首先是打开node官网 nodejs然后你会看见如下图片 点击上面的任何一个都可以完成下载，下载完...
2020-05-27
详解react、redux、react-redux之间的关系
本文介绍了react、redux、react-redux之间的关系，分享给大家，也给自己留个笔记，具体如下：React一些小型项目，只使用 React 完全够用了，数据管理使用props、state即可，那什么时候需...
2020-05-27
node结合swig渲染摸板的方法
在这里就nodejs如何应用swig摸板，总结一下一些基本的用法。
首先当然是利用express框架在node后台上面搭建服务var express = require('express');var server = express();se...
2020-05-27
JS常用的几种数组遍历方式以及性能分析对比实例详解
本文实例讲述了JS常用的几种数组遍历方式以及性能分析对比。分享给大家供大家参考，具体如下：前言这一篇与上一篇 JS几种变量交换方式以及性能分析对比 属于同一个系列，本文继续...
2020-05-27
jQuery实现合并/追加数组并去除重复项的方法 <font color=red>原创</font>
本文实例讲述了jQuery实现合并/追加数组并去除重复项的方法。分享给大家供大家参考，具体如下：<html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-...
2020-05-27
JS实现的JSON数组去重算法示例
本文实例讲述了JS实现的JSON数组去重算法。分享给大家供大家参考，具体如下：需求描述：去除JSON数组中paymode字段相同的项，并将paymoney累加。paylist:[{paymode:'1',payname:"现...
2020-05-27
JS实现的合并多个数组去重算法示例
本文实例讲述了JS实现的合并多个数组去重算法。分享给大家供大家参考，具体如下：var arr1 = ['a','b'];var arr2 = ['a','c','d'];var arr3 = [1,'d',undefined,true,null];//...
2020-05-27
jQuery实现判断上传图片类型和大小的方法示例
本文实例讲述了jQuery实现判断上传图片类型和大小的方法。分享给大家供大家参考，具体如下：这里使用jQuery判断上传图片的类型和大小：<!DOCTYPE html><html><head><meta charset...
2020-05-27
vue配置请求本地json数据的方法
本篇文章主要介绍了vue配置请求本地json数据的方法，分享给大家，具体如下：在build文件夹下找到webpack.dev.conf.js文件，在const portfinder = require('portfinder')后添加const...
2020-05-27
JS中promise化微信小程序api
promise化的原因
微信小程序的api用的是对象参数回调模式,很容易造成回调地狱,代码难以阅读,判断,修改 和调试.微信小程序api示例// 获取用户信息 wx.getSetting({ succe...
2020-05-27
Vue 页面跳转不用router-link的实现代码
1、给父页面跳转的地方设置事件//原来的页面上展示的信息 <div v-if="!addShow" class="function"> <el-row> <template slot-scope="scope"> <el-button type="succ...
2020-05-27
关于vue中 $emit的用法详解
1、父组件可以使用 props 把数据传给子组件。2、子组件可以使用 $emit 触发父组件的自定义事件。vm.$emit( event, arg ) //触发当前实例上的事件vm.$on( event, fn );//监...
2020-05-27
react-native 圆弧拖动进度条实现的示例代码
本文介绍了react-native 圆弧拖动进度条实现的示例代码，分享给大家，具体如下：先上效果图因为需求需要实现这个效果图 非原生实现， 难点1：绘制 使用svg 难点2：点击事件的处理 难...
2020-05-27
React props和state属性的具体使用方法
在上一节中，我们讲到了React组件，说了如何使用ES6类创建一个React组件并在其他的地方使用它。这一节我们将讲到React组件的两大灵魂——props和state。props不知道大家还记不...
2020-05-27
Koa项目搭建过程详细记录
本文介绍了Koa项目搭建过程详细记录，分享给大家，具体如下:
Java中的Spring MVC加MyBatis基本上已成为Java Web的标配。Node JS上对应的有Koa、Express、Mongoose、Sequelize等...
2020-05-27
jQuery实现鼠标点击处心形漂浮的炫酷效果示例
本文实例讲述了jQuery实现鼠标点击处心形漂浮的炫酷效果。分享给大家供大家参考，具体如下：鼠标点击一下,在鼠标上方显示一个爱心❤,并有慢慢向上消失的效果,如下图：是不...
2020-05-27
JavaScript实现简单的文本逐字打印效果示例
本文实例讲述了JavaScript实现简单的文本逐字打印效果。分享给大家供大家参考，具体如下：先来看看运行效果：具体代码如下：<!DOCTYPE><html><head><title>www.freexyz.cn js打字效果...
2020-05-27
基于angular6.0实现的一个组件懒加载功能示例
我们常常会遇到这样一个问题，当我们使用一个第三方控件库的时候，我们只用到了其中 1 个或某几个组件，会连带一大堆无用的东西，造成体积臃肿不堪。又或者首页用到的组件较多，首页...
2020-05-27
基于vue-simplemde实现图片拖拽、粘贴功能
项目使用的是vue框架，需要一个markdown的编辑框，就在npm上找了一下，发现simplemde挺不错的，由于我比较懒，就顺便在npm又搜了一下，找到了vue-simplemde这个 package ，那就开始使用它...
2020-05-27
jQuery实现文件编码成base64并通过AJAX上传的方法
本文实例讲述了jQuery实现文件编码成base64并通过AJAX上传的方法。分享给大家供大家参考，具体如下：使用AJAX是无法直接上传文件的，一般都是新建个iframe在它里面完成表单提交的...
2020-05-27
vue组件的写法汇总
数据驱动和组件化是vue.js两个最重要的特点。组件化是为了方便代码复用，提高开发效率。常见的vue组件写法有四种，各有特色，适用于不同的场景。1、全局组件结构：// 组件的注册 Vu...
2020-05-27
用vue2.0实现点击选中active其他选项互斥的效果
在正常的js中。我们如果要实现点击选中active然后其他取消的效果，我们可以定义一个类，当点击的时候给给多有的dom取消active的类，给当前元素加上这个类名，说的很啰嗦，直接来看代...
2020-05-27
Vue render深入开发讲解
简介
在使用Vue进行开发的时候，大多数情况下都是使用template进行开发，使用template简单、方便、快捷，可是有时候需要特殊的场景使用template就不是很适合。因此为了很好使用re...
2020-05-27
Vue2.0 实现单选互斥的方法
本文介绍了Vue2.0 实现单选互斥的方法，分享给大家，具体如下：需要实现如上图的功能1. 首次加载页面，根据data里的catgoryId高亮对应的选项
2. 点击某个选项，该选项高亮，其他去掉高...
2020-05-27
VSCode中如何利用d.ts文件进行js智能提示
自动补全(智能提示)因为之前微软推出了typescript语言，结合tsd文件，用visual studio写typescript代码是相当爽的，智能提示的功能非常nb。这个功能理所应当也被vsc继承了。vsc的...
2020-05-27
如何编写一个d.ts文件的步骤详解
前言本文主要讲怎么写一个typescript的描述文件（以d.ts结尾的文件名，比如xxx.d.ts)。
最近开始从js转ts了。但是要用到一些描述文件（d.ts），常用的比如jquery等都可以通过 npm下载...
2020-05-27
使用sessionStorage解决vuex在页面刷新后数据被清除的问题
1.原因2.解决方法localStorage没有时间期限，除非将它移除，sessionStorage即会话，当浏览器关闭时会话结束，有时间期限，具有自行百度我这里使用sessionStorage，这里需要注意的是vuex...
2020-05-27
详解vuex中mapState,mapGetters,mapMutations,mapActions的作用
在开始接触vuex框架的时候对那些state,action,mutation,getter等理解的还挺顺利的，然后突然出来一种加了一个前缀的mapState等，这样的就有点蒙圈了。。。特别是官方的文档并没...
2020-05-27
js捆绑TypeScript声明文件的方法教程
前话TypeScript是JavaScript类型的超集，这是TypeScript的文档介绍的一句话，那么他们存在联系呢？我的理解是，TypeScript在JavaScript基础上引入强类型语言的特性。开发者使用Type...
2020-05-27
vuex中的 mapState,mapGetters,mapActions,mapMutations 的使用
一、介绍 vuex里面的四大金刚：State， Mutations，Actions，Getters（上次记得关于vuex笔记 https://www.freexyz.cn/article/138229.htm,是一个简单的应用；这是一些简单的vue的小组件方...
2020-05-27
angular实现页面打印局部功能的思考与方法
前言本文主要介绍了关于angular实现页面打印局部功能的相关内容，分享出来供大家参考，下面话不多说了，来一起看看详细的介绍吧。场景
在页面显示的时候是分页现实的，当前页面只有...
2020-05-27
简单的vuex 的使用案例笔记
1、 npm install vuex2、 在src 下 新建文件夹 store （为什么是这个单词，vuex 是用来状态管理的，用储存一些组件的状态，取存贮,仓库之意），store 文件下 新建文件 index.js (为什...
2020-05-27
vue的常用组件操作方法应用分析
项目技术：webpack + vue + element + axois (vue-resource) + less-loader+ ...vue的操作的方法案例：1.数组数据还未获取到，做出预加载的动画<el-carousel :interval="3000" ty...
2020-05-27
全站最详细的Vuex教程
什么是Vuex？vuex是一个专门为vue.js设计的集中式状态管理架构。状态？我把它理解为在data中的属性需要共享给其他vue组件使用的部分，就叫做状态。简单的说就是data中需要共用的...
2020-05-27
React中的render何时执行过程
我们都知道Render在组件实例化和存在期时都会被执行。实例化在componentWillMount执行完成后就会被执行，这个没什么好说的。在这里我们主要分析存在期组件更新时的执行。
存...
2020-05-27
Element-UI Table组件上添加列拖拽效果实现方法
Element-UI 的 Table 组件很强大，但是我们的需求更强大...简单粗暴的来一发效果图：一、数据驱动传统的拖动效果，都是基于通过 mousedown、mousemove、mouseup 事件来修改删减 d...
2020-05-27
js实现点击按钮复制文本功能
最近遇到一个需求，需要点击按钮，复制 <p> 标签中的文本到剪切板之前做过复制输入框的内容，原以为差不多，结果发现根本行不通尝试了各种办法，最后使了个障眼法，实现了下面的效果一...
2020-05-27
Vue使用json-server进行后端数据模拟功能
正开发过程中 前后端分离或者不分离 ,接口多半是之后与页面的开发 ,所以建立rest的APL的接口 给前端提供虚拟的数据是非常必要的 所以这里我使用了json-server作为工具,支持...
2020-05-27
js闭包学习心得总结
首先引用来自官网文档的定义：
closure is the combination of a function and the lexical environment within which that function was declared.
闭包是一个函数和其内部...
2020-05-27
Vue-cropper 图片裁剪的基本原理及思路讲解
一：裁剪的思路：1-1，裁剪区域：需要进行裁剪首先需要形成裁剪区域，裁剪区域的大小和我们的鼠标移动的距离相关联，鼠标移动有多远，裁剪区域就有多大。如下图：1-2 裁剪区域的宽和高的计...
2020-05-27
基于VuePress 轻量级静态网站生成器的实现方法
什么是VuePressVuePress由两部分组成：一个基于Vue的轻量级静态网站生成器，以及为编写技术文档而优化的默认主题。 它是为了满足Vue自己的子项目文档的需求而创建的。VuePress...
2020-05-27
vue iview实现动态路由和权限验证功能
github上关于vue动态添加路由的例子很多，本项目参考了部分项目后，在iview框架基础上完成了动态路由的动态添加和菜单刷新。为了帮助其他需要的朋友，现分享出实现逻辑，欢迎一起交...
2020-05-27
在 Typescript 中使用可被复用的 Vue Mixin功能
转到用 Typescript 写 Vue 应用以后，经过一轮工具链和依赖的洗礼，总算蹒跚地能走起来了，不过有一个很常用的功能 mixin，似乎还没有官方的解决方案。既想享受 mixin 的灵活和方便...
2020-05-27
Vue 项目代理设置的优化
Vue 类的项目开发中项目结构基本都是类似于 Vue-cli 生成的方式，这种方式开发中，最常用到的模式是开启代理进行 mock 调试或远程调试，也就是使用了 Vue-cli 设置的配置 proxyTa...
2020-05-27
jQuery简单判断值是否存在于数组中的方法示例
本文实例讲述了jQuery简单判断值是否存在于数组中的方法。分享给大家供大家参考，具体如下：<!DOCTYPE><html><head><title>jquery判断值是否存在于数组中</title><meta charset...
2020-05-27
bootstrap中日历范围选择插件daterangepicker的使用详解
daterangepicker是bootstrap的一个日历插件 主要用来选择时间段的插件 这个插件很好用 也很容易操作
引入相关插件<!-- 需要引用的依赖库 --><script type="text/javascr...
2020-05-27
Angular 容器部署的方法
很多人反应很难访问 Github Page，所以 ng-alain.com 转移到阿里云服务器上，因此做了一次完整的 Angular 容器部署。以下我会阐述 ng-alain 整个过程，其中包括 Docker、Nginx、L...
2020-05-27
jQuery实现带右侧索引功能的通讯录示例【附源码下载】
本文实例讲述了jQuery实现带右侧索引功能的通讯录。分享给大家供大家参考，具体如下：通过jquery.charfirst.pinyin.js实现点击字母自动定位。实现动态加载通讯录数据。完整实例...
2020-05-27
