JavaScript - 教程之家

47浏览

0评论

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

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

2020-05-27

52浏览

0评论

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

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

2020-05-27

180浏览

0评论

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

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

2020-05-27

50浏览

0评论

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

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

2020-05-27

42浏览

0评论

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

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

2020-05-27

53浏览

0评论

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

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

2020-05-27

60浏览

0评论

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

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

2020-05-27

56浏览

0评论

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

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

2020-05-27

54浏览

0评论

简单的vuex 的使用案例笔记

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

2020-05-27

41浏览

0评论

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

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

2020-05-27

47浏览

0评论

全站最详细的Vuex教程

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

2020-05-27

41浏览

0评论

React中的render何时执行过程

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

2020-05-27

77浏览

0评论

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

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

2020-05-27

51浏览

0评论

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

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

2020-05-27

56浏览

0评论

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

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

2020-05-27

53浏览

0评论

js闭包学习心得总结

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

2020-05-27

90浏览

0评论

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

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

2020-05-27

62浏览

0评论

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

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

2020-05-27

79浏览

0评论

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

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

2020-05-27

75浏览

0评论

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

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

2020-05-27

62浏览

0评论

Vue 项目代理设置的优化

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

2020-05-27

80浏览

0评论

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

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

2020-05-27

109浏览

0评论

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

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

2020-05-27

60浏览

0评论

Angular 容器部署的方法

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

2020-05-27

56浏览

0评论

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

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

2020-05-27

51浏览

0评论

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

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

2020-05-27

65浏览

0评论

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

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

2020-05-27

55浏览

0评论

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

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

2020-05-27

57浏览

0评论

Angular数据绑定机制原理

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

2020-05-27

73浏览

0评论

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

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

2020-05-27

40浏览

0评论

Vue进度条progressbar组件功能

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

2020-05-27

94浏览

0评论

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

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

2020-05-27

73浏览

0评论

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

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

2020-05-27

55浏览

0评论

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

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

2020-05-27

37浏览

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

48浏览

0评论

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

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

2020-05-27

73浏览

0评论

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

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

2020-05-27

43浏览

0评论

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

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

2020-05-27

59浏览

0评论

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

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

2020-05-27

81浏览

0评论

浅谈vuepress 踩坑记

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

2020-05-27

69浏览

0评论

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

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

2020-05-27

62浏览

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

69浏览

0评论

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

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

2020-05-27

70浏览

0评论

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

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

2020-05-27

71浏览

0评论

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

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

2020-05-27

77浏览

0评论

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

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

2020-05-27

68浏览

0评论

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

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

2020-05-27

40浏览

0评论

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

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

2020-05-27

66浏览

0评论

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

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

2020-05-27

69浏览

0评论

Angular ng-animate和ng-cookies用法详解

ng-animate本文讲一下Angular中动画应用的部分。首先，Angular本生不提供动画机制，需要在项目中加入Angular插件模块ngAnimate才能完成Angular的动画机制，Angular也不提供具体的...

2020-05-27

热门文章