JavaScript - 教程之家

114浏览

0评论

js如何获取图片url的Blob值并预览示例代码

前言Blob 对象表示一个不可变、原始数据的类文件对象。Blob 表示的不一定是JavaScript原生格式的数据。File 接口基于Blob，继承了 blob 的功能并将其扩展使其支持用户系统上...

2020-05-27

59浏览

0评论

bootstrap-table实现表头固定以及列固定的方法示例

之前使用bootstrap写了一个报表表格，最近突然找到我，说让我看看能不能将表格的表头和第一列进行固定，这样的话方便查看数据，于是，我开始了苦逼的研究起来，毕竟我是个后端啊，对于前...

2020-05-27

67浏览

0评论

从0到1构建vueSSR项目之路由的构建

vue开发依赖的相关配置
Vue SSR 指南今天先做客户端方面的配置，明天再做服务端的部分。
那么马上开始吧~修改部分代码
脚手架生成的代码肯定是不适合我们所用的所以要修改...

2020-05-27

63浏览

0评论

从0到1构建vueSSR项目之node以及vue-cli3的配置

前言
上一次做了路由的相关配置，原本计划今天要做vuex部分，但是想了想，发现vuex单独的客户端部分穿插解释起来很麻烦，所以今天改做服务端部分。
服务端部分做完，再去做vuex的部分...

2020-05-27

88浏览

0评论

vue插件mescroll.js实现移动端上拉加载和下拉刷新

做一个简单的移动端展示项目，后台分页后前端加载，实现上拉加载下一页，找了下，还是用这个mescroll.js插件好一点
1.npm安装
npm install --save mescroll.js //不要使用cnpm安装...

2020-05-27

59浏览

0评论

使用vue开发移动端管理后台的注意事项

独立完成一个移动端项目(不是很明白为何会有这样的商品管理后台)，还是有些经验不足，包括对产品的全局思考，对插件的选择等，都有考虑不周的缺点，导致自己中途想换图形界面插件，浪费...

2020-05-27

70浏览

0评论

mpvue微信小程序多列选择器用法之省份城市选择的实现

前言
微信小程序默认给我们提供了一个省市区的picker选择器，只需将mode设置为region即可<picker mode="region" bindchange="bindRegionChange" value="{{region}}" custom-i...

2020-05-27

72浏览

0评论

在Web关闭页面时发送Ajax请求的实现方法

前言有时候我们需要在用户离开页面的时候，做一些上报来记录用户行为。又或者是发送服务器ajax请求，通知服务器用户已经离开，比如直播间内的退房操作。
本文主要分两部分来讲解...

2020-05-27

83浏览

0评论

JS/jQuery实现获取时间的方法及常用类完整示例

本文实例讲述了JS jQuery实现获取时间的方法及常用类。分享给大家供大家参考，具体如下：效果图源码解析<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>JS获取...

2020-05-27

133浏览

0评论

Vue中的情侣属性$dispatch和$broadcast详解

00 前言
$dispatch 和 $broadcast 作为一对情侣 💑属性，在 Vue 1.0 中主要用来实现基于组件树结构的事件流通信 —— 通过向上或向下以冒泡的形式传递事件流，以实现嵌...

2020-05-27

101浏览

0评论

node链接mongodb数据库的方法详解【阿里云服务器环境ubuntu】

本文实例讲述了node链接mongodb数据库的方法。分享给大家供大家参考，具体如下：一、安装2.6版本以上的mongodb在云服务器上（百度就能查到安装方法，以及验证是否安装成功一般是mon...

2020-05-27

62浏览

0评论

如何优雅地在vue中添加权限控制示例详解

前言
在一个项目中，一些功能会涉及到重要的数据管理，为了确保数据的安全，我们会在项目中加入权限来限制每个用户的操作。作为前端，我们要做的是配合后端给到的权限数据，做页面上...

2020-05-27

73浏览

0评论

深入理解react 组件类型及使用场景

函数组件 vs 类组件
函数组件(Functional Component )和类组件(Class Component)，划分依据是根据组件的定义方式。函数组件使用函数定义组件，类组件使用ES6 class定义组件
//...

2020-05-27

70浏览

0评论

Webpack4 使用Babel处理ES6语法的方法示例

修改 index.js 内容，写一些 ES6 的语法：const arr = [ new Promise(() => {}), new Promise(() => {})];arr.map(item => { console.log(item);})ES6 很强大，但目前并不是所...

2020-05-27

67浏览

0评论

webpack4.x下babel的安装、配置及使用详解

前言
目前，ES6（ES2015）这样的语法已经得到很大规模的应用，它具有更加简洁、功能更加强大的特点，实际项目中很可能会使用采用了ES6语法的模块，但浏览器对于ES6语法的支持并不完善。...

2020-05-27

80浏览

0评论

validform表单验证的实现方法

validform插件主要把所有的验证条件和验证提示信息绑定到每个表单元素，这种形式非常方便，下面写法更加智能得到label内容来提示validform有什么用？网页上有大量的input需要你进...

2020-05-27

89浏览

0评论

NodeJs入门教程之定时器和队列

一,介绍与需求
1.1,介绍
定时任务（node-schedule)，是针对Node.js的一种灵活的cron-like和not-cron-like作业调度程序。它允许您使用可选的递归规则将作业(任意函数)安排在特...

2020-05-27

56浏览

0评论

浅谈Javascript常用正则表达式应用

模式修饰符的可选参数 i: 忽略大小写 g: 全局匹配 m: 多行匹配 /hello/: 两个反斜杠是正则表达式的字面量表示法
两个测试方法testconst test = new RegExp('hello wo...

2020-05-27

83浏览

0评论

详解js 创建对象的几种方法

在js中创建对象的方法可分为6种，分别是：基本模式、工厂模式、构造函数模式、原型模式、组合模式、动态原型模式，接下来分别看下这几种模式的写法吧一、基本模式var person = ne...

2020-05-27

68浏览

0评论

详解小程序循环require之坑

1. 循环require
在JavaScript中，模块之间可能出现相互引用的情况，例如现在有三个模块，他们之间的相互引用关系如下，大致的引用关系可以表示为 A -> B -> C -> A，要完成模块A，它依...

2020-05-27

75浏览

0评论

利用angular自动编译andriod APK的绕坑经历分享

背景
前端架构师使用angular JS作为框架，打包android APK。程序已经完成，需要使用自动编译功能来检测服务。下面话不多说了，来一起看看详细的介绍吧问题
问题一：JDK需要使用1.8，...

2020-05-27

75浏览

0评论

详解JavaScript函数callee、call、apply的区别

arguments.callee
关于callee的解释：callee 是 arguments 对象的一个属性。可以用于引用该函数的函数体内当前正在执行的函数。这在函数的名称是未知时很有用，例如在没有名称...

2020-05-27

78浏览

0评论

小程序测试后台服务的方法(ngrok)

什么是ngrok？官方解释是这样说的：ngrok 是一个反向代理，通过在公共的端点和本地运行的 Web 服务器之间建立一个安全的通道。这段话是什么意思？运行ngrok服务以后，本地运行的Web服...

2020-05-27

59浏览

0评论

Angular使用ControlValueAccessor创建自定义表单控件

在 Angular 自定义表单控件，有时你想要的输入不是标准的文本输入、选择或复选框。通过实现ControlValueAccessor 接口并将组件注册为 NG_VALUE_ACCESSOR，您可以将自定义表单控...

2020-05-27

150浏览

0评论

详解JavaScript 的变量

基本类型和引用类型的值
ECMAScript变量一般有两种数据类型的值：基本类型和引用类型。基本类型：简单的数据段：Undefined, Null, Boolean, Number, String 引用类型：多个值构...

2020-05-27

42浏览

0评论

JavaScript实现预览本地上传图片功能完整示例

本文实例讲述了JavaScript实现预览本地上传图片功能。分享给大家供大家参考，具体如下：<html><head><title>www.freexyz.cn 图片上传预览</title><script> function PreviewIma...

2020-05-27

49浏览

0评论

详解基于vue-cli3快速发布一个fullpage组件

前言
想必大家都看过fullpage.js——这是一款非常好用的翻页插件。
现在vue非常流行，大家想不想发布一个组件给别人使用呢？
这里我们基于vue-cli3快速搭建一个简单的fullpage...

2020-05-27

46浏览

0评论

Javascript之高级数组API的使用实例

JS中我们可以根据需求新建新的对象解决问题的同时，也有一些常用的内置对象供我们使用，我们称之为API，本篇文章只是对数组部分进行了练习。例一：伪数组，不能修改长短的数组（所以没...

2020-05-27

96浏览

0评论

详解vue项目中使用token的身份验证的简单实践

工作原理前端页面进行登录操作, 将用户名与密码发给服务器; 服务器进行效验, 通过后生成token, 包含信息有密钥, uid, 过期时间, 一些随机算法等 ,然后返回给前端前端...

2020-05-27

47浏览

0评论

零基础之Node.js搭建API服务器的详解

零基础之Node.js搭建API服务器这篇文章写给那些Node.js零基础，但希望自己动手实现服务器API的前端开发者，尝试帮大家打开一扇门。HTTP服务器实现原理HTTP服务器之所以能提供前...

2020-05-27

82浏览

0评论

JavaScript解析机制与闭包原理实例详解

本文实例讲述了JavaScript解析机制与闭包原理。分享给大家供大家参考，具体如下：js解析机制：js代码解析之前会创建一个如下的词法环境对象（仓库）：LexicalEnvironment{ }在扫描js代...

2020-05-27

41浏览

0评论

vue.js使用v-model实现表单元素(input) 双向数据绑定功能示例

本文实例讲述了vue.js使用v-model实现表单元素(input) 双向数据绑定功能。分享给大家供大家参考，具体如下：v-model 一般表单元素(input) 双向数据绑定el:'#box',//这里放的是...

2020-05-27

62浏览

0评论

vue基础之data存储数据及v-for循环用法示例

本文实例讲述了vue data存储数据及v-for循环用法。分享给大家供大家参考，具体如下：vue data里面存储数据<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <t...

2020-05-27

65浏览

0评论

Node.js Event Loop各阶段讲解

Event Loop阶段描述图timerstimer阶段处理setTimeout于setInterval回调，开始处理的时机与poll阶段有关联。pending callbacks该阶段执行某些系统操作的回调，比如TCP套接字在连...

2020-05-27

69浏览

0评论

详解JSON和JSONP劫持以及解决方法

json劫持
json劫持攻击又为”JSON Hijacking”，攻击过程有点类似于csrf，只不过csrf只管发送http请求，但是json-hijack的目的是获取敏感数据。
一些web应用会把一些敏感数据以j...

2020-05-27

68浏览

0评论

Node.js Stream ondata触发时机与顺序的探索

上次写Stream pipe细节时，在源码中发现一段无用逻辑，由此引发了对Stream data事件触发时机与顺序的探索。无用逻辑当时研究pipe细节是基于Node.js v8.11.1的源码，其中针对上游...

2020-05-27

84浏览

0评论

详解vue2.6插槽更新v-slot用法总结

在 2.6.0 中，我们为具名插槽和作用域插槽引入了一个新的统一的语法 (即 v-slot 指令)。它取代了 slot 和 slot-scope 这两个目前已被废弃但未被移除且仍在文档中的特性。新语...

2020-05-27

82浏览

0评论

Koa日志中间件封装开发详解

对于一个服务器应用来说，日志的记录是必不可少的，我们需要使用其记录项目程序每天都做了什么，什么时候发生过错误，发生过什么错误等等，便于日后回顾、实时掌握服务器的运行状态，还...

2020-05-27

114浏览

0评论

使用pm2部署node生产环境的方法步骤

一、PM2是什么
是可以用于生产环境的Nodejs的进程管理工具，并且它内置一个负载均衡。它不仅可以保证服务不会中断一直在线，并且提供0秒reload功能，还有其他一系列进程管理、...

2020-05-27

82浏览

0评论

在NPM发布自己造的轮子的方法步骤

1、前言自从Node.js出现，它的好基友npm(node package manager)也是我们日常开发中必不可少的东西。npm让js实现了模块化，使得复用其他人写好的模块（搬砖）变得更加方便，也让我们可...

2020-05-27

71浏览

0评论

Vue中的验证登录状态的实现方法

Vue项目中实现用户登录及token验证
先说一下我的实现步骤：使用easy-mock新建登录接口，模拟用户数据使用axios请求登录接口，匹配账号和密码账号密码验证后，拿到token，将tok...

2020-05-27

68浏览

0评论

vue模块拖拽实现示例代码

正巧在之前面试中遇到问实现拖拽效果当时面试的时候简单回答了实现的方式与逻辑。现在闲来无事，把这个东西实现了一下。原理很简单，写的很方便。数据驱动，建立一个数组，数组初始...

2020-05-27

67浏览

0评论

深入理解使用Vue实现Context-Menu的思考与总结

简介
先来看最终成果：
操作逻辑为：点击 ... 弹出 context-menu; 点击非 context-menu 区域，隐藏 context-menu；点击 context-menu 中的任何一个选项，隐藏 context-menu；
思...

2020-05-27

64浏览

0评论

Node.js动手撸一个静态资源服务器的方法

简介
本文介绍了一个简单的静态资源服务器的实例项目，希望能给Node.js初学者带来帮助。项目涉及到http、fs、url、path、zlib、process、child_process等模块，涵盖大量常用api...

2020-05-27

66浏览

0评论

angular 实现下拉列表组件的示例代码

需求：方案一最开始就是用最简单的方法，前台请求数据，然后通过select和option在页面上显示，但是写了一会儿发现出现了许多类似下面的重复的代码：// 初始化年级选项initGradeOption...

2020-05-27

52浏览

0评论

JavaScript中常用的简洁高级技巧总结

前言
编程是一件很快乐的事，实现一个目的，我们可以有很多方法路径，在这篇文章我们介绍一些JavaScript的奇技淫巧，仅供大家参考，各路大神在平时的代码编写时，如很多简洁高效的书写...

2020-05-27

77浏览

0评论

每天学点Vue源码之vm.$mount挂载函数

在vue实例中，通过$mount()实现实例的挂载，下面来分析一下$mount()函数都实现了什么功能。$mount函数执行位置_init这个私有方法是在执行initMixin时候绑定到Vue原型上的。 $mo...

2020-05-27

301浏览

0评论

vue基础之事件v-onclick="函数"用法示例

本文实例讲述了vue基础之事件v-onclick=函数用法。分享给大家供大家参考，具体如下：v-on:click/mouseout/mouseover/dblclick/mousedown.....事件:v-on:click="函数"
v-on:clic...

2020-05-27

61浏览

0评论

vue基础之事件简写、事件对象、冒泡、默认行为、键盘事件实例分析

本文实例讲述了vue基础之事件简写、事件对象、冒泡、默认行为、键盘事件。分享给大家供大家参考，具体如下：v-on:click/mouseover......简写的:@click="" 推荐事件对象:...

2020-05-27

83浏览

0评论

配置eslint规范项目代码风格

为什么要使用eslint
你在接手一个项目的维护迭代任务，阅读代码的时候是否会因为项目中充斥着各种风格的代码而感到头疼？没错，eslint就是为了解决这类问题eslint能做什么？
1.代码...

2020-05-27

热门文章