JavaScript - 教程之家

46浏览

0评论

vue 中swiper的使用教程

Install在vue cli下的使用npminstall vue-awesome-swiper --save在main.js中import VueAwesomeSwiper from 'vue-awesome-swiper'import 'swiper/dist/css/swiper.css'Vue...

2020-05-27

45浏览

0评论

vue input输入框模糊查询的示例代码

Vue 模糊查询功能
原理：原生js的search() 方法，用于检索字符串中指定的子字符串，或检索与正则表达式相匹配的子字符串。如果没有找到任何匹配的子串，则返回 -1。
input输入框，模...

2020-05-27

45浏览

0评论

Angular网络请求的封装方法

很多时候，我很喜欢angular的编码风格，特别是angular支持typescript之后，完整的生命周期，完美的钩子函数，都是别的语言所无法替代的。
这里我来说说我自己的网络请求封装，某种意义...

2020-05-27

95浏览

0评论

Vue页面骨架屏的实现方法

在开发webapp的时候总是会受到首屏加载时间过长的影响，主流的解决方法是在载入完成之前显示loading图效果，而一些大公司会配置一套服务端渲染的架构来解决这个问题。考虑到ssr...

2020-05-27

40浏览

0评论

Vue单页及多页应用全局配置404页面实践记录

前后端分离后，控制路由跳转的责任转移到了前端，后端只负责给前端返回一个html文档以及提供各种接口。下面我们用作例子的两个项目，均采用vue作为基础框架，一个是SPA应用，另一个是...

2020-05-27

66浏览

0评论

vue之父子组件间通信实例讲解(props、$ref、$emit)

组件是 vue.js 最强大的功能之一，而组件实例的作用域是相互独立的，这就意味着不同组件之间的数据无法相互引用。那么组件间如何通信，也就成为了vue中重点知识了。这篇文章将会...

2020-05-27

66浏览

0评论

nodejs express配置自签名https服务器的方法

在nodejs中使用express来搭建框架可以说是非常的简单方便，但是一般默认创建的都是http服务器，也就是只能通过http协议进行访问。如今https已经是发展趋势，我们应该顺应时代的潮...

2020-05-27

58浏览

0评论

安装vue-cli的简易过程

安装vue-cli的前提是你已经安装了npm，安装npm你可以直接下载node的安装包进行安装。你可以在命令行工具里输入npm -v 检测你是否安装了npm和版本情况。出现版本号说明你已经...

2020-05-27

71浏览

0评论

基于mpvue的小程序项目搭建的步骤

前言mpvue 是美团开源的一套语法与vue.js一致的、快速开发小程序的前端框架，按官网说可以达到小程序与H5界面使用一套代码。使用此框架，开发者将得到完整的 Vue.js 开发体验，同...

2020-05-27

87浏览

0评论

mpvue构建小程序的方法(步骤+地址)

mpvue是一个使用Vue.js开发小程序的前端框架（美团的开源项目）。框架基于Vue.js核心，mpvue修改了Vue.js的 runtime 和 compiler 实现，使其可以运行在小程序环境中，从而为小程序开...

2020-05-27

52浏览

0评论

VUE2.0中Jsonp的使用方法

本文主要介绍的是在VUE2.0Jsonp的使用方法，通过github引入jsonp和promise封装，实现跨域获取数据。1.JSONP的用途和原理使用JSONP主要是目的通过动态创建Script，动态拼接url，进而...

2020-05-27

79浏览

0评论

详解Chart.js轻量级图表库的使用经验

前言最近项目中遇到一个在页面中画图表的需求，需要一个扇状图和一个柱状图，虽然能使用svg或canvas绘制，但吃力还不一定讨好，所以研究接入了主流的第三方图表库供项目使用。下面...

2020-05-27

53浏览

0评论

Vue.js实现的表格增加删除demo示例

本文实例讲述了Vue.js实现的表格增加删除demo。分享给大家供大家参考，具体如下：Vue.js是当下很火的一个JavaScript MVVM库，它是以数据驱动和组件化的思想构建的。相比于Angular...

2020-05-27

54浏览

0评论

Chart.js 轻量级HTML5图表绘制工具库（知识整理）

Chart.js：用不同的方式让你的数据变得可视化。每种类型的图表都有动画效果，并且看上去非常棒，即便是在retina屏幕上。基于HTML5 canvas技术，Chart.js不依赖任何外部工具库，轻量级...

2020-05-27

63浏览

0评论

vue的传参方式汇总和router使用技巧

vue传参方法一
1，路由配置 { path: '/describe/:id', name: 'Describe', component: Describe }
2，使用方法// 直接调用$router.push 实现携带参数的跳转 this.$router.pus...

2020-05-27

59浏览

0评论

jQuery发请求传输中文参数乱码问题的解决方案

最近在做的需求，涉及到级联查询，需要根据上级下拉框的内容，查询出下级下拉框列表，因为级联只有两级，且后期对表中的数据几乎不会改动，所以我设计的表存的直接是中文。菜单如下：代码...

2020-05-27

48浏览

0评论

AngularJS与BootStrap模仿百度分页的示例代码

模仿百度的每页显示10条数据, 实现了当前页居中的算法.
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>BootStrap+AngularJS分页显示 </title> <script t...

2020-05-27

57浏览

0评论

20个最常见的jQuery面试问题及答案

毫无疑问，jQuery给了JavaScript急需的提振，这是一门如此有用，但同时总是常常被低估的语言. 在 jQuery 粉墨登场之前，我们曾经会写出冗长的JavaScript代码，不仅仅为更大型的应用程...

2020-05-27

46浏览

0评论

centos 上快速搭建ghost博客方法分享

1. 介绍Ghost 是一套基于 Node.js 构建的开源博客平台，具有易用的书写界面和体验，博客内容默认采用 Markdown 语法书写，目标是取代臃肿的 Wordpress。本篇文章主要是介绍在如何...

2020-05-27

56浏览

0评论

使用 vue-i18n 切换中英文效果

vue-i18n 仓库地址：https://github.com/kazupon/vue-i18n兼容性：支持 Vue.js 2.x 以上版本安装方法：（此处只演示 npm）npm install vue-i18n使用方法：1、在 main.js 中引入 vue-i18...

2020-05-27

43浏览

0评论

Node.js进阶之核心模块https入门

模块概览这个模块的重要性，基本不用强调了。在网络安全问题日益严峻的今天，网站采用HTTPS是个必然的趋势。在nodejs中，提供了 https 这个模块来完成 HTTPS 相关功能。从官方文...

2020-05-27

39浏览

0评论

深入剖析Node.js cluster模块

cluster模块概览node实例是单线程作业的。在服务端编程中，通常会创建多个node实例来处理客户端的请求，以此提升系统的吞吐率。对这样多个node实例，我们称之为cluster（集群）。借助...

2020-05-27

42浏览

0评论

vue-cli项目根据线上环境分别打出测试包和生产包

最近用vue-cli搭建了项目，准备上线时发现脚手架自带的npm run buil只能打出请求生产接口的生产包，但是项目肯定要先上测试环境，怎么用命令行打出请求测试接口的测试包呢？Step1:...

2020-05-27

43浏览

0评论

vue动态路由配置及路由传参的方式

动态路由：　　当我们很多个页面或者组件都要被很多次重复利用的时候，我们的路由都指向同一个组件，这时候从不同组件进入一个"共用"的组件，并且还要传参数，渲染不同的数据　　这就...

2020-05-27

47浏览

0评论

浅谈使用mpvue开发小程序需要注意和了解的知识点

一、实例生命周期
除了Vue本身的生命周期处，mpvue还兼容了小程序的生命周期，这部分生命周期的钩子来源于微信小程序的Page,除特殊情况外，不建议使用小程序的生命周期钩子。app...

2020-05-27

157浏览

0评论

JavaScript+H5实现微信摇一摇功能

项目终于如约上线，但是在春节前又有一个新的活动要做，类似微信的摇一摇活动。也一直在做微信公众号的东西，但是要调用微信摇一摇的接口还是有些困难，因为只提供了摇一摇周边，附近...

2020-05-27

64浏览

0评论

详解React+Koa实现服务端渲染(SSR)

React是目前前端社区最流行的UI库之一，它的基于组件化的开发方式极大地提升了前端开发体验，React通过拆分一个大的应用至一个个小的组件，来使得我们的代码更加的可被重用，以及获...

2020-05-27

56浏览

0评论

基于Vue自定义指令实现按钮级权限控制思路详解

思路：登录：当用户填写完账号和密码后向服务端验证是否正确，验证通过之后，服务端会返回一个token，拿到token之后（我会将这个token存贮到sessionStorage中，保证刷新页面后能记住用...

2020-05-27

63浏览

0评论

关于vue-router的那些事儿

一、引子要学习vue-router就要先知道这里的路由是什么？为什么我们不能像原来一样直接用标签编写链接哪？vue-router如何使用？常见路由操作有哪些？等等这些问题，就是本篇要探讨的主...

2020-05-27

43浏览

0评论

微信小程序排坑指南详解

本文为大家分享了微信小程序排坑指南，供大家参考，具体内容如下no.1 背景图不显示微信小程序里面是允许用户自定义背景图的，但是限定了背景图的路径及地址，之前一直用相对路径来...

2020-05-27

55浏览

0评论

让Vue也可以使用Redux的方法

上周末看Vuex源码，突发灵感，为什么都是Vuex啊。
于是蛋疼一下午写了一个插件来帮助Vue可以使用Redux
Gayhub Url
Vue-with-Redux
这是一个用于帮助Vue使用Redux管理状态的插...

2020-05-27

41浏览

0评论

jQuery实现form表单序列化转换为json对象功能示例

本文实例讲述了jQuery实现form表单序列化转换为json对象功能。分享给大家供大家参考，具体如下：做web前端开发时，需要ajax提交大量表单数据，如果一个个form字段拼接很费劲也容易...

2020-05-27

50浏览

0评论

jquery引入外部CDN 加载失败则引入本地jq库

由于第三方cdn库的盛行，很多朋友会选择使用第三方的类库，从学习上来说不建议大家都使用类库，这样我们失去了很多学习的机会，但使用上来说解决了很多代码兼容问题，这里都不多说了...

2020-05-27

48浏览

0评论

node.js部署之启动后台运行forever的方法

我们知道想要项目部署后运行需要使用命令行cd 到项目目录然后执行npm install 或者 node index.js 或者使用bat文件执行方法就是首先创建一个txt文件，把你需要执行的步骤写...

2020-05-27

53浏览

0评论

linux 后台运行node服务指令方法

启动node 服务时候发现 node servier.js跑起来之后，一旦断开连接，服务也就停了，使用 nohup node servier.js & 就可以让代码运行在后台，exit 命令退出命令行即可以上这篇linux...

2020-05-27

29浏览

0评论

vue组件name的作用小结

我们在写vue项目的时候会遇到给组件命名这里的name非必选项，看起来好像没啥用处，但是实际上这里用处还挺多的 export default { name:'xxx'}1.当项目使用keep-alive时，可搭...

2020-05-27

33浏览

0评论

Vue+mui实现图片的本地缓存示例代码

下面一段代码给大家分享基于Vue+mui实现图片的本地缓存，具体代码如下所示：
const menu = { state: { products: {}, GLOBAL_CONFIG:GLOBAL_CONFIG['GLOBAL_CONFIG'] }, muta...

2020-05-27

65浏览

0评论

vue2单元测试环境搭建

从网上找了很多例子关于单元测试，都是如何新建项目的时候的添加单元测试，用vue-cli中怎么添加，但是我的项目已经生成了，不能再一次重新初始化，这时如何添加单元测试，这里面遇到了...

2020-05-27

36浏览

0评论

JavaScript轮播停留效果的实现思路

一、思路1.轮播停留与无线滚动十分类似，都是利用属性及变量控制移动实现轮播；2.不同的是轮播停留需要添加过渡属性搭配定时器即可实现轮播停留效果；二、步骤1.写基本结构样式需...

2020-05-27

36浏览

0评论

详解javascript中的变量提升和函数提升

1在js中只有两种作用域a：全局作用域b：函数作用域在ES6之前，js是没有块级作用域。
首先来解释一下什么是没有块级作用域?所以此时是可以打印输出变量a的值。2:什么是变量提...

2020-05-27

43浏览

0评论

jquery.onoff实现简单的开关按钮功能(推荐)

插件下载地址：http://xiazai.freexyz.cn/201803/yuanma/jquery.onoff(freexyz.cn).rar一个按钮小插件，首先引入css和js<script type="text/javascript" src="../js/jquery-1.11.3....

2020-05-27

36浏览

0评论

浅谈Webpack 是如何加载模块的

Webpack 在前端开发中作为模块打包工具非常受开发者的青睐，丰富的 loader 使它可以实现各种各样的功能。本文将通过 webpack 来打包一个 js 文件，看看 webpack 是如何加载各个...

2020-05-27

48浏览

0评论

react实现点击选中的li高亮的示例代码

虽然只是一个简单的功能，还是记录一下比较好。页面上有很多个li，要实现点击到哪个就哪个高亮。当年用jq的时候，也挺简单的，就是选中的元素给addClass，然后它的兄弟元素removeClas...

2020-05-27

35浏览

0评论

karma+webpack搭建vue单元测试环境的方法示例

最近做了一次关于vue组件自动化测试的分享，现在将vue组件单元测试环境搭建过程整理一下。这次搭建的测试环境和开发环境隔离，所以理论上适用所有使用vue的开发环境。准备这篇...

2020-05-27

40浏览

0评论

微信小程序通过保存图片分享到朋友圈功能

说明首先说明一点，小程序内是不能直接分享到朋友圈的。所以只能通过生成图片，携带小程序二维码，保存到手机相册，让用户自己选择发到朋友圈。然后可以通过在小程序中识别二维码来...

2020-05-27

53浏览

0评论

详解Vue单元测试case写法

书接上文，karma+webpack搭建vue单元测试环境介绍了vue单元测试环境搭建及查看源文件的测试覆盖覆盖率。今天来说一下vue单元测试思路和case的写法。测试框架使用jasmine，语法...

2020-05-27

30浏览

0评论

使用Vue自定义指令实现Select组件

本篇文章教大家写一个非常简单的Select组件，想必很多人都写过Select，毕竟它太常用了，但是本篇文章的示例使用到了Vue的自定义指令，如果你对Vue自定义指令不怎么熟悉的话，本篇文章...

2020-05-27

47浏览

0评论

vue路由拦截及页面跳转的设置方法

路由设置：router/index.jsexport default new Router({ routes: [ { path: '/selfcenter', name: 'selfcenter', meta: { requireAuth: true // 配置此条，进...

2020-05-27

32浏览

0评论

vue axios整合使用全攻略

惯例先安装axios，不多说！cnpm install axios1.axios配置我的目录结构src/axios/index.js，axios配置都在该文件下src/axios/index.js 如下：import axios from 'axios'import qs...

2020-05-27

49浏览

0评论

js中的 || 与 && 运算符详解

js中逻辑运算符在开发中可以算是比较常见的运算符了，主要有三种：逻辑与&&、逻辑或||和逻辑非！。当&&和|| 连接语句时，两边的语句会转化为布尔类型（Boolean），然后再进行运算，具体的运...

2020-05-27

热门文章