JavaScript - 教程之家

50浏览

0评论

Vue CLI 3.x 自动部署项目至服务器的方法

前言平时部署前端项目流程是：先部署到测试环境ok后再发布到生产环境上，部署到测试环境用 xshell 连上服务器，然后用 xftp 连接服务器，然后本地 build 项目，接着把 build 好的文件...

2020-05-27

66浏览

0评论

微信小程序设置全局请求URL及封装wx.request请求操作示例

本文实例讲述了微信小程序设置全局请求URL及封装wx.request请求操作。分享给大家供大家参考，具体如下：app.js：App({ //设置全局请求URL globalData:{ URL: 'https://www.oyhdo...

2020-05-27

40浏览

0评论

es6 symbol的实现方法示例

背景
ES5 的对象属性名都是字符串，这容易造成属性名的冲突。比如，你使用了一个他人提供的对象，但又想为这个对象添加新的方法（mixin 模式），新方法的名字就有可能与现有方法产生冲...

2020-05-27

60浏览

0评论

小程序实现自定义导航栏适配完美版

1、发现问题小程序页面自定义导航栏功能已经开放有些日子了(还不知道这个功能的可以先>>了解一下)，这极大的提升了小程序开发的自由度，相信不少小伙伴已经使用过这个功能，同时...

2020-05-27

74浏览

0评论

vue踩坑记-在项目中安装依赖模块npm install报错

在维护别人的项目的时候，在项目文件夹中安装npm install模块的时候，报错如下：npm ERR! path D:\ShopApp\node_modules\fsevents\node_modules\abbrev
npm ERR! code ENOENT
npm...

2020-05-27

58浏览

0评论

基于Vue插入视频的2种方法小结

屏幕快照 2019-04-01 下午8.06.02.png方法一：iframe插入视频链接1.1 ##### 当前播放的视频<div class="video-wrap" style="width:80%;float:left;oveflow:hidden;"> <i...

2020-05-27

53浏览

0评论

Node.js中package.json中库的版本号(~和^)

~和^的区别
最近总是碰到一些问题, 在本地好好的, 在线上就出现了问题, 本地也一直复现不了, 后来把node_modules目录删除了之后, 重新安装, 就在本地复现了这个问题,可以看...

2020-05-27

64浏览

0评论

Angular7中创建组件/自定义指令/管道的方法实例详解

组件使用命令创建组件
•创建组件的命令：ng generate component 组件名
•生成的组件组成：组件名.html 、组件名.ts、组件名.less、组件名.spec.ts
•在组件...

2020-05-27

180浏览

0评论

微信小程序实现人脸识别登陆的示例代码

前言这是一篇关于一个原创微信小程序开发过程的原创文章。涉及到的核心技术是微信小程序开发方法和百度云人脸识别接口。小程序的主体是一个用于个人密码存储的密码管理器，在...

2020-05-27

75浏览

0评论

详解vue后台系统登录态管理

技术应用
js-cookie + vuex + localStorage 做数据持久化js-cookienpm i js-cookie --savevuex user.jsimport { login, logout } from '@/servers/login' import { getToke...

2020-05-27

79浏览

0评论

基于AngularJS拖拽插件ngDraggable.js实现拖拽排序功能

ngDraggable.js是一款比较简单实用的angularJS拖拽插件，借助于封装好的一些自定义指令，能够快速的进行一些拖拽应用开发。首先先介绍一些基本的概念;
•ng-drop:是否允许...

2020-05-27

73浏览

0评论

基于vue实现web端超大数据量表格的卡顿解决

一、整体思路1.思路来源最近工作比较忙好久没写文章了，有一丢丢不知道如何写起了，那就先说说我是为什么要开发本文的组件把。公司有一个定位系统，基本上来说一个定位单位一分钟...

2020-05-27

60浏览

0评论

移动端自适应flexible.js的使用方法(不用三大框架，仅写一个单html页面使用）推荐

第一步：下载 flexible.js，代码如下，可以复制过去用;(function(win, lib) { var doc = win.document var docEl = doc.documentElement var metaEl = doc.querySelector('meta[n...

2020-05-27

54浏览

0评论

使用mixins实现elementUI表单全局验证的解决方法

使用ElementUi搭建框架的时候，大家应该都有考虑过怎么做全局验证，毕竟复制粘贴什么的是最烦了，这里分享下个人的解决方法。验证规则
分析规则一般验证规则，主要是是否必填，不为空...

2020-05-27

60浏览

0评论

Seajs源码详解分析

近几年前端工程化越来越完善，打包工具也已经是前端标配了，像seajs这种老古董早已停止维护，而且使用的人估计也几个了。但这并不能阻止好奇的我，为了了解当年的前端前辈们是如何...

2020-05-27

62浏览

0评论

Nodejs中的require函数的具体使用方法

说明本文参考Node官网文档版本为v11.12.0。本文主要分析了Nodejs中require导入JSON和js文件时得到的结果，同时简单涉及到了Nodejs中模块导出module.exports和exports的用法。...

2020-05-27

49浏览

0评论

Nodejs核心模块之net和http的使用详解

前言
net和http模块都是node核心模块之一，他们都可以搭建自己的服务端和客户端，以响应请求和发送请求。
net模块服务端/客户端
这里写的net模块是基于tcp协议的服务端和客户端...

2020-05-27

65浏览

0评论

vue中v-text / v-html使用实例代码详解

废话少说，代码如下所述：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Vue实例中的数据,事件和方法</title></head> <script src="https://cdn.js...

2020-05-27

55浏览

0评论

koa大型web项目中使用路由装饰器的方法示例

一、关于重复造轮子解释下在npmjs上搜索关于koa路由装饰器的已经有那么几个包了,但是我从几个包中发现作者的思维仅仅限制于前端开发的思想,项目分层不明确,我们开发kow-web...

2020-05-27

43浏览

0评论

mongodb初始化并使用node.js实现mongodb操作封装方法

mongodb的下载只要在https://www.mongodb.com/网站就能够下载或者使用本地下载 https://www.freexyz.cn/softs/590664.html下载后安装只用一直点next就可以，注意最好使用默认路...

2020-05-27

98浏览

0评论

详释JavaScript执行环境与执行栈

执行环境
执行环境 ( 也称"执行上下文" ) 可以说是 JavaScript 最重要的一个概念。那么执行环境到底是什么呢？一句话就可以概括：代码 ( 包括函数 ) 执行时所需要的所有信息就...

2020-05-27

61浏览

0评论

用原生 JS 实现 innerHTML 功能实例详解

都知道浏览器和服务端是通过 HTTP 协议进行数据传输的，而 HTTP 协议又是纯文本协议，那么浏览器在得到服务端传输过来的 HTML 字符串，是如何解析成真实的 DOM 元素的呢，也就是我...

2020-05-27

44浏览

0评论

vue生命周期的探索

那么进入某个路由对应的组件的时候，我们会触发哪些类型的周期呢？根实例的加载相关的生命周期（beforeCreate、created、beforeMount、mounted）组件实例的加载相关的生命周期(...

2020-05-27

52浏览

0评论

elementUI多选框反选的实现代码

最近有一个需求，点击添加按钮，弹出窗口（窗口显示多选、可翻页、可检索列表），选中多条信息，当我点击确定按钮，把选中信息显示在页面上；点击取消，选中信息不显示在页面上。再次打开，把在...

2020-05-27

79浏览

0评论

性能优化篇之Webpack构建速度优化的建议

如何输出Webpack构建分析输出Webpack构建信息的.json文件：webpack --profile --json > stats.json --profile:记录构建中的耗时信息 --json:以json格式输出构建结果，最后只...

2020-05-27

50浏览

0评论

性能优化篇之Webpack构建代码质量压缩的建议

Webpack构建速度优化基本优化完毕，接下来考虑的就是：线上代码质量的优化，即如何使用webpack构建出高质量的代码Webpack构建流程：初始化配置参数 -> 绑定事件钩子回调 -> 确定Ent...

2020-05-27

92浏览

0评论

JS中注入eval, Function等系统函数截获动态代码

现在很多网站都上了各种前端反爬手段，无论手段如何，最重要的是要把包含反爬手段的前端javascript代码加密隐藏起来，然后在运行时实时解密动态执行。动态执行js代码无非两种方法...

2020-05-27

42浏览

0评论

JavaScript变速动画函数封装添加任意多个属性

下面通过实例代码给大家介绍JavaScript变速动画函数封装添加任意多个属性，具体代码如下所示：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></tit...

2020-05-27

108浏览

0评论

vue框架下部署上线后刷新报404问题的解决方案(推荐)

<IfModule mod_rewrite.c> RewriteEngine On RewriteBase / RewriteRule ^index\.html$ - [L] RewriteCond %{REQUEST_FILENAME} !-f RewriteCond %{REQUEST_FILENAME} !-d...

2020-05-27

214浏览

0评论

react写一个select组件的实现代码

之前一直用的antd的Select组件，但在有些端并不适用，而原生的select样式修改不灵活，遂产生自己写一个组件的想法。观察select组件：<select onChange={(value) => {this.value=val...

2020-05-27

63浏览

0评论

vue插槽slot的理解和使用方法

前言Vue的slot插槽，可以从字面意思来了解用途，占用占坑的意思，既然是占坑肯定是先占坑后面有其他具体的内容来替换代替。根据slot的应用场景可以分为匿名slot和具名slot。一、...

2020-05-27

46浏览

0评论

javascript实现小型区块链功能

区块链概念
狭义：区块链是一种按照时间顺序将数据区块以顺序相连的方式组合成的一种链式数据结构，并以密码方式保证的不可篡改和不可伪造的分布式账本。一、挖矿（产生新区块）首...

2020-05-27

51浏览

0评论

基于Vue 实现一个中规中矩loading组件

前言最近有一个新的项目，UI大佬不知道从哪里找来了一张GIF丢到蓝湖，说作为全局的页面loading ，但是自己想了想，还是选择画一个。一开始想过用svg,canvas;最终还是选择了css3+js...

2020-05-27

59浏览

0评论

es6 filter() 数组过滤方法总结

Array.every(x=>x)是每一个都要满足Array.some(x=>x)是有一个满足。Array.find（findIndex)，返回符合条件的第一个值。Array.filter（过滤成新的数组）数组的方法分为两类1）改变原数...

2020-05-27

44浏览

0评论

详解JavaScript 为什么要有 Symbol 类型？

Symbols 是 ES6 引入了一个新的数据类型，它为 JS 带来了一些好处，尤其是对象属性时。但是，它们能为我们做些字符串不能做的事情呢?在深入探讨 Symbol 之前，让我们先看看一...

2020-05-27

74浏览

0评论

js前端面试之同步与异步问题详解

前言
我本来是打算写一篇co源码精读(为啥读co，因为它短)，然鹅发现自己存在一系列基础问题没有搞透彻，打算写一个js基础系列文章，总结自己的理解(copy)，希望与你在学习路上一同进...

2020-05-27

80浏览

0评论

微信小程序配置服务器提示验证token失败的解决方法

最近在学习微信小程序，遇到的第一个问题就是需要配置服务器
关于这个服务器的配置我也是绕了好多弯路，说白了腾讯就是想通过你填的这个URL和Token去验证你有一个自己的服务器(...

2020-05-27

59浏览

0评论

Node.js+Express+Mysql 实现增删改查

这次选用nodejs+express+mysql 使用http作为客户端，express框架搭建服务端，从而实现数据的增删改查。这篇文章可以算作上篇文章的升级篇，加入了和数据库的交互。安装node 直接...

2020-05-27

51浏览

0评论

从理论角度讨论JavaScript闭包

概论在讨论ECMAScript闭包之前，先来介绍下函数式编程（与ECMA-262-3 标准无关）中一些基本定义。然而，为了更好的解释这些定义，这里还是拿ECMAScript来举例。众所周知，在函数式语言...

2020-05-27

41浏览

0评论

全面了解JavaScript的作用域链

JavaScript的作用域链这是一个非常重要的知识点了，了解了JavaScript的作用域链的话，能帮助我们理解很多‘异常'问题。下面我们来看一个小例子，前面我说过的声明提前的例子。var...

2020-05-27

55浏览

0评论

在node中使用jwt签发与验证token的方法

1.什么是tokentoken的意思是“令牌”，是服务端生成的一串字符串，作为客户端进行请求的一个标识。token是在服务端产生的。如果前端使用用户名和密码向服务端发送请求认证，服务...

2020-05-27

49浏览

0评论

js 计算图片内点个数的示例代码

前言
图片是由连续的点信息组成，每个点信息包含四个长度即rgba信息，通过遍历配合处理函数实现对点个数的判断。实现思路
本例子采用png格式图片，只需要判该点透明度（opacity）是否...

2020-05-27

262浏览

0评论

vue elementUI table表格数据滚动懒加载的实现方法

在项目中遇到了一个性能问题vue+elementUI table表格展示数据，当数据很多的时候，不能一页显示完，同时一次请求数据量太大，会增加网页渲染的时间，影响体验，这个时候常常有两种方法...

2020-05-27

53浏览

0评论

详解JavaScript的变量

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

2020-05-27

56浏览

0评论

Vue组件内部实现一个双向数据绑定的实例代码

思路：父组件通过props传值给子组件，子组件通过 $emit 来通知父组件修改相应的props值，具体实现如下：import Vue from 'vue'const component = { props: ['value'], template:...

2020-05-27

50浏览

0评论

小程序getLocation需要在app.json中声明permission字段

小程序getLocation需要在app.json中声明permission字段，个别需要获取用户地理位置的在开发者工具调试时会出现getLocation需要在app.json中声明permission字段提示，如下图：
ap...

2020-05-27

68浏览

0评论

Vue使用.sync 实现父子组件的双向绑定数据问题

1.前言最近在vue 项目中有一个需求，就是我需要根据不同的类型在页面中放不同的组件，组件需要跟当前页面的数据进行双向绑定，如果都写在同一个页面代码会显得比较多，毕竟我当...

2020-05-27

95浏览

0评论

Vue传参一箩筐(页面、组件)

Vue页面、组件之间传参方式繁多，此处罗列出常用的几种方式，欢迎审阅补充。一丶路由传参这里的路由传参以编程式 router.push(...) 为例，声明式 <router-link :to="..."> 与之类...

2020-05-27

59浏览

0评论

JS实现图片轮播效果实例详解【可自动和手动】

本文实例讲述了JS实现图片轮播效果。分享给大家供大家参考，具体如下：
本次轮播效果图如下：具有以下功能：1.自动播放（鼠标进入显示区域时停止播放） 2.左右焦点切换 3.底下小按钮切...

2020-05-27

54浏览

0评论

vue19 组建 Vue.extend component、组件模版、动态组件的实例代码

具体代码如下所示：
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <script src="bower_components/vue/dist/vue.js"></script...

2020-05-27

热门文章