81浏览

0评论

Vue render深入开发讲解

简介
在使用Vue进行开发的时候，大多数情况下都是使用template进行开发，使用template简单、方便、快捷，可是有时候需要特殊的场景使用template就不是很适合。因此为了很好使用re...

• 2020-05-27

61浏览

0评论

Vue2.0 实现单选互斥的方法

本文介绍了Vue2.0 实现单选互斥的方法，分享给大家，具体如下：需要实现如上图的功能1. 首次加载页面，根据data里的catgoryId高亮对应的选项
2. 点击某个选项，该选项高亮，其他去掉高...

• 2020-05-27

65浏览

0评论

VSCode中如何利用d.ts文件进行js智能提示

自动补全(智能提示)因为之前微软推出了typescript语言，结合tsd文件，用visual studio写typescript代码是相当爽的，智能提示的功能非常nb。这个功能理所应当也被vsc继承了。vsc的...

• 2020-05-27

200浏览

0评论

如何编写一个d.ts文件的步骤详解

前言本文主要讲怎么写一个typescript的描述文件（以d.ts结尾的文件名，比如xxx.d.ts)。
最近开始从js转ts了。但是要用到一些描述文件（d.ts），常用的比如jquery等都可以通过 npm下载...

• 2020-05-27

64浏览

0评论

使用sessionStorage解决vuex在页面刷新后数据被清除的问题

1.原因2.解决方法localStorage没有时间期限，除非将它移除，sessionStorage即会话，当浏览器关闭时会话结束，有时间期限，具有自行百度我这里使用sessionStorage，这里需要注意的是vuex...

• 2020-05-27

53浏览

0评论

详解vuex中mapState,mapGetters,mapMutations,mapActions的作用

在开始接触vuex框架的时候对那些state,action,mutation,getter等理解的还挺顺利的，然后突然出来一种加了一个前缀的mapState等，这样的就有点蒙圈了。。。特别是官方的文档并没...

• 2020-05-27

63浏览

0评论

js捆绑TypeScript声明文件的方法教程

前话TypeScript是JavaScript类型的超集，这是TypeScript的文档介绍的一句话，那么他们存在联系呢？我的理解是，TypeScript在JavaScript基础上引入强类型语言的特性。开发者使用Type...

• 2020-05-27

76浏览

0评论

vuex中的 mapState,mapGetters,mapActions,mapMutations 的使用

一、介绍 vuex里面的四大金刚：State， Mutations，Actions，Getters（上次记得关于vuex笔记 https://www.freexyz.cn/article/138229.htm,是一个简单的应用；这是一些简单的vue的小组件方...

• 2020-05-27

70浏览

0评论

angular实现页面打印局部功能的思考与方法

前言本文主要介绍了关于angular实现页面打印局部功能的相关内容，分享出来供大家参考，下面话不多说了，来一起看看详细的介绍吧。场景
在页面显示的时候是分页现实的，当前页面只有...

• 2020-05-27

68浏览

0评论

简单的vuex 的使用案例笔记

1、 npm install vuex2、 在src 下 新建文件夹 store （为什么是这个单词，vuex 是用来状态管理的，用储存一些组件的状态，取存贮,仓库之意），store 文件下 新建文件 index.js (为什...

• 2020-05-27

62浏览

0评论

vue的常用组件操作方法应用分析

项目技术：webpack + vue + element + axois (vue-resource) + less-loader+ ...vue的操作的方法案例：1.数组数据还未获取到，做出预加载的动画<el-carousel :interval="3000" ty...

• 2020-05-27

57浏览

0评论

全站最详细的Vuex教程

什么是Vuex？vuex是一个专门为vue.js设计的集中式状态管理架构。状态？我把它理解为在data中的属性需要共享给其他vue组件使用的部分，就叫做状态。简单的说就是data中需要共用的...

• 2020-05-27

54浏览

0评论

React中的render何时执行过程

我们都知道Render在组件实例化和存在期时都会被执行。实例化在componentWillMount执行完成后就会被执行，这个没什么好说的。在这里我们主要分析存在期组件更新时的执行。
存...

• 2020-05-27

88浏览

0评论

Element-UI Table组件上添加列拖拽效果实现方法

Element-UI 的 Table 组件很强大，但是我们的需求更强大...简单粗暴的来一发效果图：一、数据驱动传统的拖动效果，都是基于通过 mousedown、mousemove、mouseup 事件来修改删减 d...

• 2020-05-27

64浏览

0评论

js实现点击按钮复制文本功能

最近遇到一个需求，需要点击按钮，复制 <p> 标签中的文本到剪切板之前做过复制输入框的内容，原以为差不多，结果发现根本行不通尝试了各种办法，最后使了个障眼法，实现了下面的效果一...

• 2020-05-27

66浏览

0评论

Vue使用json-server进行后端数据模拟功能

正开发过程中 前后端分离或者不分离 ,接口多半是之后与页面的开发 ,所以建立rest的APL的接口 给前端提供虚拟的数据是非常必要的 所以这里我使用了json-server作为工具,支持...

• 2020-05-27

73浏览

0评论

js闭包学习心得总结

首先引用来自官网文档的定义：
closure is the combination of a function and the lexical environment within which that function was declared.
闭包是一个函数和其内部...

• 2020-05-27

103浏览

0评论

Vue-cropper 图片裁剪的基本原理及思路讲解

一：裁剪的思路：1-1，裁剪区域：需要进行裁剪首先需要形成裁剪区域，裁剪区域的大小和我们的鼠标移动的距离相关联，鼠标移动有多远，裁剪区域就有多大。如下图：1-2 裁剪区域的宽和高的计...

• 2020-05-27

77浏览

0评论

基于VuePress 轻量级静态网站生成器的实现方法

什么是VuePressVuePress由两部分组成：一个基于Vue的轻量级静态网站生成器，以及为编写技术文档而优化的默认主题。 它是为了满足Vue自己的子项目文档的需求而创建的。VuePress...

• 2020-05-27

96浏览

0评论

vue iview实现动态路由和权限验证功能

github上关于vue动态添加路由的例子很多，本项目参考了部分项目后，在iview框架基础上完成了动态路由的动态添加和菜单刷新。为了帮助其他需要的朋友，现分享出实现逻辑，欢迎一起交...

• 2020-05-27

88浏览

0评论

在 Typescript 中使用可被复用的 Vue Mixin功能

转到用 Typescript 写 Vue 应用以后，经过一轮工具链和依赖的洗礼，总算蹒跚地能走起来了，不过有一个很常用的功能 mixin，似乎还没有官方的解决方案。既想享受 mixin 的灵活和方便...

• 2020-05-27

75浏览

0评论

Vue 项目代理设置的优化

Vue 类的项目开发中项目结构基本都是类似于 Vue-cli 生成的方式，这种方式开发中，最常用到的模式是开启代理进行 mock 调试或远程调试，也就是使用了 Vue-cli 设置的配置 proxyTa...

• 2020-05-27

90浏览

0评论

jQuery简单判断值是否存在于数组中的方法示例

本文实例讲述了jQuery简单判断值是否存在于数组中的方法。分享给大家供大家参考，具体如下：<!DOCTYPE><html><head><title>jquery判断值是否存在于数组中</title><meta charset...

• 2020-05-27

120浏览

0评论

bootstrap中日历范围选择插件daterangepicker的使用详解

daterangepicker是bootstrap的一个日历插件 主要用来选择时间段的插件 这个插件很好用 也很容易操作
引入相关插件<!-- 需要引用的依赖库 --><script type="text/javascr...

• 2020-05-27

69浏览

0评论

Angular 容器部署的方法

很多人反应很难访问 Github Page，所以 ng-alain.com 转移到阿里云服务器上，因此做了一次完整的 Angular 容器部署。以下我会阐述 ng-alain 整个过程，其中包括 Docker、Nginx、L...

• 2020-05-27

62浏览

0评论

jQuery实现带右侧索引功能的通讯录示例【附源码下载】

本文实例讲述了jQuery实现带右侧索引功能的通讯录。分享给大家供大家参考，具体如下：通过jquery.charfirst.pinyin.js实现点击字母自动定位。实现动态加载通讯录数据。完整实例...

• 2020-05-27

59浏览

0评论

jQuery+datatables插件实现ajax加载数据与增删改查功能示例

本文实例讲述了jQuery+datatables插件实现ajax加载数据与增删改查功能。分享给大家供大家参考，具体如下：这里给大家分享一下我在项目中用datatables实现ajax加载数据与增删改...

• 2020-05-27

74浏览

0评论

jQuery实现使用sort方法对json数据排序的方法

本文实例讲述了jQuery实现使用sort方法对json数据排序的方法。分享给大家供大家参考，具体如下：如何对后台返回过来的json数据按照数据中的某一项进行排序呢。首先看一下排序前...

• 2020-05-27

64浏览

0评论

基于vue-ssr的静态网站生成器VuePress 初体验

什么是VuePress
VuePress由两部分组成：一个基于Vue的轻量级静态网站生成器，以及为编写技术文档而优化的默认主题。 它是为了满足Vue自己的子项目文档的需求而创建的。
VuePres...

• 2020-05-27

71浏览

0评论

Angular数据绑定机制原理

1.Angular.js扩展浏览器的事件循环浏览器持续等待例如用户交互这样的事件。当你在一个<input>标签里输入字符之后，这个事件的回调函数在JS解释器中执行了其包含的DOM操作，执行...

• 2020-05-27

84浏览

0评论

微信小程序如何像vue一样在动态绑定类名

小程序 开发中遇到这样一个问题...排行榜开发的时候，前三名的样式不同，其余的样式一样。但是都是通过同一元素来遍历的,当时卡了一下。后来发现有module模块化这一概念,于是查...

• 2020-05-27

51浏览

0评论

Vue进度条progressbar组件功能

效果图首先我们看一下进度条组件运行出来的效果，如下图显示进度条组件实现过程&#9726; 项目搭建progressbar组件在一个可以直接运行的npm包，通过Yeoman进行构建，再通过Gulp+Web...

• 2020-05-27

104浏览

0评论

redux中间件之redux-thunk的具体使用

redux的核心概念其实很简单：将需要修改的state都存入到store里，发起一个action用来描述发生了什么，用reducers描述action如何改变state tree 。创建store的时候需要传入reducer...

• 2020-05-27

82浏览

0评论

JS实现二维数组横纵列转置的方法

我想将一个二维数组横纵列转过来，我就不信只有我有这个需求，可是百度了好久，四海八荒都找遍了……后来证明还是大神说的google好用 ~ 第一条就是，鄙视臭百度此番记录下来，也方便...

• 2020-05-27

63浏览

0评论

关于Angularjs中跨域设置白名单问题

在config中注入$sceDelegateProvider服务使用resourceUrlWhitelist([])方法添加白名单 跨域时将method的属性设置为"jsonp"就可以访问了app.config(["$sceDelegateProvi...

• 2020-05-27

47浏览

0评论

浅析vue中常见循环遍历指令的使用 v-for

vue中循环遍历使用的指令是v-for1.v-for遍历数组(1)value in arr 遍历数组中的元素(2)(value,index) in arr 遍历数组中的元素和数组下标运行代码：<body> <div class="box">...

• 2020-05-27

56浏览

0评论

vue双向数据绑定知识点总结

1.原理
vue的双向数据绑定的原理相信大家都十分了解；主要是通过ES5的Object对象的defineProperty属性；重写data的set和get函数来实现的所以接下来不使用ES6进行实际的代码开发...

• 2020-05-27

85浏览

0评论

jQuery实现的两种简单弹窗效果示例

本文实例讲述了jQuery实现的两种简单弹窗效果。分享给大家供大家参考，具体如下：这里利用jquery实现两种弹窗效果：1. 淡入弹窗效果：<!DOCTYPE html><html> <head> <meta char...

• 2020-05-27

52浏览

0评论

详解webpack-dev-server 设置反向代理解决跨域问题

一、设置代理的原因现在对前端开发的要求越来越高，并且随着自动化以及模块化的诞生，前后端开发模式越来越流行。后端只负责接口，前端负责数据展示、逻辑处理。但是前后端开发模...

• 2020-05-27

68浏览

0评论

使用webpack-dev-server处理跨域请求的方法

在前端调试的时候，跨域一直都是一个比较麻烦的问题，这个在之前的文章 关于跨域问题的一个解决方法 中其实已经讨论了一些可以使用的方法。如果要使用 JSONP，第一是需要修改的地...

• 2020-05-27

89浏览

0评论

浅谈vuepress 踩坑记

vuepress是尤大大4月12日发布的一个全新的基于vue的静态网站生成器，实际上就是一个vue的spa应用，内置webpack，可以用来写文档。恰好最近需要为一些组件写文档，就动手撸了一波，毕...

• 2020-05-27

84浏览

0评论

jQuery实现的手动拖动控制进度条效果示例【测试可用】

本文实例讲述了jQuery实现的手动拖动控制进度条效果。分享给大家供大家参考，具体如下：这是一个手动控制进度条的小程序，分享给大家：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1...

• 2020-05-27

72浏览

0评论

JS点击动态添加标签、删除指定标签的代码

1.div标签<div id="mDiv3"> <p>1</p> <button onclick="myFun9()">添加</button></div>2.jsfunction myFun9() { var mDiv3 = document.getElementById("mDiv3"); //获取组...

• 2020-05-27

84浏览

0评论

浅谈mvvm-simple双向绑定简单实现

mvvm模式解放DOM枷锁mvvm原理分析
JavaScript在浏览器中操作HTML经历了几个不同阶段第一阶段 直接用浏览器提供的原生API操作DOM元素var dom = document.getElementById('id...

• 2020-05-27

78浏览

0评论

jQuery实现的淡入淡出与滑入滑出效果示例

本文实例讲述了jQuery实现的淡入淡出与滑入滑出效果。分享给大家供大家参考，具体如下：1. 淡入淡出效果：我们做这样一个实例：有两个按钮，点击淡入，有一个div层淡入，点击淡出，div层淡...

• 2020-05-27

85浏览

0评论

Angular 如何使用第三方库的方法

Angular 的组件与模块看似好像与现有各种第三方类库（例如：lodash、moment 等）使用上有点格格不入，这很大的原因是 TypeScript 造成的假象。三足鼎立的前端其实都是雷同的，不管是...

• 2020-05-27

85浏览

0评论

jQuery滚动条美化插件nicescroll简单用法示例

本文实例讲述了jQuery滚动条美化插件nicescroll简单用法。分享给大家供大家参考，具体如下：你是否遇到过这种情况：想要在网页中嵌入div块并且局部滚动，但滚动条太难看啦！！！使用jquer...

• 2020-05-27

85浏览

0评论

详解Node使用Puppeteer完成一次复杂的爬虫

本文介绍了详解Node使用Puppeteer完成一次复杂的爬虫，分享给大家，具体如下：
架构图Puppeteer架构图
Puppeteer 通过 devTools 与 browser 通信 Browser 一个可以拥有多个页...

• 2020-05-27

47浏览

0评论

JS实现简单获取最近7天和最近3天日期的方法

本文实例讲述了JS实现简单获取最近7天和最近3天日期的方法。分享给大家供大家参考，具体如下：<!DOCTYPE html><html><head><meta charset="utf-8" /><title>www.freexyz.cn JS获...

• 2020-05-27

75浏览

0评论

JS实现的base64加密解密操作示例

本文实例讲述了JS实现的base64加密解密操作。分享给大家供大家参考，具体如下：<!DOCTYPE html><html><head><meta charset="utf-8" /><title>js base64加密解密</title></head>...

• 2020-05-27