JavaScript - 教程之家

92浏览

0评论

浅谈JavaScript 代码整洁之道

概述
一张幽默的图片：软件质量通过你在阅读代码的时候有多少报怨来进行评估Robert C. Martin 在《代码整洁之道》中提到的软件工程原则，同样适用于 JavaScript。这不是一个...

2020-05-27

171浏览

0评论

深入理解JavaScript 中的执行上下文和执行栈

如果你是或者想成为一名 JavaScript 开发者，你必须知道 JavaScript 程序内部是如何执行的。理解执行上下文和执行栈对于理解其他 JavaScript 概念（如变量声明提升，作用域和闭包...

2020-05-27

78浏览

0评论

彻底弄懂 JavaScript 执行机制

不论你是javascript新手还是老鸟，不论是面试求职，还是日常开发工作，我们经常会遇到这样的情况：给定的几行代码，我们需要知道其输出内容和顺序。因为javascript是一门单线程语言，所...

2020-05-27

80浏览

0评论

浅谈Javascript编程风格

Douglas Crockford是Javascript权威，Json格式就是他的发明。去年11月他有一个演讲，谈到了好的Javascript编程风格是什么。我非常推荐这个演讲，它不仅有助于学习Javascript，而且...

2020-05-27

88浏览

0评论

详解create-react-app 2.0版本如何启用装饰器语法

create-react-app(简称cra)已经更新之2.0.3版本, babel也更新至7.x版本, JavaScript装饰器语法虽然还不是标准, 但是借助于babel, 也能在项目里愉快的玩耍.cra2.0时代如何启...

2020-05-27

76浏览

0评论

详解React 的几种条件渲染以及选择

对于一个展示页面来讲, 通常有好几种展示状态(以列表页为例): 数据为空, 空页面取数据时发生错误, 错误页面数据正常加载状态针对以上三种情况, react渲染列表的时候...

2020-05-27

101浏览

0评论

react 兄弟组件如何调用对方的方法示例

最近有一个场景是Child2组件点击让Child1组件里面的state的值发生改变,Child1是一个公用组件，把里面的state值改为props传递，修改内容太多，容易出错，就想找其他的方法来解决兄弟...

2020-05-27

90浏览

0评论

React 路由懒加载的几种实现方案

这篇文字简单的介绍了React在路由懒加载方面的几种实现方案。传统的两种方式
import()
符合ECMAScript提议的import()语法，该提案与普通 import 语句或 require 函数的类似，但...

2020-05-27

65浏览

0评论

解决JavaScript中0.1+0.2不等于0.3问题

console.log(0.1+0.2===0.3)// true or false??　　在正常的数学逻辑思维中，0.1+0.2=0.3这个逻辑是正确的，但是在JavaScript中0.1+0.2！==0.3，这是为什么呢？这个问题也会...

2020-05-27

90浏览

0评论

使用 electron 实现类似新版 QQ 的登录界面效果(阴影、背景动画、窗体3D翻转)

现在什么都讲究追赶潮流，觉得 QQ 登录窗口做的效果不错，既然刚学习 electron ，那么就用 electron 模仿一下。其实主要用到的就是 CSS3 的效果：边框圆角、阴影，3D变换。对，就这么简...

QQ

2020-05-27

69浏览

0评论

jquery分页插件pagination使用教程

pagination使用起来非常的方便。第一步：引入分页需要的js（jquery.pagination.js）和css(pagination.css)pagination插件下载地址第二步：将分页条容器写到页面里（固定代码）<div clas...

2020-05-27

58浏览

0评论

vue项目使用微信公众号支付总结及遇到的坑

微信公众号支付1. 使用jssdk调用微信支付，具体查看开发文档；使用的vuex，在mutations中 wechatPay (state, data) { state.payObject = data console.log('微信支付开始...

2020-05-27

69浏览

0评论

jquery.pagination.js分页使用教程

简单介绍一下在动态网页里面的jquery.pagination.js分页的使用，具体内容如下添加下载的js和样式，主要是先添加jquery.js 再添加jquery.pagination.js，我这是下载好的，放在本地<l...

2020-05-27

69浏览

0评论

jQuery pagination分页示例详解

本文实例为大家分享了jQuery pagination分页示例的具体代码，供大家参考，具体内容如下
前台html<!doctype html><html><head><meta charset="utf-8"> <meta content="width=dev...

2020-05-27

116浏览

0评论

vue中的router-view组件的使用教程

开发的时候有时候会遇到比如点击这个链接跳转到其他组件的情况,氮素，我们不想跳转到新页面，只在当前页面切换着显示，那么就要涉及到路由的嵌套了，也可以说是子路由的使用。比如...

2020-05-27

46浏览

0评论

vue项目引入Iconfont图标库的教程图解

在进行项目开发过程中,vue项目中前端所使用的UI框架是element ui,但是element的字体图标库不足以满足日常开发的需要,或者公司项目要求使用本公司ui设计的图标,都可以参考以...

2020-05-27

71浏览

0评论

JavaScript根据json生成html表格的示例代码

之前公司有一个需求是：通过js来生成html。而且大部分都是生成表格，直接通过字符串拼接的话，代码的可复用性太低的，所以写了个通用的json转html表格的工具。代码
htmlKit = { _t...

2020-05-27

123浏览

0评论

使用electron实现百度网盘悬浮窗口功能的示例代码

相关依赖里面使用了vuex vue vue-route storeJsstoreJs 用来持久化vuex状态展示
介绍说明没有使用electron内置的-webkit-app-region: drag 因为使用他那个有很多问题
比如...

2020-05-27

49浏览

0评论

详解JavaScript中typeof与instanceof用法

今天写JS代码，遇到动态生成多个名称相同的input复选按钮需要判断其是否是数组，用到了if (typeof(document.MapCheckMgr.checkid)!="undefined")以前用得少，就顺便查了一下关于t...

2020-05-27

75浏览

0评论

深入理解JavaScript的值传递和引用传递

JavaScript有5种基本的数据类型，分别是：布尔、null、undefined、String和Number。这些基本类型在赋值的时候是通过值传递的方式。值得注意的是还有另外三种类型: Array、Funct...

2020-05-27

86浏览

0评论

vue 属性拦截实现双向绑定的实例代码

下面通过代码给大家介绍vue 属性拦截实现双向绑定，具体代码如下所示：let obj = {}let get = ''Object.defineProperty(obj, 'get', { set: function(val) { document.getEleme...

2020-05-27

94浏览

0评论

vue+axios 前端实现登录拦截的两种方式（路由拦截、http拦截）

一、路由拦截登录拦截逻辑第一步：路由拦截首先在定义路由的时候就需要多添加一个自定义字段requireAuth，用于判断该路由的访问是否需要登录。如果用户已经登录，则顺利进入路由，...

2020-05-27

90浏览

0评论

vue-cli V3.0版本的使用详解

vue-cli 3.0版本目前官网上还不是3.0版本，所以需要在github上面学习使用：github网站：https://github.com/vuejs/vue-cli/tree/dev/docs1、项目搭建（1）、在上面的GitHub网页中，拉到...

2020-05-27

88浏览

0评论

小程序云开发初探(小结)

云开发是微信平台新开放的功能，为开发者提供集成了服务器，数据库和资源存储的云服务。本文将基于官方文档，以一个小例子来作为探索云开发的相关功能。云开发官方文档一、新建云...

2020-05-27

74浏览

0评论

js中获取URL参数的共用方法getRequest()方法实例详解

下面通过一段代码给大家介绍js中获取URL参数的共用方法getRequest()方法，具体代码如下所示：getRequest : function() { var url = location.search; //获取url中"?"符...

2020-05-27

64浏览

0评论

vue项目中使用Svg的方法

github demo: github地址闲聊背景本文主要以 vue-cli3 搭建的项目为例，来聊一下如何在项目中更优雅的使用 svg 。众所周知， vue-cli3 已经推出很长一段时间了，大家可以感受一下...

2020-05-27

85浏览

0评论

如何实现一个webpack模块解析器

最近在学习 webpack源码，由于源码比较复杂，就先梳理了一下整体流程，就参考官网的例子，手写一个最基本的 webpack 模块解析器。代码很少，github地址：手写webpack模块解析器整体流...

2020-05-27

100浏览

0评论

webpack打包非模块化js的方法

本文主要记录了非模块化js如何使用webpack打包模块化打包实现方式webpack是模块打包工具，通过入口文件递归遍历其依赖图谱，绝对是打包神器。bar.js
export default function b...

2020-05-27

76浏览

0评论

jQuery+Datatables实现表格批量删除功能【推荐】

Datatables是一款jquery表格插件。它是一个高度灵活的工具，可以将任何HTML表格添加高级的交互功能。最近遇到这样的需求要求把表格批量删除。下面通过实例代码给大家介绍下。...

2020-05-27

87浏览

0评论

AngularJS 多指令Scope问题的解决

问题描述不确定度指令，传入参量类别，然后该指令列出该类别下的所有不确定度。新增页面用到了三个该指令，只有最后一个成功，前两个都没有数据。探究源码以下是指令源码：'use stric...

2020-05-27

68浏览

0评论

深入浅析js原型链和vue构造函数

一、什么是原型链?简单回顾下构造函数,原型和实例的关系: 每个构造函数(constructor)都有一个原型对象(prototype),原型对象都包含一个指向构造函数的指针,而实例(i...

2020-05-27

91浏览

0评论

详解js访问对象的属性和方法

对象的属性和方法统称为对象的成员。访问对象的属性在JavaScript中，可以使用“ . ”和“ [ ] ”来访问对象的属性。二者区别：“ . ”表示法一般作为静态对象使用时来存取属性...

2020-05-27

59浏览

0评论

jquery使用FormData实现异步上传文件

考虑一个常见的用户上传头像的场景：点击按钮，弹出文件选择框选中图片并确认后直接上传图片
实现这个功能，需要使用<input>来添加文件，并实现上传功能。传统的上传文件是将...

2020-05-27

128浏览

0评论

使用ECharts实现状态区间图

需求背景假如有如下图所示的图表需要显示多个网口在一段时间内的多个状态：y轴用于展示各网口，x轴用于展示时间(分钟)，使用条形图的不同颜色来表示不同时间区间段的状态，使用深蓝...

2020-05-27

95浏览

0评论

浅谈高大上的微信小程序中渲染html内容—技术分享

大部分Web应用的富文本内容都是以HTML字符串的形式存储的，通过HTML文档去展示HTML内容自然没有问题。但是，在微信小程序（下文简称为「小程序」）中，应当如何渲染这部分内容呢？解决...

2020-05-27

76浏览

0评论

在Bootstrap开发框架中使用dataTable直接录入表格行数据的方法

在Winform开发的时候，我们很多时候可以利用表格控件来直接录入数据，不过在Web上较少看到，其实也可以利用dataTable对象处理直接录入表格行数据，这个可以提高数据的录入方便，特别...

2020-05-27

93浏览

0评论

vue使用原生js实现滚动页面跟踪导航高亮的示例代码

需要使用vue做一个专题页面。滚动页面指定区域导航高亮。
监听滚动页面事件，对比当前页面的位置与元素的位置，如果当前滚动的区域位置大于元素的位置，导航添加class，其他去掉cla...

2020-05-27

89浏览

0评论

小程序云开发实战小结

1. 云开发简介由于小程序本身存储数据的能力有限，所以不可能将大量的数据保存在客户端，而且将数据保存在本地既不安全，也无法与其他小程序用户共享，所以大多数小程序都需要一个...

2020-05-27

92浏览

0评论

Vue使用NPM方式搭建项目

一、安装前说明环境依赖： node.js ；vue官方脚手架： vue-cli ；包管理工具： npm模块化打包工具： webpack安装 node.js会默认安装npm，vue-cli依赖npm来安装。二、安装 node.js安装...

2020-05-27

141浏览

0评论

代码整洁之道(重构)

前言
之前也介绍过我们团队的前端项目从零开始经历8个月迭代业务代码10万行(仅为产品长期规划需求的20%)，至今仍然在不断迭代的过程。
团队成员除了设计好的架构来管理这种复...

2020-05-27

75浏览

0评论

webpack4+react多页面架构的实现

webpack在单页面打包上应用广泛，以create-react-app为首的脚手架众多，单页面打包通常是将业务js，css打包到同一个html文件中，整个项目只有一个html文件入口,但也有许多业务需要...

2020-05-27

124浏览

0评论

在Vue中使用axios请求拦截的实现方法

一、前言axios的基础使用就不过多的讲解啦，如何使用可以看axios文档使用说明·Axios中文说明在这里和大家分享一下axios拦截在实际项目中的使用很多人都看过axios的官方文档...

2020-05-27

91浏览

0评论

解决axios会发送两次请求,有个OPTIONS请求的问题

问题描述：Vue的开发者都知道axios，很多都用axios来进行数据交互，axios的默认请求头是Content-Type: application/json使用这个请求头会出现向服务器请求两次的情况为什么呢？原因...

2020-05-27

62浏览

0评论

js自定义input文件上传样式

文件上传是我们经常会用到的功能，但是原生的input样式太丑了，能不能自定义一个input文件上传样式呢？我这里写了两种方法，form表单提交跟ajax异步提交都没有问题，自动上传或者点击...

2020-05-27

132浏览

0评论

详解webpack打包时排除其中一个css、js文件或单独打包一个css、js文件(两种方法)

在项目中经常会需要将一些接口的配合文件或者某些样式文件，分离出来单独打包，便于后期改动，这里我以css文件为例，介绍实现两种方法：项目目录：
如上图所示，现在我需要将项目中的scBt...

2020-05-27

111浏览

0评论

js使用formData实现批量上传

最近项目需要批量上传附件，查了下资料，网上很多但看着一脸懵，只贴部分代码，介绍也不详细，这里记录一下自己的采坑与多种实现，以免以后忘记。这里先介绍下FormData对象，以下内容摘自...

2020-05-27

84浏览

0评论

angularjs通过过滤器返回超链接的方法

在项目中有一个功能，需要把一段字符串拼接成一个超链接，效果如下图，从数据库中得到的字符串格式如下数据的格式很工整，以“#”和空格为标志就可以很顺利的分割，开始想象的很美好，...

2020-05-27

237浏览

0评论

element-ui 的el-button组件中添加自定义颜色和图标的实现方法

我使用的element-ui的版本是V1.4.13。如上图所示，如果使用el-button,加颜色是可以通过设置type属性的值，加图标就设置icon属性的值。现在产品给了一个需求，就是自定义的很多种...

2020-05-27

93浏览

0评论

详解ES6 系列之异步处理实战

前言
我们以查找指定目录下的最大文件为例，感受从回调函数 -> Promise -> Generator -> Async异步处理方式的改变。API 介绍
为了实现这个功能，我们需要用到几个 Nodejs 的 AP...

2020-05-27

74浏览

0评论

jQuery Ajax实现Select多级关联动态绑定数据的实例代码

jQuery选择插件分为基本版和美化版，重点说下美化版，如下图所示：相比最原始的版本，美化后的选择插件可以说是很漂亮了且功能更加强大（这里不说了，自行发掘吧）。这里主要是添加了它的...

2020-05-27

热门文章