JavaScript - 教程之家

80浏览

0评论

优雅地使用loading(推荐)

前言不知道从什么时候开始有了写博客的想法，奈何自己的知识储备还很薄弱，迟迟无法下笔。这是我的第一篇博客，算是记录一下自己学习前端以来的一些知识吧。如有错漏，恳请指出，您...

2020-05-27

79浏览

0评论

Node.js折腾记一：读指定文件夹，输出该文件夹的文件树详解

前言用来干什么：想干嘛干嘛
为什么写：写来玩，学习node.js文件系统相关api；树结构这种东西还是挺不错的，会用会造才是真的会
用了什么： fs.readdir(dir), fs.stat(dir).isFile(), p...

2020-05-27

59浏览

0评论

详解Vue中组件的缓存

之前在《Vue一个案例引发的动态组件与全局事件绑定总结》这篇文章中简单提到过组件的缓存。当时只是简单的提供了一个解决问题的思路，并没有说到多少组件缓存的东西，今天我们...

2020-05-27

90浏览

0评论

今天，小程序正式支持 SVG

今天，小程序正式支持 SVG写在前面经过腾讯 Omi 团队的努力，今天你可以在小程序中使用 Cax 引擎高性能渲染 SVG！SVG 是可缩放矢量图形(Scalable Vector Graphics)，基于可扩展标记...

2020-05-27

71浏览

0评论

js实现web调用摄像头 js截取视频画面

本文实例为大家分享了JS实现截取视频画面的具体代码，供大家参考，具体内容如下Html<p> <button onclick="openMedia()">打开</button> <button onclick="closeMedia()">关闭</b...

2020-05-27

98浏览

0评论

vue 项目build错误异常的解决方法

在生成vue项目的时候，出现如下错误ERROR in static/js/index.d66d806fcdd72b36147b.js from UglifyJs
Unexpected token: punc (() [src/components/Hello.vue:26,0][static/...

2020-05-27

90浏览

0评论

Vue.js + Nuxt.js 项目中使用 Vee-validate 表单校验

vee-validate 是为 Vue.js 量身打造的表单校验框架，允许您校验输入的内容并显示对应的错误提示信息。它内置了很多常见的校验规则，可以组合使用多种校验规则，大部分场景只需要...

2020-05-27

84浏览

0评论

详解Vue中使用Axios拦截器

需求是拦截前端的网络请求和相应。废话不多说，直接上干货。我用的是vue-cli3所以这个config文件是我自己创建的。先介绍env.js//根据不同的环境更改不同的baseUrllet baseUrl...

2020-05-27

94浏览

0评论

说说如何利用 Node.js 代理解决跨域问题

前后端分离，经常会出现跨域访问被限制的问题。跨域访问限制是服务端出于安全考虑的限制行为。即只有同域或者指定域的请求，才能访问。这样还可以防止图片被盗链。服务端（比如 N...

2020-05-27

106浏览

0评论

关于vue-cli 3配置打包优化要点（推荐）

配置路由懒加载,封装了异步组件引入的方法,接收一个地址做参数/** * 返回异步组件 * @tips 请注意页面只能挂载在views文件下,非此路径请勿使用 */const AsyncComponentHook...

2020-05-27

127浏览

0评论

Angular中使用ng-zorro图标库部分图标不能正常显示问题

在ng-alain中，使用ng-zorro图标库，发现部分能正常显示，部分并不能显示，在控制台同时发现出错报错。ERROR Error: [@ant-design/icons-angular]: the icon redo-o does not exist...

2020-05-27

108浏览

0评论

使用 vue 实例更好的监听事件及vue实例的方法

文章举例说明一下在 vue 中如何更好的监听浏览器事件。原文介绍了一种新增 vue 实例的方法，单独监听事件。这样代码书写较为简练，容易管理。当监听如下事件的传统做法是： wind...

2020-05-27

127浏览

0评论

详解Node.js一行命令上传本地文件到服务器

现在存在的问题每次打包完, 都要打开 FileZilla 一顿拖拽然后才能上传代码, 那就立马撸一个自动化脚本就完事了publish-sftpGithub 传送门(顺便来骗个Star) 以后一行命令上...

2020-05-27

90浏览

0评论

详解Vue 匿名、具名和作用域插槽的使用方法

Vue 中的插槽在开发组件的过程中其实是非常重要并且好用的。Vue 的插槽也没有说很难使用，这篇文章简明扼要的介绍了三种插槽的用法。匿名插槽子组件定义 slot 插槽，但并未具名...

2020-05-27

80浏览

0评论

Vue匿名插槽与作用域插槽的合并和覆盖行为

Vue 测试版本：Vue.js v2.5.13Vue 文档：<slot> 元素可以用一个特殊的特性 name 来进一步配置如何分发内容。多个插槽可以有不同的名字。具名插槽将匹配内容片段中有对应 slot...

2020-05-27

93浏览

0评论

详解50行代码，Node爬虫练手项目

First项目地址：Crawler-for-Github-Trending项目中基本每一句代码都写有注释(因为就这么几行😂)，适合对Node爬虫感兴趣的同学入入门。Introduction50 lines, minimalis...

2020-05-27

82浏览

0评论

浅析vue插槽和作用域插槽的理解

插槽：插槽，也就是slot，是组件的一块HTML模板，这块模板显示不现实、以及怎样显示由父组件来决定。插槽模板是slot，它是一个空壳子，因为它显示与隐藏以及最后用什么样的html模板显示...

2020-05-27

107浏览

0评论

深入理解vue中的slot与slot-scope

写在前面vue中关于插槽的文档说明很短，语言又写的很凝练，再加上其和methods，data，computed等常用选项使用频率、使用先后上的差别，这就有可能造成初次接触插槽的开发者容易产生“...

2020-05-27

103浏览

0评论

使用vue-cli3新建一个项目并写好基本配置(推荐)

1. 使用vue-cli3新建项目： https://cli.vuejs.org/zh/guide/creating-a-project.html注意，我这里用gitbash不好选择选项，我就用了基本的cmd（系统命令提示符）：上下箭头和空格键可控...

2020-05-27

93浏览

0评论

详解微信小程序之一键复制到剪切板

最近在开发小程序项目里遇到一个小难题-----一键复制在网页开发里我们可以引用大牛封装好的复制插件，比如无flash插件clipboard.js适用移动端，pc端-------言归正装，打开微信开...

2020-05-27

105浏览

0评论

详解微信小程序文件下载--视频和图片

文件下载（遇到的坑）1.要区分下载的内容是什么0.1 图片下载wx.saveImageToPhotosAlbum(Object object)0.2 视频下载wx.saveVideoToPhotosAlbum(Object object)以上算是两大类...

2020-05-27

92浏览

0评论

Vue源码解析之数据响应系统的使用

接下来重点来看Vue的数据响应系统。我看很多文章在讲数据响应的时候先用一个简单的例子介绍了数据双向绑定的思路，然后再看源码。这里也借鉴了这种方式，感觉这样的确更有利于...

2020-05-27

152浏览

0评论

使用vue2.6实现抖音【时间轮盘】屏保效果附源码

写在前面：
前段时间看抖音，有人用时间轮盘作为动态的桌面壁纸，一时间成为全网最火的电脑屏保，后来小米等运用市场也出现了【时间轮盘】，有点像五行八卦，感觉很好玩，于是突发奇想，自...

抖音

2020-05-27

80浏览

0评论

js实现全选反选不选功能代码详解

本文实例为大家分享了js实现全选反选不选功能的具体代码，供大家参考，具体内容如下<!DOCTYPE html><html><meta charset='utf-8' /><body><input type='checkbox' name='id' />...

2020-05-27

75浏览

0评论

vue router 通过路由来实现切换头部标题功能

在做单页面应用程序时，一般页面布局头尾两块都是固定在布局页面，中间为是路由入口。这时访问页面时头部标题不会变，该问题的解决方案如下：通过采用组件内路由卫士(beforeRouterE...

2020-05-27

119浏览

0评论

微信小程序实现的一键连接wifi功能示例

本文实例讲述了微信小程序实现的一键连接wifi功能。分享给大家供大家参考，具体如下：在已知wifi账号和wifi密码的情况下，一般采用以下的流程来连接wifiWi-Fi 接口调用：1.Android：...

2020-05-27

117浏览

0评论

详解关于webpack多入口热加载很慢的原因

之前为公司搭建了套webpack多页面应用脚手架，起初用得挺爽，资源整合打包，组件化开发，各种组件复用，需要什么就拿什么，后来入口有50个页面了，慢慢的发现了每次按保存后的热加载等待...

2020-05-27

119浏览

0评论

微信小程序分享功能onShareAppMessage(options)用法分析

本文实例讲述了微信小程序分享功能onShareAppMessage(options)用法。分享给大家供大家参考，具体如下：在页面的js文件中定义了 onShareAppMessage 函数时，页面可以表示改页面可...

2020-05-27

65浏览

0评论

vue模仿网易云音乐的单页面应用

说明一直想做一个基于VUE的项目,但是因为项目往往要涉及到后端的知识(不会后端真的苦),所以就没有一直真正的动手去做一个项目。直到发现GitHub上有网易云音乐的api Netease...

2020-05-27

97浏览

0评论

微信小程序实现跳转的几种方式总结（推荐）

今天把实现微信页面的跳转的几种方法总结分享下1.使用导航组件，标签，页面链接来实现（可以发现点击时有背景）<view class="btn-area"> <navigator url="../m...

2020-05-27

110浏览

0评论

浅谈Webpack多页应用HMR卡住问题

起因在公司搭建了套webpack多页面应用脚手架，开始用着很爽，解决了既想使用Vue的模块化开发，又想做多页打包上线管理的初衷，但是随着业务项目的增加，我发现npm run dev的时候，每次...

2020-05-27

101浏览

0评论

vue中的inject学习教程

最近看源码有一段对于整合参数的代码，normalizeProps(child, vm) normalizeInject(child, vm) normalizeDirectives(child)想象里边的Inject很少用到，所以查了一下资料，通常组...

2020-05-27

106浏览

0评论

微信小程序实现的图片保存功能示例

本文实例讲述了微信小程序实现的图片保存功能。分享给大家供大家参考，具体如下：微信小程序保存图片分为两步：1.下载文件资源到本地，客户端直接发起一个 HTTP GET 请求，返回文件的...

2020-05-27

135浏览

0评论

详解vue中使用vue-quill-editor富文本小结（图片上传）

vue-quill-editor是我们再使用vue框架的时候常用的一个富文本编辑器，在进行富文本编辑的时候，我们往往要插入一些图片，vue-quill-editor默认的处理方式是直接将图片转成base64...

2020-05-27

108浏览

0评论

微信小程序实现的一键拨号功能示例

本文实例讲述了微信小程序实现的一键拨号功能。分享给大家供大家参考，具体如下：1. 在.wxml文件中绑定拨号事件<button type="default" bindtap="calling">拨打电话</button>2....

2020-05-27

92浏览

0评论

详解微信小程序开发用户授权登陆

本篇将帮助读者实现基于微信开发者工具 & C#环境下的用户在小程序上的授权登陆。准备：微信开发者工具下载地址：https://developers.weixin.qq.com/miniprogram/dev/devtools...

2020-05-27

142浏览

0评论

基于mpvue小程序使用echarts画折线图的方法示例

第一次使用mpvue框架来写小程序，项目开发直接搬用mpvue-shop（一个仿网易严选的小程序开发项目）,项目结构清楚,实现了大部分功能，对于初次使用mpvue的小伙伴们来说，是一个很好的选...

2020-05-27

133浏览

0评论

微信小程序中使用echarts的实现方法

刚开始学微信小程序，有说的不对的地方大家可以提出！首先体验示例小程序在微信中扫描下面的二维码即可体验 ECharts Demo：下载为了兼容小程序 Canvas，我们提供了一个小程序的组...

2020-05-27

151浏览

0评论

详解Vue项目中实现锚点定位

背景今天在开发限时练-提分加项目的时候，有一个需要锚点定位的需求，而在Vue项目中，使用传统的在a标签的href属性中写id的方法无效，会导致浏览器的地址改变从而跳转到其他页面。...

2020-05-27

109浏览

0评论

页面内锚点定位及跳转方法总结（推荐）

接着上一篇，其实是一个功能，本来感觉挺简单的一个问题，没想到遇到两个坎儿，无语。。。上一篇是关于scroll事件绑定的问题，这一篇的问题是：点击锚点跳转到相应DIV的问题。最简单的...

2020-05-27

87浏览

0评论

使用webpack4编译并压缩ES6代码的方法示例

前段时间第一次接触了layabox游戏引擎做了一个项目，由于ES6相当好用，所以在项目中使用了很多的ES6语法，但是在发布的时候发现该引擎无法压缩ES6的代码，而不进行压缩的话则代码体...

2020-05-27

100浏览

0评论

深入解析vue 源码目录及构建过程分析

“ 本文主要梳理一下vue代码的目录，以及vue代码构建流程，旨在对vue源码整体有一个认知，有助于后续对源码的阅读。”一、目录结构上图是对vue的代码的所有目录进行的梳理...

2020-05-27

102浏览

0评论

Vue组件通信的几种实现方法

组件的通信一般常见的组件之间的通信有以下几种情况，A和B，B和C，B和D之间都是父子关系，C和D之间是兄弟组件关系。
常用的通信手段有两种：
1.ref：给元素或组件注册引用信息
2.childr...

2020-05-27

101浏览

0评论

微信小程序实现单列下拉菜单效果

接下来我想做的是一个下拉菜单用来分类的，但是在网上搜了一下，基本上全都是比较复杂的分类菜单，最简单的也是分三列的下拉菜单，但是并不想要这么复杂的，最后找了一个三列的，改成...

2020-05-27

109浏览

0评论

微信小程序实现的五星评价功能示例

本文实例讲述了微信小程序实现的五星评价功能。分享给大家供大家参考，具体如下：实现五星评价功能，效果图如下：.wxml文件：<view class="star-title">1、品质效果</view><view clas...

2020-05-27

99浏览

0评论

微信小程序整合使用富文本编辑器的方法详解

本文实例讲述了微信小程序整合使用富文本编辑器的方法。分享给大家供大家参考，具体如下：使用WxParse插件实现小程序的富文本显示，下载地址：富文本插件WxParse具体使用步骤：1. 复...

2020-05-27

77浏览

0评论

小程序开发踩坑：页面窗口定位（相对于浏览器定位）（推荐）

开发中我们要做一些类似遮罩层或者页面header固定而页面内容滚动的效果时，往往会使用到：position: fiexd;属性，但是往往会出现绑定在定位元素上的事件无法触发，原因出现在哪里？经...

2020-05-27

152浏览

0评论

详解如何实现Element树形控件Tree在懒加载模式下的动态更新

Element提供的Tree树形控件，可以用清晰的层级结构展示信息，还可以展开或折叠。Tree支持两种加载模式：一次性加载全部树节点和懒加载模式。所谓懒加载模式，是指当需要展开父节点...

2020-05-27

103浏览

0评论

微信小程序Flex布局用法深入浅出分析

本文实例讲述了微信小程序Flex布局用法。分享给大家供大家参考，具体如下：Flex布局： Flexible Box的缩写，意为“弹性布局”，为盒模型提供巨大的灵活性使用说明：1. 任何容器都可以使...

2020-05-27

104浏览

0评论

elementUI Tree 树形控件的官方使用文档

Tree 树形控件---官方文档地址用清晰的层级结构展示信息，可展开或折叠。基础用法基础的树形结构展示。<el-tree :data="data" :props="defaultProps" @node-click="handleNod...

2020-05-27

热门文章