JavaScript - 教程之家

111浏览

0评论

基于casperjs和resemble.js实现一个像素对比服务详解

前言
本次分享一个提供设计稿与前端页面进行像素对比的node服务，旨在为测试或者前端人员自己完成一个辅助性测试。相信我，在像素级别的对比下，网页对设计稿的还原程度一下子就...

2020-05-27

89浏览

0评论

使用async-validator编写Form组件的方法

前端开发中，表单的校验一个很常见的功能，一些 ui 库例如ant.design 与Element ui 都实现了有校验功能的 Form 组件。async-validator 是一个可以对数据进行异步校验的库，ant.de...

2020-05-27

140浏览

0评论

React中常见的动画实现的几种方式

现在，用户对于前端页面的要求已经不能满足于实现功能，更要有颜值，有趣味。除了整体 UI 的美观，在合适的地方添加合适的动画效果往往比静态页面更具有表现力，达到更自然的效果。比...

2020-05-27

73浏览

0评论

微信小程序实现传参数的几种方法示例

前言首先说点什么呢, 因为公司需求, 我也开始跳到小程序的坑里了, 填坑之路艰辛而凄凉, 好啦虽然有很多坑, 但毕竟小程序才出现不久, 有坑也正常, 哈哈哈不扯淡了, 来说说小...

2020-05-27

73浏览

0评论

微信小程序实现图片上传功能实例（前端+PHP后端）

前言几乎每个程序都需要用到图片。下面就来给大家介绍前端+PHP后端实现微信小程序实现图片上传功能，分享出来供大家参考学习，下面话不多说了，来一起看看详细的介绍吧。方法如下...

2020-05-27

128浏览

0评论

利用ECharts.js画K线图的方法示例

前言最近有一个统计的项目要做，在前端的数据需要用图表的形式展示。网上搜索了一下，发现有几种统计图库。MSChart这个是Visual Studio里的自带控件，使用比较简单，不过数据这块需...

2020-05-27

108浏览

0评论

Vue.js分页组件实现：diVuePagination的使用详解

一.介绍Vue.js 是什么Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只...

2020-05-27

77浏览

0评论

web前端vue之CSS过渡效果示例

过渡效果在交互体验中的重要性不言而喻。以往我们使用js或Jquery添加或移除元素的类（class），搭配CSS中定义好的样式，再引用一些javascript库之后，可以做作出非常复杂，惊艳的动态效...

2020-05-27

62浏览

0评论

js实现上传并压缩图片效果

本文实例为大家分享了js实现上传并图片压缩的具体代码，供大家参考，具体内容如下代码：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script src="...

2020-05-27

74浏览

0评论

Vuex 入门教程

Vuex 是什么？官方给出的解释：Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生...

2020-05-27

80浏览

0评论

JS计算两个时间相差分钟数的方法示例

本文实例讲述了JS计算两个时间相差分钟数的方法。分享给大家供大家参考，具体如下：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xh...

2020-05-27

72浏览

0评论

vue-cli webpack 引入jquery的方法

今天费了一下午的劲，终于在vue-cli 生成的工程中引入了jquery，记录一下。(模板用的webpack)首先在package.json里的dependencies加入"jquery" : "^2.2.3"，然后install在webpack...

2020-05-27

76浏览

0评论

web前端vue之vuex单独一文件使用方式实例详解

Vuex 是什么？Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。Vuex 也...

2020-05-27

70浏览

0评论

纯js代码生成可搜索选择下拉列表的实例

1、因为动态的css楼主写不出来，因此需要引入layui中的css样式：<link rel="stylesheet" href="${ctxStatic}/layui/css/layui.css" rel="external nofollow" rel="external nof...

2020-05-27

55浏览

0评论

js点击时关闭该范围下拉菜单之外的菜单方法

实例如下：$(function(){　　$(document).bind("click",function(e){　　　　//id为menu的是菜单　　　　if($(e.target).closest("#menu").length == 0 && $(e.target).clos...

2020-05-27

76浏览

0评论

js判断传入时间和当前时间大小实例(超简单)

实例如下：//判断时间是否过期function judgeTime(time){var strtime = time.replace("/-/g", "/");//时间转换//时间var date1=new Date(strtime);//现在时间var date2=new D...

2020-05-27

61浏览

0评论

vuex 使用文档小结篇

Vuex是什么？Vuex 是一个专为 Vue.js应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。Vuex 也集...

2020-05-27

55浏览

0评论

Router解决跨模块下的页面跳转示例

一、前言开始模块化开发项目之后，一个很重要的问题就是页面见的跳转问题。关于模块化发开，可详见我的另一片文章 Android模块化开发探索。正是由于将项目模块化拆分，各模块之...

2020-05-27

56浏览

0评论

基于react后端渲染模板引擎noox发布使用

React 组件化思想受到越来越多开发者的关注，组件化思想帮助开发者将页面解耦成一个一个组件，代码更加模块化, 更易扩展。而目前流行的后端模板引擎如 ejs, swig, jade, art 共...

2020-05-27

67浏览

0评论

React 高阶组件入门介绍

高阶组件的定义
HoC 不属于 React 的 API，它是一种实现模式，本质上是一个函数，接受一个或多个 React 组件作为参数，返回一个全新的 React 组件，而不是改造现有的组件，这样的组件被...

2020-05-27

124浏览

0评论

JS写谷歌浏览器chrome的外挂实例

提到浏览器外挂很多朋友都很疑惑，外挂不是都在游戏上才用的到么？其实侧不然，小编今天通过一个小小的实例给大家带来了JS写的浏览器外挂。本次外挂实现的功能就是通过刷网页楼层...

2020-05-27

52浏览

0评论

Javascript网页抢红包外挂实现分享

一开始用Firefox加Firebug/YSlow插件分析，但是firefox不能运行自定义的javascript，好像还要装什么插件。于是转用chrome，发现chrome还是不错的，直接写个javascript就可以当作插...

2020-05-27

58浏览

0评论

JS脚本实现网页自动秒杀点击

我们先来看下秒杀活动页面代码<!DOCTYPE HTML><html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title> Micomo </title> </hea...

2020-05-27

71浏览

0评论

基于node下的http小爬虫的示例代码

每时每刻不管你睡了还是没睡，互联网都会有海量的数据来来往往，有客服端到服务端，有服务端到服务端。http的get和request完成的角色即为数据的获取及提交,接下来我们动手写一个...

2020-05-27

74浏览

0评论

angular2中Http请求原理与用法详解

本文实例讲述了angular2中Http请求原理与用法。分享给大家供大家参考，具体如下：提供HTTP服务HttpModule并不是Angular的核心模块。它是Angular用来进行Web访问的一种可选方式...

2020-05-27

55浏览

0评论

VueAwesomeSwiper在VUE中的使用以及遇到的一些问题

Vue-Awesome-Swiper轮播图插件，可以同时支持Vue.js（1.X ~ 2.X），兼顾PC和移动端，随着vue的广泛使用，其中插件swiper也算是使用的比较频繁的插件，现在分享一下使用方法以及开发中会遇...

2020-05-27

336浏览

0评论

浅谈Node.js爬虫之网页请求模块

本文介绍了Node.js爬虫之网页请求模块，分享给大家，具体如下：注：如您下载最新的nodegrass版本，由于部分方法已经更新，本文的例子已经不再适应，详细请查看开源地址中的例子。
一、为...

2020-05-27

65浏览

0评论

Vuex提升学习篇

本文介绍了Vuex 提升学习教程。如果本篇有看不明白的地方，请移步上一篇：Vuex 入门上一篇我们讲了如何通过一些简单的动作来改变 store.js 中的数据对象，在实际工作中，这是完全...

2020-05-27

82浏览

0评论

详解VUE2.X过滤器的使用方法

VUE2.X过滤器的使用方法有几种，今天讲一种，以cnode社区API为示例，转换tab类型为中文汉字。
首先我们在assets文件夹中新建个js的文件夹，并新建common.js,然后将过滤器写在这个文...

2020-05-27

82浏览

0评论

全新打包工具parcel零配置vue开发脚手架

parcel-vue 一个基于Parcel打包工具的 VueJS急速开发脚手架解决方案,强烈建议使用node8.0以上项目地址: https://github.com/w3c-king/parcel-vue初始化项目$ git clone htt...

2020-05-27

50浏览

0评论

如何去除vue项目中的#及其ie9兼容性

一、如何去除vue项目中访问地址的#vue2中在路由配置中添加mode（vue-cli创建的项目在src/router/index.js）export default new Router({ mode: 'history', routes: [ { path...

2020-05-27

57浏览

0评论

Javascript将图片的绝对路径转换为base64编码的方法

我们可以使用canvas.toDataURL的方法将图片的绝对路径转换为base64编码；在这我们引用的是淘宝首页一张图片如下：复制代码代码如下:
var img = "https://img.alicdn.com/bao/u...

2020-05-27

61浏览

0评论

用最少的JS代码写出贪吃蛇游戏

曾经诺基亚的贪吃蛇风靡一时，在游戏匮乏的年代，用java实现太难，现在网页制作20行代码就做成一个简单的demo了，时代在进步啊完整脚本代码：<!doctype html> <html> <body> <canvas...

2020-05-27

80浏览

0评论

关于HTTP传输中gzip压缩的秘密探索分析

前言网页加载速度加快的好处不言而喻，除了节省流量，改善用户的浏览体验外，另一个潜在的好处是Gzip与搜索引擎的抓取工具有着更好的关系。例如 Google就可以通过直接读取gzip文...

2020-05-27

83浏览

0评论

你可能不知道的前端算法之文字避让（inMap）

前言inMap 是一款基于 canvas 的大数据可视化库，专注于大数据方向点线面的可视化效果展示。目前支持散点、围栏、热力、网格、聚合等方式；致力于让大数据可视化变得简单易用。...

2020-05-27

61浏览

0评论

web前端vue filter 过滤器

vue的过滤器通常用在一些常见的文本格式化，过滤器可以用在两个地方：双花括号插值和 v-bind 表达式。比如给价格自动加上中文的钱的字符“￥”或者是给一个时间段或（时间戳）相互之...

2020-05-27

88浏览

0评论

node.js+express+mySQL+ejs+bootstrop实现网站登录注册功能

同志们，经过不懈的努力，查了各种文档，终于鼓捣出了一个稍微像样一点的node项目，当然如果直接拿去项目里用，这个demo还太简单，毕竟一个完整的登录注册还有很多实际的内容，本案例mySQ...

2020-05-27

69浏览

0评论

使用JS获取SessionStorage的值

获取sessionStorage的意义首先获取它是为了将获得的信息输出或者alert（）；让人容易看到，其次，在静态页面中，如果使用sessionStorage就相当于在动态页面里连接了数据库一样例如：我上...

2020-05-27

64浏览

0评论

JS兼容所有浏览器的DOMContentLoaded事件

使用JavaScript操作dom元素的时候，通常会将获取dom元素的代码放在window.onload=function(){}事件处理函数中，但window.onload事件在某些开始后可能会影响客户体验，因为要等待...

2020-05-27

79浏览

0评论

动态Axios的配置步骤详解

前言以前写Vue项目的时候都是使用vue-resource做为项目ajax库，在11月份的某一天尤大微博的更新表示ajax的库应该是通用的，放弃了对vue-resource的技术支持，推荐使用axios。推荐...

2020-05-27

80浏览

0评论

Vuex 进阶之模块化组织详解

上上篇：Vuex 入门上一篇：Vuex 提升自制vuex LOGO
前两篇讲解了一下 Vuex 的基本使用方法，可是在实际项目中那么写肯定是不合理的，如果组件太多，不可能把所有组件的数据都放到一个...

2020-05-27

78浏览

0评论

nodejs基于WS模块实现WebSocket聊天功能的方法

本文实例讲述了nodejs基于WS模块实现WebSocket聊天功能的方法。分享给大家供大家参考，具体如下：WebSocket 模块众多，我选择了一个较为简单的模块进行了实现。工具：Sublime技术：N...

2020-05-27

81浏览

0评论

关于axios不能使用Vue.use()浅析

前言最近在学习axios，在使用过程遇到了一些问题，觉着有必要给大家分享下，关于axios的基本知识大家可以参考这篇文章：axios基本入门用法教程，下面话不多说了，来一起看看详细的介绍...

2020-05-27

99浏览

0评论

nodejs结合Socket.IO实现的即时通讯功能详解

本文实例讲述了nodejs结合Socket.IO实现的即时通讯功能。分享给大家供大家参考，具体如下：动态web在html5以前，web的设计上并没有考虑过动态，他一直是围绕着文档设计的，我们看以前...

2020-05-27

104浏览

0评论

详解如何在react中搭建d3力导向图

D3js力导向图搭建
d3js是一个可以基于数据来操作文档的JavaScript库。可以使用HTML,CSS,SVG以及Canvas来展示数据。力导向图能够用来表示节点间多对多的关系。
实现效果：连线...

2020-05-27

94浏览

0评论

简单的Vue SSR的示例代码

前言
最近接手一个老项目，典型的 Vue 组件化前端渲染，后续业务优化可能会朝 SSR 方向走，因此，就先做些技术储备。如果对 Vue SSR 完全不了解，请先阅读官方文档。思路
Vue 提供了...

2020-05-27

101浏览

0评论

js 索引下标之li集合绑定点击事件

下面一段代码给大家介绍li集合绑定点击事件，具体代码如下所示：//Method-1:var items = document.getElementsByTagName('li');　　for(var i=0;i<items.length;i++){　　　　i...

2020-05-27

82浏览

0评论

nodejs结合socket.io实现websocket通信功能的方法

本文实例讲述了nodejs结合socket.io实现websocket通信功能的方法。分享给大家供大家参考，具体如下：因为项目中有需要实时获取后台数据的场景，之前一直是使用http心跳请求的方法...

2020-05-27

90浏览

0评论

微信小程序实现的涂鸦功能示例【附源码下载】

本文实例讲述了微信小程序实现的涂鸦功能。分享给大家供大家参考，具体如下：先来看看运行效果：布局文件index.wxml：<view class="container">  <view class="ca...

2020-05-27

66浏览

0评论

vue使用element-ui的el-input监听不了回车事件的解决方法

原因今天在使用element-ui时，el-input组件监听不了回车事件，如下代码没有想要的效果：<el-input class="search-input" placeholder="请输入内容" v-model="searchText" @keyup....

2020-05-27

热门文章