JavaScript - 教程之家

72浏览

0评论

vue-cli入门之项目结构分析

前言在上一篇项目搭建文章中，我们已经下载安装了node环境以及vue-cli，并且已经成功构建了一个vue-cli项目，那么接下来，我们来梳理一下vue-cli项目的结构。总体框架一个vue-cli的...

2020-05-27

64浏览

0评论

js禁止浏览器的回退事件

直接来个终极方案：查找了好多资料才找到的，这种方式，可以消除后退的所有动作。包括键盘、鼠标手势等产生的后退动作。<script language="javascript"> //防止页面后退 histor...

2020-05-27

65浏览

0评论

详解用vue-cli来搭建vue项目和webpack

vue-cli用vue-cli来搭建vue项目第一步：全局安装vue-cli
sudo npm install vue-cli -g 第二步：初始化一个项目vue init webpack-simple projectName 第三步：把文件切换到初始化...

2020-05-27

43浏览

0评论

addEventListener()与removeEventListener()解析

addEventListener()与removeEventListener()用于处理指定和删除事件处理程序操作。
所有的DOM节点中都包含这两种方法，并且它们都接受3个参数：要处理的事件名、作为事件处理程...

2020-05-27

70浏览

0评论

一篇看懂vuejs的状态管理神器 vuex状态管理模式

关于vuex类的新闻最近很多，看到眼热就去查了下资料，然后扯出来一堆flux、redux、state、state之类的概念，以及大型工程必要性之类的。看官方手册也是昏昏然。然而，我还是弄懂了!...

2020-05-27

116浏览

0评论

JS利用cookies设置每隔24小时弹出框

废话不多说了，直接给大家贴代码了，具体代码如下所示：function cookieGO(name) { var today = new Date(); var expires = new Date(); expires.setTime(today.getTime() + 1...

2020-05-27

49浏览

0评论

jQuery插件FusionCharts绘制的3D双柱状图效果示例【附demo源码】

本文实例讲述了jQuery插件FusionCharts绘制的3D双柱状图效果。分享给大家供大家参考，具体如下：1、3D双柱状图页面源码如下<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Tran...

2020-05-27

64浏览

0评论

javascript 正则表达式分组、断言详解

javascript 正则表达式分组、断言详解提示：阅读本文需要有一定的正则表达式基础。正则表达式中的断言，作为高级应用出现，倒不是因为它有多难，而是概念比较抽象，不容易...

2020-05-27

52浏览

0评论

ES6新特性一： let和const命令详解

本文实例讲述了ES6新特性中的let和const命令。分享给大家供大家参考，具体如下：1. let 命令① 在js中是没有块级作用域的，var 声明的变量作用域是整个函数体，而let可以起到这一作...

2020-05-27

74浏览

0评论

微信小程序中form 表单提交和取值实例详解

微信小程序中form 表单提交和取值实例详解我们知道，如果我们直接给 input 添加 bindinput，比如：<input bindinput="onUsernameInput" />，那么可以在 onUsernameInput 中直接使用...

2020-05-27

64浏览

0评论

ES6新特性二：Iterator(遍历器)和for-of循环详解

本文实例讲述了ES6新特性之Iterator(遍历器)和for-of循环。分享给大家供大家参考，具体如下：1. 遍历数组for-of工作原理：迭代器有一个next方法，for循环会不断调用这个iterator.ne...

2020-05-27

60浏览

0评论

微信小程序 setData的使用方法详解

微信小程序 setData的使用方法详解最近在使用微信小程序的setData时，遇到了以下问题。如下：官网文档在使用setData()设置数组对象的某个元素的属性时，是这么使用的：Page({ data:...

2020-05-27

64浏览

0评论

微信小程序跳转方式总结

微信小程序跳转方式总结一共算是有四种方式。
1.使用组件。<navigator>标签。来实现。
特点：点击有按下的效果
<navigator url="../job_detail/job_detail?isShowCompan...

2020-05-27

48浏览

0评论

原生javascript实现分页效果

随着近几年前端行业的迅猛发展，各种层出不穷的新框架，新方法让我们有点眼花缭乱。最近刚好比较清闲，所以没事准备撸撸前端的根基javascript,纯属练练手，写个分页，顺便跟大家分享...

2020-05-27

72浏览

0评论

node.js（express）中使用Jcrop进行图片剪切上传功能

需求说明简单来说就是要实现用户上传头像，并且要保存用户裁切后的部分作为用户头像。第一步，选择图片：第二步，在弹窗页面中展现并进行裁切：第三步，点击“保存”，上传服务器。实现...

2020-05-27

82浏览

0评论

Cookies 和 Session的详解及区别

Cookies 和 Session的详解及区别1.cookie 是一种发送到客户浏览器的文本串句柄，并保存在客户机硬盘上，可以用来在某个WEB站点会话间持久的保持数据。2.session其实指的就是访...

2020-05-27

44浏览

0评论

ES6新特性三： Generator(生成器)函数详解

本文实例讲述了ES6新特性三： Generator(生成器)函数。分享给大家供大家参考，具体如下：1. 简介① 理解：可以把它理解成一个函数的内部状态的遍历器，每调用一次，函数的内部状态发生...

2020-05-27

41浏览

0评论

基于jQuery实现文字打印动态效果

本文实例为大家分享了jQuery实现文字打印动态效果的具体代码，供大家参考，具体内容如下主体html<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>打印文字效果</...

2020-05-27

71浏览

0评论

利用n工具轻松管理Node.js的版本

前言相信对于学习Node.js的小伙伴们都知道，现在 Node 的版本更新很快，目前最新稳定版已经更新到 v7.6.0 了，而生产环境一般选择使用 LTS（Long-term Support）版本，目前最新的是 v6....

2020-05-27

58浏览

0评论

jQuery+pjax简单示例汇总

pjax 是一个jQuery插件，它使用 ajax 和 pushState 来实现快速的浏览体验，包括真正的固定链接，页面标题和工作返回按钮。ajax缺点是破坏了浏览器的前进后退，因为ajax的请求不会留...

2020-05-27

61浏览

0评论

ES6新特性四：变量的解构赋值实例

本文实例讲述了ES6新特性之变量的解构赋值。分享给大家供大家参考，具体如下：1. 数组的解构赋值//① 可以从数组中提取值，按照对应位置，对变量赋值var [a, b] = [1, 2]; //a = 1;...

2020-05-27

46浏览

0评论

详解Vue.js 2.0 如何使用axios

Vue.js 1.0 我们常使用 vue-resource (官方ajax库), Vue 2.0 发布后作者宣告不再对 vue-resource 进行更新，推荐我们使用 axios (基于 Promise 的 HTTP 请求客户端，可同时在...

2020-05-27

61浏览

0评论

webpack配置的最佳实践分享

本文主要介绍了关于webpack配置的最佳实践，本文分享的实践具有以下的优势：使用happypack提升打包速度。使用MD5 hash可以生成文件版本，进行版本控制在非单页面的系统中支...

2020-05-27

67浏览

0评论

ES6新特性五：Set与Map的数据结构实例分析

本文实例讲述了ES6新特性五之Set与Map的数据结构。分享给大家供大家参考，具体如下：1. Set① 定义：它类似于数组，但是成员的值都是唯一的，没有重复的值。Set本身是一个构造函数，用...

2020-05-27

61浏览

0评论

ES6新特性六：promise对象实例详解

本文实例讲述了ES6新特性之promise对象。分享给大家供大家参考，具体如下：1. promise 介绍它是一个对象，也就是说与其他JavaScript对象的用法，没有什么两样；其次，它起到代理作用（pro...

2020-05-27

58浏览

0评论

React中ES5与ES6写法的区别总结

前言相信很多React的初学者都被ES6的问题迷惑：各路大神都建议我们直接学习ES6的语法(class Foo extends React.Component)，然而网上搜到的很多教程和例子都是ES5版本的，所以很...

2020-05-27

64浏览

0评论

ES6新特性七：数组的扩充详解

本文实例讲述了ES6新特性之数组的扩充。分享给大家供大家参考，具体如下：1. Array.from()1) Array.from方法用于将两类对象转为真正的数组：类似数组的对象（array-like object）和可...

2020-05-27

47浏览

0评论

jquery中$.fn和图片滚动效果实现的必备知识总结

前言图片滚动效果相信对大家来说都不陌生，烂大街的效果图如下所示，js实现代码很短，不过如果想做的话，必须掌握jquery、IIFE、setInterval等基础以及$.fn用法：
jquery中$.fn用法$....

2020-05-27

64浏览

0评论

.net MVC+Bootstrap下使用localResizeIMG上传图片

本文实例为大家分享了使用localResizeIMG上传图片的具体代码，供大家参考，具体内容如下需要加载的头文件 html:<div class="form-group"> <label class="col-sm-6 control-labe...

2020-05-27

57浏览

0评论

ES6新特性八：async函数用法实例详解

本文实例讲述了ES6新特性之async函数用法。分享给大家供大家参考，具体如下：1. async 函数是什么？node.js 版本7及之后版本才支持该函数。可以简单的理解为他是Generator 函数的...

2020-05-27

57浏览

0评论

H5手机端多文件上传预览插件

基于zepto，支持多文件上传，进度和图片预览，用于手机端。(function ($) { $.extend($, { fileUpload: function (options) { var para = { multiple: true, filebutton: ".fileP...

2020-05-27

44浏览

0评论

H5图片压缩与上传实例

接到需求，问前端是否可以压缩图片？因为有的图片太大，传到服务器上再压缩太慢了。意识里没有这么玩过，早上老大丢来一个知乎链接，一看，原来前辈们已经用canvas实现了(为自己的见识...

2020-05-27

55浏览

0评论

HTML5实现微信拍摄上传照片功能

做了个微信的HTML5拍摄上传照片功能，问题重重...前端代码$(':file').on('change',function(){ var file = this.files[0]; var url = webkitURL.createObjectURL(file); /...

2020-05-27

69浏览

0评论

HTML5+Canvas调用手机拍照功能实现图片上传（上）

因为最近一段时间，一直在弄微信项目，其中涉及到了证件上传的功能，刚开始的时候一点头绪都没有，上网查了很多资料，QQ群里面也问了不少人，很多人说如果是app程序，可以申请系统权限，然...

2020-05-27

39浏览

0评论

微信JS-SDK选取手机照片上传功能

项目中遇到需要选取照片上传的需求，因为网页运行在微信的浏览器里面，所以用微信的 js-sdk 提供的选取照片功能，来进行项目开发。实际开发中需要用到微信web开发者工具，详细参考...

2020-05-27

52浏览

0评论

HTML5+Canvas调用手机拍照功能实现图片上传（下）

上一篇只讲到前台操作，这篇专门涉及到Java后台处理，前台通过Ajax提交将Base64编码过的图片数据信息传到Java后台，然后Java这边进行接收处理，通过对图片数据信息进行Base64解码，之...

2020-05-27

49浏览

0评论

jQuery实现百度登录框的动态切换效果

点击右下角图片进行状态切换,效果图<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>百度登录框</title> <style type="text/css"> *{ma...

2020-05-27

113浏览

0评论

利用JS实现简单的瀑布流加载图片效果

今天学习了一个瀑布流加载效果，很多网站都有瀑布流效果，瀑布流就是很多产品显示在网页上，宽相同，高度不同，表现为多栏布局，随着页面滚动条向下滚动，这种布局还会不断加载数据块并附...

2020-05-27

87浏览

0评论

JS使用cookie实现只出现一次的广告代码效果

我们上网经常会遇到第一次需要登录而之后不用再登录的网站的情况，其实是运用了Cookie 存储 web 页面的用户信息，Cookie 以名/值对形式存储,当浏览器从服务器上请求 web 页面时...

2020-05-27

41浏览

0评论

详解Vue 事件驱动和依赖追踪

之前关于 Vue 数据绑定原理的一点分析，最近需要回顾，就顺便发到随笔上了在之前实现一个自己的Mvvm中，用 setter 来观测model，将界面上所有的 viewModel 绑定到 model 上。当mod...

2020-05-27

41浏览

0评论

Vue form 表单提交+ajax异步请求+分页效果

废话不多说了，直接给大家贴代码了，具体代码如下所示：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,ini...

2020-05-27

49浏览

0评论

详解如何在NodeJS项目中优雅的使用ES6

NodeJs最近的版本都开始支持ES6（ES2015）的新特性了，设置已经支持了async／await这样的更高级的特性。只是在使用的时候需要在node后面加上参数：--harmony。但是，即使如此node也还是...

2020-05-27

59浏览

0评论

vue 和vue-touch 实现移动端左右导航效果（仿京东移动站导航）

先给大家展示下效果图，感觉还不错请参考实现代码：使用技术：vue2.0 webpack vue-touch 一些简单的javascript;
（注意:vue-touch 使用的是2.0.0版本需要与vue2.0.0兼容）
vue-tou...

2020-05-27

68浏览

0评论

JS实现异步上传压缩图片

摘要: 使用iframe来处理异步上传图片，在现在这个时代来说，多多少少都有点落后了！单单就凭AJAX和JS就不能做到异步上传图片了吗？
感谢 think2011 这位兄台的JS库:https://github....

2020-05-27

65浏览

0评论

在node中如何使用 ES6

ES6+ 太棒了,但是很多高级功能node是不支持的,就需要使用babel转换成ES5,1.安装babel依赖npm install babel-core --save-dev2.安装babel-registernpm install babel-regist...

2020-05-27

46浏览

0评论

AngularJS的脏检查深入分析

写在开头关于Angular脏检查，之前没有仔细学习，只是旁听道说，Angular 会定时的进行周期性数据检查，将前台和后台数据进行比较，所以非常损耗性能。这是大错而特错的。我甚至在新浪...

2020-05-27

70浏览

0评论

使用Xcache缓存器加速PHP网站的配置方法

推荐地址：http://www.ibm.com/developerworks/cn/opensource/os-php-fastapps1/　　由于国内网站备案比较麻烦，所以笔者便把网站放到了香港。虽然网站免去了备案的困扰，但是从...

2020-05-27

66浏览

0评论

移动端使用localResizeIMG4压缩图片

移动h5开发避免不了上传图片，一般我们使用html自带的控件input或者使用微信上传API。但微信上传API不是任何地方都可以使用的，使用html自带的控件input上传又免不了图片体积太...

2020-05-27

热门文章