JavaScript - 教程之家

56浏览

0评论

跨域请求两种方法 jsonp和cors的实现

在网站后台跨域访问另一服务器时，若被访问服务器未设置response[‘Access-Control-Allow-Origin'] = ‘*' 那么将无法获取。jsonp方法
伪造ajax提交请求请求端 // 基于jsonp...

2020-05-27

50浏览

0评论

vue elementui form表单验证的实现

最近我们公司将前端框架由easyui 改为 vue+elementui 。自学vue两周就开始了爬坑之路。业余时间给大家分享一下心得，技术新手加上第一次分享(小激动)，有什么不足的地方欢迎大...

2020-05-27

63浏览

0评论

手动下载Chrome并解决puppeteer无法使用问题

因为网络原因，国内安装 puppeteer 的时候会报网络超时。这里使用 puppeteer-core 之后使用手动下载的 Chrome 进行操作。思路很简单，安装一个不带浏览器的 puppeteer ，再使用的...

2020-05-27

56浏览

0评论

用jQuery将JavaScript对象转换为querystring查询字符串的方法

在get方式的参数传递中，常常需要将JavaScript对象，转换成查询字符串，比如：{ method: 'get', state: '200' }会转换成?method=get&state=200方法1：用JavaScriptserialize = fu...

2020-05-27

67浏览

0评论

微信运维交互机器人的示例代码

前言今年五月份参加Oracle开发者大会,在会议上看到智能AI在运维方面的应用场景;讲师现场展现了一款能够结合上下文对话的智能AI,通过聊天方式完成运维工作。会议后对该款智...

2020-05-27

64浏览

0评论

微信小程序左滑删除功能开发案例详解

直接进入正题，我们需要做的就是通过手指滑动列表项后，右侧出现删除；
比如说像这样：

向左边滑动后出现如下的效果：

开始撸代码～
假设我们有N个列表项来自一个数组list，先确定基本...

2020-05-27

46浏览

0评论

jQuery 操作 HTML 元素和属性的方法

jQuery拥有操作 HTML 元素和属性的强大方法。1. 获取HTML 元素的内容和属性　　(1) 获得内容: text()、html() 以及 val()方法<!DOCTYPE html><html><head><meta http-equi...

2020-05-27

47浏览

0评论

详解如何解决vue开发请求数据跨域的问题(基于浏览器的配置解决)

在用vue做前端开发的时候，因为一般跑vue使用的webpack自带的node服务，而我们实际要使用的数据确是后台服务器上的，所以这就涉及到服务器请求跨域的问题。本来在诸如axios之类的...

2020-05-27

58浏览

0评论

React Hooks的深入理解与使用

你还在为该使用无状态组件（Function）还是有状态组件（Class）而烦恼吗？
——拥有了hooks，你再也不需要写Class了，你的所有组件都将是Function。
你还在为搞不清使用哪个生命周期钩子...

2020-05-27

44浏览

0评论

基于游标的分页接口实现代码示例

前言分页接口的实现，在偏业务的服务端开发中应该很常见，PC时代的各种表格，移动时代的各种feed流、timeline。出于对流量的控制，或者用户的体验，大批量的数据都不会直接返回给客户...

2020-05-27

60浏览

0评论

React手稿之 React-Saga的详解

Redux-Saga
redux-saga 是一个用于管理应用程序副作用（例如异步获取数据，访问浏览器缓存等）的javascript库，它的目标是让副作用管理更容易，执行更高效，测试更简单，处理故障更容易。...

2020-05-27

59浏览

0评论

vuex的module模块用法示例

想尝试使用vuex的module来进行操作，看了一些资料，我简单进行了一个简化目录结构：store│ index.js│ ├─feeds│ actions.js│ getters.js│ index.js│ mutation-typ...

2020-05-27

91浏览

0评论

vue中slot（插槽）的介绍与使用

什么是插槽？插槽（Slot）是Vue提出来的一个概念，正如名字一样，插槽用于决定将所携带的内容，插入到指定的某个位置，从而使模板分块，具有模块化的特质和更大的重用性。插槽显不显示、怎...

2020-05-27

49浏览

0评论

Vue实现移动端页面切换效果【推荐】

在子页面把整个页面做绝对定位，覆盖整个屏幕，子父页面将 router-view 用 transition 套起来，并加上过渡动画就可以啦。代码：<!DOCTYPE html><html lang="en"><head> <meta char...

2020-05-27

49浏览

0评论

Vue实现一个无限加载列表功能

一个需要判断的地方就是加载中再次触发滚动的时候，不要获取数据。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>列表无限加载</title> <style> *...

2020-05-27

77浏览

0评论

详解Vue组件插槽的使用以及调用组件内的方法

组件传参
通过给组件传递参数, 可以让组件变得更加可扩展, 组件内使用props接收参数export default { props: ['options'], data(){ return {} }}但是这个方法有局限性, 例...

2020-05-27

65浏览

0评论

详解Vue SSR（ Vue2 + Koa2 + Webpack4）配置指南

正如Vue官方所说，SSR配置适合已经熟悉 Vue, webpack 和 Node.js 开发的开发者阅读。请先移步ssr.vuejs.org 了解手工进行SSR配置的基本内容。从头搭建一个服务端渲染的应用是...

2020-05-27

62浏览

0评论

详解从NodeJS搭建中间层再谈前后端分离

之前在知道创宇的项目中有用到过nodejs作中间层，当时还不太理解其背后真正的原因；后来在和一位学长交谈的过程中，也了解到蚂蚁金服也在使用类似的方法，使用nodejs作为中间层去请...

2020-05-27

56浏览

0评论

node.js爬取中关村的在线电瓶车信息

背景
学习nodejs已经有段时间，网上很多nodejs爬虫的文章，所以着手练习写一段，最近打算买一辆电瓶车来上下班，但又不知道哪个好，网上是各说纷纭啊，于是就想着，干脆用node.js自己写一...

2020-05-27

67浏览

0评论

详解Vue实战指南之依赖注入(provide/inject)

案例
UI美眉说咱家的选项菜单太丑了，小哥哥能不能美化一下呀，洒家自然是说小意思啦~
自定义一个select组件，so easy~简单粗暴型：<el-select v-model="favourite" :option="[]"><...

2020-05-27

68浏览

0评论

webpack 从指定入口文件中提取公共文件的方法

在不明白CommonsChunkPlugin的使用情况下，直接上手webpack4的splitChunks，实在是难上加难。为了能更好的理解splitChunks的使用，必须出个题目，练练手，才能从中有所收获（下面的题目...

2020-05-27

55浏览

0评论

vue-router的使用方法及含参数的配置方法

htmlrouter-link：跳转链接参数to：就是跳转到的链接位置二层链接 eg：<router-link to="/users/evan">/users/evan</router-link>需要配置所对应的对应的children
children所对应...

2020-05-27

71浏览

0评论

vue-router传递参数的几种方式实例详解

vue-router传递参数分为两大类编程式的导航 router.push 声明式的导航 <router-link>编程式的导航 router.push编程式导航传递参数有两种类型：字符串、对象。字符串字符串...

2020-05-27

55浏览

0评论

koa源码中promise的解读

koa 是一个非常轻量优雅的 node 应用开发框架，趁着双十一值班的空当阅读了下其源代码，其中一些比较有意思的地方整理成文与大家分享一下。洋葱型中间件机制的实现原理我们经常...

2020-05-27

71浏览

0评论

详解koa2学习中使用 async 、await、promise解决异步的问题

关键词：async 、await、promise
这三个东西可以优雅的解决异步问题。在学习koa2的时候遇到了获取数据后再进行模板渲染的异步问题。在查找各种资料后成功的解决了该问题，现在...

2020-05-27

54浏览

0评论

详解如何用typescript开发koa2的二三事

前言最近在写一个博客的项目，前端用的 vue+typescript+element-ui ,后台则选择了 koa2+typescript+mongoDB 的组合。写这篇博客的目的也是在写后台的过程遇到一些问题，查了很...

2020-05-27

69浏览

0评论

JS中使用cavas截图网页并解决跨域及模糊问题

前几天给了个需求对浏览器网页进行截图，把网页统计数据图形表等截图保存至用户本地。首先对于网页截图，我用的是canvas实现，获取你需要截图的模块的div，从而使用canvas对你需要...

2020-05-27

49浏览

0评论

React父子组件间的传值的方法

父组件向子组件传值：
父组件：import React, { Component } from 'react';import Child from './chlid';class parent extends Component{ constructor(props) { super(props)...

2020-05-27

51浏览

0评论

checkbox在vue中的用法小结

前言关于checkbox多选框是再常见不过的了，几乎很多地方都会用到，这两天在使用vue框架时需要用到checkbox多选功能，实在着实让我头疼，vue和原生checkbox用法不太一样，之前对于vue...

2020-05-27

76浏览

0评论

JS获取当前时间的实例代码(昨天、今天、明天)

1、时间格式化//昨天的时间 var day1 = new Date(); day1.setTime(day1.getTime()-24*60*60*1000); var s1 = day1.getFullYear()+"-" + (day1.getMonth()+1) + "-" + day1....

2020-05-27

86浏览

0评论

详解vuex之store拆分即多模块状态管理(modules)篇

了解vuex的朋友都知道它是vue用来集中管理状态的容器，如果了解过Reduce的朋友可能看见他时就会非常熟悉，都是用来管理全局的状态的，实现不同组件之间相互的数据访问。这里我们...

2020-05-27

63浏览

0评论

vue代码分割的实现(codesplit)

在vue单页应用中，若不做任何处理，所有vue文件会打包为一个文件，这个文件非常的大，造成网页在首次进入时比较缓慢。做了代码分割后，会将代码分离到不同的bundle中，然后进行按需加载...

2020-05-27

55浏览

0评论

Vuex 使用 v-model 配合 state的方法

v-model 最好用的就是配合 data 達成 Two-way Binding，但若使用 Vuex 之後，是否還能使用 v-model 搭配 state 繼續 Two-way Binding 呢 ?VersionVue 2.5.17Vuex 3.0.1V-mo...

2020-05-27

162浏览

0评论

小程序登录态管理的方法示例

所谓的登录态其实就是客户端发送请求的时候携带的token(通常叫做令牌），当用户输入账号密码，验证成功之后，服务端生成一个token传递给客户端，客户端在后续的请求中携带这个token，服...

2020-05-27

54浏览

0评论

JavaScript使用类似break机制中断forEach循环的方法

JavaScript数组对象，有一个forEach方法，可枚举每一个数组元素，但并不支持类似for循环的break语法，中断循环：[1,2,3].forEach(function(item) { // if(!item) break; 不支持});解...

2020-05-27

67浏览

0评论

js html实现计算器功能

本文实例为大家分享了html实现计算器功能的具体代码，供大家参考，具体内容如下
代码：<!DOCTYPE html><html><head> <meta charset="utf-8" /> <title></title> <script type=...

2020-05-27

82浏览

0评论

浅谈vue中关于checkbox数据绑定v-model指令的个人理解

vue.js为开发者提供了很多便利的指令，其中v-model用于表单的数据绑定很常见，下面是最常见的例子：<div id='myApp'> <input type="text" v-model="msg"><br> {{msg}} </div>js...

2020-05-27

65浏览

0评论

详解jQuery获取特殊属性的值以及设置内容

jQuery特殊属性方法val方法val方法适用于设置和获取表单元素的值，例如input、textarea的值//获取name的值$("#name").val("");//设置name的值$("#name").val("张三");html方...

2020-05-27

72浏览

0评论

React和Vue中监听变量变化的方法

React 中本地调试React代码的方法yarn build场景假设有这样一个场景，父组件传递子组件一个A参数，子组件需要监听A参数的变化转换为state。16之前在React以前我们可以使用 comp...

2020-05-27

63浏览

0评论

Puppeteer 爬取动态生成的网页实战

Puppeteer 相关介绍与安装不过多介绍，可通过以下链接进行学习一、Puppeteer开源地址英文文档中文社区二、爬取动态网页 1. 需求首先，了解下我们的需求: 爬取zoomcharts 文档...

2020-05-27

44浏览

0评论

微信jssdk逻辑在vue中的运用详解

微信 jssdk 在 vue 中的简单使用
import wx from 'weixin-js-sdk';wx.config({ debug: true, appId: '', timestamp: , nonceStr: '', signature: '', jsApiList: []});wx.r...

2020-05-27

56浏览

0评论

js使用Promise实现简单的Ajax缓存

业务场景
在不少业务场景下，我们需要实现简单的请求缓存(即某个请求只发起一次请求)，例如上传 Token 的获取、获取配置的接口等。这些接口可以通过 Promise 实现简单的缓存并...

2020-05-27

67浏览

0评论

vue使用laydate时间插件的方法

之前在做vue项目时使用iviewUI库中的DatePicker组件，发现DatePicker使用起来比较麻烦，尤其是对时间精确度上的限制不尽人意，操作起来也比较繁琐，总之在处理一系列时间组件相互联...

2020-05-27

41浏览

0评论

Vue源码探究之状态初始化

继续随着核心类的初始化展开探索其他的模块，这一篇来研究一下Vue的状态初始化。这里的状态初始化指的就是在创建实例的时候，在配置对象里定义的属性、数据变量、方法等是如何...

2020-05-27

94浏览

0评论

Vue 框架之键盘事件、健值修饰符、双向数据绑定

一、键盘事件，当按键盘时，在控制台输出提示html 源码：
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>VueLearn-cnblogs/xpwi</title> <!--引入自...

2020-05-27

48浏览

0评论

js删除对象/数组中null、undefined、空对象及空数组方法示例

这两天在项目中遇到后台需要传的数据为不能有null,不能有空值，而这个数据又是一个庞大的对象，对组集合，所以写了个方法来解决这个问题。为了兼具所有的种类类型，封装了方法，代码...

2020-05-27

48浏览

0评论

Vue 框架之动态绑定 css 样式实例分析

今天的小实例是关于 Vue 框架动态绑定 css 样式，这也是非常常用的一个部分首先说一下动态绑定，相对的大家都知道静态绑定，静态绑定的话，直接加 class=“”就可以了，使用 Vue 呢...

2020-05-27

65浏览

0评论

微信小程序中的canvas 文字断行和省略号显示功能的处理方法

文字的多行处理在dom元素中很好办。但是canvas中没有提供方法，只有通过截取指定字符串来达到目的。那么下面就介绍我自己处理的办法：wxml：<canvas canvas-id='word' id='test'>...

2020-05-27

49浏览

0评论

你应该了解的JavaScript Array.map()五种用途小结

前言从经典的 for 循环到 forEach() 方法，用于迭代数据集合的各种技术和方法比比皆是。但是现在比较流行的方法是 .map() 方法。.map() 通过指定函数调用一个数组中每一项元...

2020-05-27

42浏览

0评论

JQuery模拟实现网页中自定义鼠标右键菜单功能

前言题外话.......最近在开发一个网站项目的时候,需要用到网页自定义右键菜单,在网上看了各路前辈大神的操作,头晕目眩,为了达到目的,突然灵机一动,于是便有了这篇文章.先放...

2020-05-27

热门文章