JS实现继承的几种常用方式示例
本文实例讲述了JS实现继承的几种常用方式。分享给大家供大家参考，具体如下：1，原型链继承<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>原型链继承<...
2020-05-27
js图片查看器插件用法示例
本文实例讲述了js图片查看器插件。分享给大家供大家参考，具体如下：首先 在github上下载 js，css点击打开链接<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8">...
2020-05-27
JS实现简单的文字无缝上下滚动功能示例
本文实例讲述了JS实现简单的文字无缝上下滚动功能。分享给大家供大家参考，具体如下：<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta name="author" content="" />...
2020-05-27
vue使用websocket的方法实例分析
本文实例讲述了vue使用websocket的方法。分享给大家供大家参考，具体如下：最近项目需要使用到websocket 但是框架是vue 网上查阅很多资料 vue-websocket 老是连接不上 索性就...
2020-05-27
nodejs实现获取本地文件夹下图片信息功能示例
本文实例讲述了nodejs实现获取本地文件夹下图片信息功能。分享给大家供大家参考，具体如下：新建一个file.js项目目录如下//获取项目工程里的图片var fs = require('fs');//引用...
2020-05-27
React组件对子组件children进行加强的方法
问题
如何对组件的children进行加强，如：添加属性、绑定事件，而不是使用<div>{this.props.children}</div>在<div>上进行处理。前车之鉴
今天写组件遇到这个问题，在网上查阅了很...
2020-05-27
JavaScript学习教程之cookie与webstorage
cookie
由于http是无状态的协议，一旦客户端和服务器的数据交换完毕，就会断开连接，再次请求，会重新连接，服务器单从网络连接上是没有办法知道用户身份的。cookie就是为了解决此问...
2020-05-27
Vue.js+cube-ui（Scroll组件）实现类似头条效果的横向滚动导航条
本博主在一次个人移动端项目中，遇到这么一个需求：希望自己的项目中，头部导航条的效果可以像今日头条那样，横向滚动!对于这样的效果，在各大移动端项目中几乎是随处可见，为什么呢？...
2020-05-27
vue项目中运用webpack动态配置打包多种环境域名的方法
在如今前后端分离，各种框架盛行的前端界，对项目的打包要求也越来越复杂，本人分享一个vue项目里，根据命令行输入不同的命令，打包出不同环境域名的方法。（欢迎纠错，谢谢。）1. 安装插件...
2020-05-27
浅谈一个webpack构建速度优化误区
问题描述项目中使用了一个npm包a。前几天一直用得好好的，突然某次拉了别的分支代码后，就出Bug了。第一反应是别人把这个包的版本变了。查看了下项目的package.json、package-l...
2020-05-27
vue-cli脚手架引入弹出层layer插件的几种方法
1.如何引入在vue-cli里，引入文件有几钟方法一种是用npm或者cnpm指令去下载对应的插件，然后在main.js里用import方法引入，这里不讨论这种方法我比较喜欢采用的是直接下载对应的j...
2020-05-27
什么时候不能在 Node.js 中使用 Lock Files
快速摘要
如果你开发像 Web 服务器之类的程序，那么 lock file 是非常有用的。但是如果将库或 CLI 发布到 npm，则永远不要发布 lock file。因为如果你使用它，则意味着你和你的用...
2020-05-27
node中实现删除目录的几种方法
由于删除目录只能删除空目录(如果有子文件或文件夹要先删除)
目录结构算是典型的二叉树模型,所以涉及到遍历树结构
二叉树遍历(分为深度和广度,以及先序,中序,后序之分)
以...
2020-05-27
在React中写一个Animation组件为组件进入和离开加上动画/过度效果
问题在单页面应用中，我们经常需要给路由的切换或者元素的挂载和卸载加上过渡效果，为这么一个小功能引入第三方框架，实在有点小纠结。不如自己封装。思路原理以进入时 opacity:...
2020-05-27
通过循环优化 JavaScript 程序
前言对于提高 JavaScript 程序的性能这个问题，最简单同时也是很容易被忽视的方法就是学习如何正确编写高性能循环语句。本文将会帮你解决这个问题。我们将看到 JavaScript 中...
2020-05-27
一次让你了解全部JavaScript的作用域
前言作用域决定了变量的生命周期和可见性，变量在作用域范围之外是不可见的。
JavaScript 的作用域包括：模块作用域，函数作用域，块作用域，词法作用域和全局作用域。全局作用域
在...
2020-05-27
简单了解JavaScript中的执行上下文和堆栈
什么是执行上下文？
JavaScript的执行环境非常重要，当JavaScript代码在行时，会被预处理为以下情况之一： Global code - 首次执行代码的默认环境。 Function code - 每当执行流...
2020-05-27
如何使用JavaScript实现栈与队列
前言栈和队列是web开发中最常用的两种数据结构。绝大多数用户，甚至包括web开发人员，都不知道这个惊人的事实。如果你是一个程序员，那么请听我讲两个启发性的例子:使用堆栈来组...
2020-05-27
深入了解query和params的使用区别
前言
路由传参的时候，有俩兄弟，一个叫query，一个叫parmas
你说他们俩长得也不像吧，可这用法实在是太类似了
下面就让我们分别从vue路由和Node接收两个角度讲他们的区别vue路由中...
2020-05-27
JS数组扁平化(flat)方法总结详解
需求:多维数组=>一维数组
let ary = [1, [2, [3, [4, 5]]], 6];let str = JSON.stringify(ary);第0种处理:直接的调用
arr_flat = arr.flat(Infinity);第一种处理
ary = str...
2020-05-27
简单了解小程序+node梳理登陆流程
希望通过小程序+node来整体的了解下小程序登陆的流程。如有不对欢迎在评论区指出1. client： wx.login()
wx.login({success: ([code]) => {// 发送 code 到后台换取 openId,...
2020-05-27
新手如何快速理解js异步编程
前言异步编程从早期的 callback、事件发布\订阅模式到 ES6 的 Promise、Generator 在到 ES2017 中 async，看似风格迥异，但是还是有一条暗线将它们串联在一起的，就是希望将异步...
2020-05-27
vue+elementUI 复杂表单的验证、数据提交方案问题
当我们在做后台管理系统时，经常会遇到非常复杂的表单： 表单项非常多 在各种表单类型下，显示不同的表单项 在某些条件下，某些表单项会关闭验证 每个表单项还会有其他自定义逻...
2020-05-27
新手入门带你学习JavaScript引擎运行原理
一些名词
JS引擎 — 一个读取代码并运行的引擎，没有单一的“JS引擎”;，每个浏览器都有自己的引擎，如谷歌有V。作用域 — 可以从中访问变量的“区域”。词法作用域— 在词法阶段...
2020-05-27
JS字符串常用操作方法实例小结
本文实例讲述了JS字符串常用操作方法。分享给大家供大家参考，具体如下：【String类型】1.返回给定位置的那个字符var stringValue = "hello world";alert(stringValue.charAt(1...
2020-05-27
Electron + vue 打包桌面操作流程详解
提前准备一个vue项目，也可以使用初始的vue项目vue init webpack安装到后边有的会出现报错，可以忽略，启动npm run dev 启动成功就可以在vue项目下执行下载以下依赖，会用到cnpm in...
2020-05-27
新手快速入门JavaScript装饰者模式与AOP
什么是装饰者模式
当我们拍了一张照片准备发朋友圈时，许多小伙伴会选择给照片加上滤镜。同一张照片、不同的滤镜组合起来就会有不同的体验。这里实际上就应用了装饰者模式：是...
2020-05-27
JS实现给数组对象排序的方法分析
本文实例讲述了JS实现给数组对象排序的方法。分享给大家供大家参考，具体如下：JS中给数组对象排序假设有一个对象数组，我们想要根据某个对象属性对数组进行排序。而传递给数组so...
2020-05-27
JavaScript深入V8引擎以及编写优化代码的5个技巧
概述
JavaScript引擎是执行 JavaScript 代码的程序或解释器。JavaScript引擎可以实现为标准解释器，或者以某种形式将JavaScript编译为字节码的即时编译器。以为实现JavaScrip...
2020-05-27
前端天气插件tpwidget使用方法详解
本文实例为大家分享了前端天气插件tpwidget的具体使用方法，供大家参考，具体内容如下PS：需要放到服务器才会生效方法一：（心知天气）<div id="tp-weather-widget" style="background:...
2020-05-27
深入学习js函数的隐式参数 arguments 和 this
前言在函数调用时，arguments和this会被静默的传递给函数，并可以在函数体内引用它们，借以访问函数相关的一些信息。
其中arguments是一个类数组结构，它保存了调用时传递给函数的...
2020-05-27
Promise扫盲贴
then
then函数可以return另一个promise：
const p1 = new Promise((resolve, reject) =>{ resolve('p1')})const p2 = new Promise((resolve, reject) =>{ setTimeout(() =>{...
2020-05-27
webpack自动打包和热更新的实现方法
webpack常用配置
webpack dev server 功能：自动打包文件 配置dev server：在webpack.config.client.js中配置 const path = require('path'); const HTMlPlugin = require(...
2020-05-27
独立部署小程序基于nodejs的服务器过程详解
前言完全自定义的部署小程序服务器, 不依托于腾讯云服务器体系.
以阿里云服务器为基础建立.
服务器语言选用nodejs.目的
实现https基本访问请求 实现会话管理 实现socke...
2020-05-27
微信小程序-可移动菜单的实现过程详解
前言我们可以经常看到手机app里有的菜单栏是悬浮在首页的，用户可以拖动和点击菜单栏进行交互，今天代码君就教大家利用小程序的控件，实现一个可移动的菜单，效果图是这样的，要实现...
2020-05-27
微信小程序调用天气接口并且渲染在页面过程详解
前两天写了关于组件库 iView Weapp的教程，其实也就是把文档上的例子拿出来体验了一遍，今天写一个具体的例子，调用一个免费的天气接口的api，并且把所获取的内容展示在前端的界面，...
2020-05-27
前端Vue项目详解--初始化及导航栏
一、项目初始化
创建webpack模板项目如下所示：MacBook-Pro:PycharmProjects hqs$ vue init webpack luffy_project? Project name luffy_project? Project descripti...
2020-05-27
新手快速入门微信小程序组件库 iView Weapp
介绍iView Weapp 提供了与 iView 一致的 UI 和尽可能相同的接口名称，大幅度降低了学习成本，是一套一套高质量的微信小程序 UI 组件库。使用步骤
1：首先在github上面下载组件库...
2020-05-27
基于vue+axios+lrz.js微信端图片压缩上传方法
业务场景
微信端项目是基于Vux + Axios构建的，关于图片上传的业务场景有以下几点需求:1、单张图片上传(如个人头像,实名认证等业务)2、多张图片上传(如某类工单记录)3、上传...
2020-05-27
vue 移动端注入骨架屏的配置方法
什么是骨架屏？简单的说，骨架屏就是在页面未渲染完成的时候，先用一些简单的图形大致勾勒出页面的基本轮廓，给用户造成页面正在加载的错觉，待页面渲染完成之后再用页面替换掉骨架屏...
2020-05-27
浅谈目前可以使用ES10的5个新特性
ECMAScript 2015，也称为ES6，是一个花了6年时间完成的主要版本。从那时起，负责ECMAScript标准开发的技术委员会39 (TC39)每年都会发布该标准的新版本。这个年度发布周期简化了这...
2020-05-27
Node.js实现简单的爬取的示例代码
学习【node.js】也有几天时间了，所以打算写着练练手；索然我作为一个后端的选手，写起来还有那么一丝熟悉的感觉。emmm~~ ‘货'不多讲 ，开搞........首先是依赖选择：代码块如下：//引...
2020-05-27
基于Node.js搭建hexo博客过程详解
一、安装新版本的nodejs和npm
安装n模块：npm install -g n升级node.js到最新稳定版n stable二、安装hexo
note: 参考github，不要去其官网安装Hexonpm install hexo-cli -gSetu...
2020-05-27
ES6模板字符串和标签模板的应用实例分析
本文实例讲述了ES6模板字符串和标签模板的应用。分享给大家供大家参考，具体如下：ES6 中对字符串进行了扩展，而模板字符串就是一个非常实用的方式，可以在html中实现与变量和方法...
2020-05-27
ES6 Object属性新的写法实例小结
本文实例讲述了ES6 Object属性新的写法。分享给大家供大家参考，具体如下：之前我们定义一个对象特别麻烦，现在ES6简化了这些麻烦，在对象属性的新定义方法中存在以下的优化我们之...
2020-05-27
ES6 Object方法扩展的应用实例分析
本文实例讲述了ES6 Object方法扩展的应用。分享给大家供大家参考，具体如下：在ES6中针对对象的方法做了一些扩展和优化，下面简单总结下常用的方法is方法判断两个对象是否全等con...
2020-05-27
微信小程序Echarts图表组件使用方法详解
1：下载 GitHub 上的 项目
2：但项目下载之后，打开小程序开发工具，可以看到效果如下，适配性还是比较完美的。如果是在项目里面引入组件的话，打开从github上面下载的代码，将ec-canvas...
2020-05-27
JS 封装父页面子页面交互接口的实例代码
定义标准接口 Interface= {}; Interface.ParentWin = {}; Interface.ChildWin = {}; /** * 父页面提供的标准接口函数名称 */ Interface.ParentWin.funName = { getDataFu...
2020-05-27
Vue 列表上下过渡效果的实例代码
最近有个需求，一个列表上下移动要有简单过渡效果，在网上找了找没找到，可能是我搜的关键词不对？试了试 Vue 的 transition-group ，也没有达到预期的效果，然后就花了点时间做了一个...
2020-05-27
js+html实现周岁年龄计算器
本文实例为大家分享了js+html实现周岁年龄计算器的具体代码，供大家参考，具体内容如下输入界面展示:输出结果展示:实现代码:<!DOCTYPE html><html> <head> <meta charset="utf-...
2020-05-27
