JavaScript - 教程之家

68浏览

0评论

详解nodejs http请求相关总结

nodejs http请求相关总结通过node提供的http模块，可以通过其提供的get()和request()两个方法发起http请求，get()是对request()方法的封装，方便发起get请求，如果要实现post请求，那...

2020-05-27

69浏览

0评论

基于elementUI实现图片预览组件的示例代码

这是一个简单的点击图片预览的组件
顺便记录一下写组件期间踩的vue中scope的坑~
从注册全局组件开始叭！项目目录：
模仿elementUI目录结构，目录名是组件名，src中是组件源文件（或者...

2020-05-27

62浏览

0评论

基于vue框架手写一个notify插件实现通知功能的方法

简单编写一个vue插件，当点击时触发notify插件，dom中出现相应内容并且在相应时间之后清除，我们可以在根组件中设定通知内容和延迟消失时间。
1. 基础知识我们首先初始化一个vue...

2020-05-27

71浏览

0评论

Vue递归组件+Vuex开发树形组件Tree--递归组件的简单实现

写在前面首先，本篇文章所开发的组件并非一个已经开源的上线组件，所以如果你急于需要一个插件来只做你的项目，那么并不能带给你及时的帮助。这个组件的开发预计写两篇文章，一遍写...

2020-05-27

61浏览

0评论

详解JavaScript中的函数、对象

JS中的函数声明方式方式一function 函数名（）{
函数体
}方式二var 函数名=function(){
函数体
}
方式三var 函数名=new Function(“函数体”)；执行方式函数名();JS中的对象类似...

2020-05-27

88浏览

0评论

VUE脚手架的下载和配置步骤详解

VUE脚手架下载1.第一步全局安装脚手架cnpm i @vue/cli -g2.第二步创建项目创建文件夹,打开文件命令窗口vue create 自己创建的项目名
3. 有两个选项，选择第二个，也就是自己选...

2020-05-27

89浏览

0评论

浅谈Vue.js 关于页面加载完成后执行一个方法的问题

首先我们会想着在mounted或者created里面加入想要执行的方法，但是有的时候会遇到在你执行这个方法的时候，页面还并没有被渲染完成，所以就会出现这个方法在匹配页面标签报错的情...

2020-05-27

88浏览

0评论

NodeJs之word文件生成与解析的实现代码

一,介绍与需求 1.1,介绍1, officegen 模块可以为Microsoft Office 2007及更高版本生成Office Open XML文件。此模块不依赖于任何框架，您不需要安装Microsoft Office，因此您可...

2020-05-27

83浏览

0评论

微信小程序 slot踩坑的解决

今天在使用微信小程序 component 里的 slot 时发现，当只用一个 slot 并且将 slot 命名后，页面中调用这个 slot 并不会加载进来。
研究尝试后发现，如果想要使用命名的方式调用单...

2020-05-27

85浏览

0评论

JS中的防抖与节流及作用详解

概念函数防抖（debounce）是指在一定时间内，在动作被连续频繁触发的情况下，动作只会被执行一次，也就是说当调用动作过n毫秒后，才会执行该动作，若在这n毫秒内又调用此动作则将重新计算...

2020-05-27

68浏览

0评论

微信二次分享报错invalid signature问题及解决方法

基于微信公众号开发的h5页面（使用jssdk接口），由用户A分享给用户B，用户B再次分享这个页面时，不能成功分享。问题出在用户B收到的分享链接与用户A打开的链接不同
A用户的链接为http...

2020-05-27

64浏览

0评论

详解Vue之父子组件传值

一、简要介绍父子组件之间的传值主要有三种：传递数值、传递方法、传递对象，主要是靠子组件的 props 属性来接收传值，下面分别介绍：（一）传递数值1.子组件：Header.vue<template> <div...

2020-05-27

76浏览

0评论

浅谈js闭包理解

闭包是js中的一大特色，也是一大难点。简单来说，所谓闭包就是说，一个函数能够访问其函数外部作用域中的变量。闭包的三大特点为：1、函数嵌套函数2、内部函数可以访问外部函数的变...

2020-05-27

59浏览

0评论

详解Vue前端对axios的封装和使用

Axios 是一个基于 promise 的 HTTP 库。将axios封装好后能更高效的开发并且方便维护，而且在以后的项目中也能直接套用，所以封装好是必要的。在参考了很多方法后，我拼凑出了一套...

2020-05-27

79浏览

0评论

jquery简单实现纵向的无缝滚动代码实例

简单实现纵向无缝滚动（不要忘记引入jquery文件哦）看效果：1、HTML代码<!DOCTYPE html><html lang="zh-CN"><head><meta charset="utf-8"><title>简单的jQuery无缝向上滚动效果</...

2020-05-27

97浏览

0评论

vue鼠标悬停事件实例详解

具体代码如下所述：v-bind:title="message"<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>vue实例化</title></head> <script src="https://cdn.j...

2020-05-27

87浏览

0评论

Vue 组件修改根实例的数据的方法

思路：
1 在组件内部监听事件并把事件 emit
2 在组件上监听 emit 出来的事件
3 当事件发生时执行对应的函数去修改根实例上的 data实现：
1 在组件内部的 input框中监听 input...

2020-05-27

58浏览

0评论

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

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

2020-05-27

77浏览

0评论

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

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

2020-05-27

51浏览

0评论

es6 symbol的实现方法示例

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

2020-05-27

71浏览

0评论

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

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

2020-05-27

88浏览

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

66浏览

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

62浏览

0评论

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

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

2020-05-27

74浏览

0评论

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

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

2020-05-27

196浏览

0评论

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

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

2020-05-27

91浏览

0评论

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

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

2020-05-27

91浏览

0评论

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

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

2020-05-27

82浏览

0评论

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

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

2020-05-27

68浏览

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

68浏览

0评论

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

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

2020-05-27

67浏览

0评论

Seajs源码详解分析

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

2020-05-27

72浏览

0评论

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

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

2020-05-27

58浏览

0评论

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

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

2020-05-27

79浏览

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

62浏览

0评论

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

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

2020-05-27

53浏览

0评论

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

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

2020-05-27

113浏览

0评论

详释JavaScript执行环境与执行栈

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

2020-05-27

76浏览

0评论

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

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

2020-05-27

52浏览

0评论

vue生命周期的探索

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

2020-05-27

63浏览

0评论

elementUI多选框反选的实现代码

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

2020-05-27

99浏览

0评论

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

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

2020-05-27

61浏览

0评论

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

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

2020-05-27

103浏览

0评论

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

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

2020-05-27

52浏览

0评论

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

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

2020-05-27

120浏览

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

230浏览

0评论

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

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

2020-05-27

85浏览

0评论

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

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

2020-05-27

58浏览

0评论

javascript实现小型区块链功能

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

2020-05-27

61浏览

0评论

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

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

2020-05-27

热门文章