Redux 和 Mobx的选择问题:让你不再困惑!

我在去年大量的使用了 Redux,但我最近都在使用 Mobx 来做状态(state)管理。似乎现在社区里关于该选什么来替代 Redux 很自然地成为了一件困惑的事。开发者不确定该选择哪种解...

十个免费的web前端开发工具详细整理

十个免费的web前端开发工具网络技术发展迅速,部分技术难以保持每年都有新的工具出现,这同时也意味着许多旧的工具倒在了新技术的发展之路上。前端开发占据了web很大一部分,而且...

分析javascript中9 个常见错误阻碍你进步

分析javascript中9 个常见错误阻碍你进步很多人尝试学习 JavaScript ,但是不久就放弃了。然后他们就告诉自己,“JavaScript 太复杂了”,更有甚者说,“我不是前端开发的料”。这...

为什么我们要做三份 Webpack 配置文件

在知乎上我们常常会看到有同学发问:BAT 等大型网站的前端工程是如何组织管理的?这的确是一个可以发散的很广的 Q&A,我想如果要我回答这个问题,不如先从 Webpack 配置说起。
时至...

Node.JS 循环递归复制文件夹目录及其子文件夹下的所有文件

实现代码一:var fs = require('fs')var path = require('path')var copyFile = function(srcPath, tarPath, cb) { var rs = fs.createReadStream(srcPath) rs.on('error',...

Node.js 使用递归实现遍历文件夹中所有文件

如标题所示,遍历文件夹下的所有文件,主要功能如下:传入一个路径,读取路径里面所有的文件
遍历读取的文件,判断当前文件是文件还是文件夹
当前目录为文件,打印出当前文件绝对路径...

nodejs Assert中equal(),strictEqual(),deepEqual(),strictDeepEqual()比较

1、equal()equal(actual,expected[,message])相当于使用 == 运算符比较两个参数值actual和expected是否相等,如果相等不返回任何值,如果不相等则返回带有message属性的Asserti...

Node.js中Bootstrap-table的两种分页的实现方法

1、Bootstrap-table使用github:https://github.com/wenzhixin/bootstrap-table
官方文档:http://bootstrap-table.wenzhixin.net.cn/zh-cn/documentation/
bootstrap-table是...

Nodejs中使用phantom将html转为pdf或图片格式的方法

最近在项目中遇到需要把html页面转换为pdf的需求,并且转换成的pdf文件要保留原有html的样式和图片。也就是说,html页面的图片、表格、样式等都需要完整的保存下来。最初找到三...

Node.js+jade抓取博客所有文章生成静态html文件的实例

这篇文章,我们就把上文中采集到的所有文章列表的信息整理一下,开始采集文章并且生成静态html文件了.先看下我的采集效果,我的博客目前77篇文章,1分钟不到就全部采集生成完毕了,这...

基于js中的原型(全面讲解)

在讲js的原型之前,必须先了解下Object和Function。Object和Function都作为JS的自带函数,Object继承自己,Funtion继承自己,Object和Function互相是继承对方,也就是说Object和Funct...

前端把html表格生成为excel表格的实例

最近公司改后台管理系统。要求导出台账项目等等为excel表格,找半天还真有,他是通过query.table2excel.js 实现,原谅我原生不会弄这个当然大家有可以给我留言。<!DOCTYPE html><...

基于jQuery选择器之表单对象属性筛选选择器的实例

<!DOCTYPE html><html><head> <meta http-equiv="Content-type" content="text/html; charset=utf-8" /> <title></title> <link rel="stylesheet" href="imooc.css" rel...

vue小图标favicon不显示的解决方案

vue脚手架虽然好用,但是文件配置问题一直很头疼。
将原生的代码用vue框架来做,出现种种问题,之前设置小图标的时候也出现了问题,总结了网上的解决方案,在此记下对我亲自试验并奏...

jQuery选择器之属性筛选选择器用法详解

在这么多属性选择器中[attr="value"]和[attr*="value"]是最实用的[attr="value"]能帮我们定位不同类型的元素,特别是表单form元素的操作,比如说input[type="text"],input[type...

JavaScript事件处理程序详解

本文实例为大家分享了js事件处理程序的具体代码,供大家参考,具体内容如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>DOM0级DOM2级</title></he...

使用vue与jquery实时监听用户输入状态的操作代码

实现效果:input未输入值,按钮禁用jquery操作代码:html<input type="text" name="" placeholder="请输入用户名" id="userName" > <button class="disabled" id="login">登录</b...

慕课网题目之js实现抽奖系统功能

本文实例为大家分享了js实现抽奖系统功能的具体代码,供大家参考,具体内容如下要求实现功能:1.点击左侧按键,开始抽奖,点击右侧按键,停止抽奖;2.敲击回车键,开始抽奖,再次敲击回车键,停...

jQuery实现简单日期格式化功能示例

本文实例讲述了jQuery实现简单日期格式化功能。分享给大家供大家参考,具体如下:代码如下,引入jquery后直接后加入以下代码刷新可测试Date.prototype.Format = function (fmt) {...

vue 粒子特效的示例代码

本文介绍了vue 粒子特效的示例代码,分享给大家,具体如下:
实现效果:
没错,你看到的上图那些类似于星座图的点和线,是由vue-particles生成的,而且能与用户鼠标事件产生互动。
传送...

ECMAScript6变量的解构赋值实例详解

数组的解构赋值ES6允许按照一定模式,从数组和对象中提取值,对变量进行赋值,这被称为解构(Destructuring)var [a, b, c] = [1, 2, 3];这种写法属于“模式匹配”,只要等号两边的模式...

js实现QQ面板拖拽效果(慕课网DOM事件探秘)(全)

QQ面板拖拽,效果如图JavaScript代码如下:function getByClass(clsName, parent) { var oParent = parent &#63; document.getElementById(parent) : document, eles = [],...

vue2.0开发入门笔记之.vue文件的生成和使用

这几天新项目用vue2.0开发,由于之前没用过vue,拿到项目框架看到都是.vue文件,不知道怎么用,以下是关于.vue文件的发现:1、一个.vue文件是一个封装的组件,在.vue文件里可以写 html,...

一步步教你利用Canvas对图片进行处理

前言Canvas,中文译为“画布”,HTML5中新增了<canvas>元素,可以结合JavaScript动态地在画布中绘制图形。今天,我们不讲Canvas的图形绘制,而是讲如何对图片进行处理,话不多说了,来一...

JavaScript数组去重的多种方法(四种)

数组去重,一般需求是给你一个数组,调用去重方法,返回数值副本,副本中没有重复元素。一般来说,两个元素通过 === 比较返回 true 的视为相同元素,需要去重,所以,1 和 "1" 是不同的元素...

详解.vue文件中监听input输入事件(oninput)

.vue文件其实是一个组件,关于它的说明我之前也写过一篇文章,地址:.vue文件,今天这篇文章要讲的是.vue文件中监听input的输入值变化事件。需求是这页面中,改变input的值,就调用一个...

前端常见跨域解决方案(全)

什么是跨域?
跨域是指一个域下的文档或脚本试图去请求另一个域下的资源,这里跨域是广义的。
广义的跨域:
1.) 资源跳转: A链接、重定向、表单提交2.) 资源嵌入: <link>、<script>...

详解vue-cli与webpack结合如何处理静态资源

处理静态资源你也许会注意到vue-cli与webpack结合的项目中,我们通常会有两个静态资源的路径:src/assets和static/,他们两者的区别是什么呢?打包的资源为了回答这个问题,我们首先...

angularjs实现过滤并替换关键字小功能

本文实例为大家分享了angularjs实现过滤并替换关键字的具体代码,供大家参考,具体内容如下html样式<body ng-app="myapp" ng-controller="myCtrl"> <input type="text" ng-mode...

原生js中ajax访问的实例详解

原生js中ajax访问的实例详解form表单中
登录名:
失去光标即触发事件function createXmlHttp() { var xmlHttp; try { // Firefox, Opera 8.0+, Safari xmlH...

Webpack 服务器端代码打包的示例代码

环境变量
之前,我们在项目里会经常使用 process.env.NODE_ENV, 但这个变量对于 webpack打包是有影响的, 在 production 的时候是有优化的.所以, 我们将改用其他的环境变量来...

在 Node.js 中使用原生 ES 模块方法解析

从版本 8.5.0 开始,Node.js 开始支持原生 ES 模块,可以通过命令行选项打开该功能。新功能很大程度上得归功于 Bradley Farias。
1.演示
这个示例的代码目录结构如下:esm-demo/...

JavaScript 中的 this 简单规则

几条规则确定函数里的 this 是什么。想确定 this 是什么其实非常简单。总体的规则是,通过检查它的调用位置,在函数被调用的的时候确定 this。它遵循下面这些规则,接下来以优先...

详解JS中的this、apply、call、bind(经典面试题)

这又是一个面试经典问题~/(ㄒoㄒ)/~~也是 ES5中众多坑中的一个,在 ES6 中可能会极大避免 this 产生的错误,但是为了一些老代码的维护,最好还是了解一下 this 的指向和 call、ap...

Javascript中将变量转换为字符串的三种方法

前言大家应该都知道,对于JavaScript,有3种不同方法可以将变量转换为字符串。这篇文章将详细介绍这些方法,并比较他们的优劣。下面话不多说了,来一起看看详细的介绍吧。3种方法将...

微信小程序媒体组件详解(视频,音乐,图片)

今天主要是简单的讲一下小程序当中的媒体组件,媒体组件包括:视频,音乐,图片等。
先来看看效果图: 
1、图片Image
<!-- scaleToFill:不保持纵横比缩放图片,使图片的宽高完全拉伸...

深入理解Node.js中通用基础设计模式

谈到设计模式,你可能会想到 singletons, observers(观察者) 或 factories(工厂方法)。本文不并专门探讨他们。只是探讨Node.JS一些基础模式的实现,像依赖注入或中间件。什么是设计...

vue实现页面加载动画效果

我们经常看到数据未出现时,页面中会有一条提示消息, 页面正在加载中,如何实现该效果呢 ,请看下面代码<template> <section class="page" v-if="option" :style="{background:...

JavaScript实现的原生态兼容IE6可调可控滚动文字功能详解

本文实例讲述了JavaScript实现的原生态兼容IE6可调可控滚动文字功能。分享给大家供大家参考,具体如下:虽然HTML里面本身就有marquee标签,用来设置滚动文字(marquee标签在附录【H...

Vue结合SignalR实现前后端实时消息同步

最近业务中需要实现服务器端与客户端的实时通信功能,对Signalr做了一点总结和整理。SignalR 作为 ASP.NET 的一个库,能够简单方便地为应用提供实时的服务器端与客户端双向通...

原生javascript实现的全屏滚动功能示例

本文实例讲述了原生javascript实现的全屏滚动功能。分享给大家供大家参考,具体如下:原理:1. 计算当前浏览器屏幕高度,每次翻页显示的内容高度即为屏幕高度2. 对鼠标滚轮事件进行...

在Debian(Raspberry Pi)树莓派上安装NodeJS的教程详解

在树莓派上运行NodeJS并不需要特别的配置,你只需要确保可以用openssh远程连接到你的树莓派。安装并配置Open SSH服务器它可以确保你能远程连接到树莓派,它应该已经被安装了,但...

JS实现静态页面搜索并高亮显示功能完整示例

本文实例讲述了JS实现静态页面搜索并高亮显示功能。分享给大家供大家参考,具体如下:<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>JS搜索</title></he...

jQuery选择器之表单元素选择器详解

本文实例为大家分享了表单元素选择器,供大家参考,具体内容如下<!DOCTYPE html><html><head> <meta http-equiv="Content-type" content="text/html; charset=utf-8" /> <tit...

jQuery实现可兼容IE6的遮罩功能详解

本文实例讲述了jQuery实现可兼容IE6的遮罩功能。分享给大家供大家参考,具体如下:最精简,最强大的 jQuery 遮罩层效果。当浏览器改变大小时,遮罩层的大小会相应地改变。遮罩层上...

Angular客户端请求Rest服务跨域问题的解决方法

1.问题描述:通过Origin是http://localhost:4200请求http://localhost:8081的服务,控制台报错如下,但是Response为200。客户端和服务端IP相同,但是端口不同,存在跨域问题。
复制代...

jquery实现倒计时小应用

本文实例为大家分享了jquery倒计时效果的具体代码,供大家参考,具体内容如下html<div id="shop_rec"> <ul class="cf"> <li> <img src="image/goods.jpg" alt="小米...

jQuery实现倒计时功能 jQuery实现计时器功能

本文转载自 jquery 做一个小的倒计时效果在实际运用中,经常会使用到倒计时的效果。以下代码利用jQuery实现了一个倒计时计时器。<!DOCTYPE html> <html> <head> <meta char...

详解ES6之async+await 同步/异步方案

异步编程一直是JavaScript 编程的重大事项。关于异步方案, ES6 先是出现了 基于状态管理的 Promise,然后出现了 Generator 函数 + co 函数,紧接着又出现了 ES7 的 async + awai...

Vue2.0父组件与子组件之间的事件发射与接收实例代码

关于vue2.0的事件发射和接收,大家都知道$dispatch和$broadcast在vue2.0已经被弃用了,取而代之的是更加方便快捷的方式,使用事件中心,组件通过它来互相通信,不管组件在哪一个层都...

返回顶部
顶部