JavaScript - 教程之家

58浏览

0评论

微信小程序-横向滑动scroll-view隐藏滚动条

wxml <scroll-view class="recommend_scroll_x_box" scroll-x="true"> <view class="recommend_hot_box" wx:for="{{hotList}}"> <image src="{{item.pic}}" class="re...

2020-05-27

65浏览

0评论

基于JavaScript实现活动倒计时效果

本文实例为大家分享了js倒计时效果的具体代码，供大家参考，具体内容如下<!DOCTYPE html> <html> <head> <title>countDown</title> <style type="text/css"> #...

2020-05-27

63浏览

0评论

bootstrap常用组件之头部导航实现代码

以下是头部导航的代码,我只简要的对个别常用属性进行解释总效果如图所示:代码如下:<nav class="navbar navbar-default navbar-inverse navbar-fixed-top"> //navbar-invers...

2020-05-27

62浏览

0评论

JS简单判断字符在另一个字符串中出现次数的2种常用方法

本文实例讲述了JS简单判断字符在另一个字符串中出现次数的2种常用方法。分享给大家供大家参考，具体如下：经过搜索验证，提供两个方法。1. 通过分割获取长度原理var s = 'www.jb5...

2020-05-27

39浏览

0评论

angularjs过滤器--filter与ng-repeat配合有奇效

index.html<!DOCTYPE html> <html> <head> <link href="bootstrap.min.css" rel="external nofollow" rel="stylesheet"> </head> <body ng-app="myApp" ng-controller="m...

2020-05-27

81浏览

0评论

bootstrap3 dialog 更强大、更灵活的模态框

用过bootstrap框架的同学们都知道，bootstrap自带的模态框用起来很不灵活，可谓鸡肋的很。但nakupanda开源作者封装了一个更强大、更灵活的模态框——bootstrap3-dialog。一、源...

2020-05-27

89浏览

0评论

详解Vuejs2.0之异步跨域请求

Vuejs由1.0更新到了2.0版本。HTTP请求官方也从推荐使用Vue-Resoure变为了axios。接下来我们来简单地用axios进行一下异步请求。（阅读本文作者默认读者具有使用npm命令的能力，...

2020-05-27

77浏览

0评论

AngularJS实现根据不同条件显示不同控件

由于项目需求，需要实现根据不同条件显示不同控件的功能。具体要求如下图所示:即当选择“每单固定减”时，下方只显示“减免金额”一栏；当选择“每单固定折扣”时，下方只显示...

2020-05-27

58浏览

0评论

详解Vue2.0之去掉组件click事件的native修饰

这个是在组件开发中遇到的问题，当时我在编写button的组件，模板是这样的：<template> <button class="disable-hover button ion-button" :class="[modeClass,typeClass,shap...

2020-05-27

84浏览

0评论

bootstrap 设置checkbox部分选中效果

在很多页面都会需要根据加载的数据来控制checkbox是否选中，以前的方法在这个UI里并不适用，现贴下两种代码供大家参考。前提条件：该字段在数据库中是以“，”间隔的字符串，如：“WIFI...

2020-05-27

100浏览

0评论

AngularJS改变元素显示状态

前言本文描述使用AngularJS提供的ng-show和ng-hide指令实现自动监听某布尔型变量来改变元素显示状态。控制html元素显示和隐藏有n种方法：html的hidden、css的display、jQuery...

2020-05-27

100浏览

0评论

Vue如何引入远程JS文件

问题最近在使用 Vue 做东西，用到钉钉扫描登录的功能，这里需要引入远程的 js 文件，因为 Vue 的方式跟之前的不太一样，又不想把文件下载到本地应用，找了一下解决的方法，貌似都需要引...

2020-05-27

76浏览

0评论

AngularJS 单选框及多选框的双向动态绑定

AngularJS 在 <input type="text" /> 中实现双向动态绑定十分简单，如下所示：<input type="text" ng-model="topic.title" />只需要用ng-model 与 $scope 中的属性对应，即实现了...

2020-05-27

74浏览

0评论

Vue.js实现模拟微信朋友圈开发demo

我用Vue.js实现微信朋友圈的一些功能，实现展示朋友圈，评论，点赞。
先构造一个vue的实例，对会更改的数据进行双向绑定，
我用JSON伪造模版数据，先实现显示朋友圈的效果，使用v-for方...

2020-05-27

68浏览

0评论

解决AngualrJS页面刷新导致异常显示问题

绪俗话说，细节决定成败，编程亦是如此。编程过程中我们可能会不自觉的忽视一些细节问题，殊不知，这些细节正是导致页面显示出现问题的地方。今略举一例，与君共勉之。页面正常加...

2020-05-27

70浏览

0评论

详解Vue使用 vue-cli 搭建项目

vue-cli 是一个官方发布 vue.js 项目脚手架，使用 vue-cli 可以快速创建 vue 项目，GitHub地址是：https://github.com/vuejs/vue-cli 一、安装 node.js首先需要安装node环境，可以...

2020-05-27

46浏览

0评论

JS+HTML5实现上传图片预览效果完整实例【测试可用】

本文实例讲述了JS+HTML5实现上传图片预览效果。分享给大家供大家参考，具体如下：在项目中遇到用input标签file类型的文件上传，想实在上传之前进行图片的预览功能；之前的做的一个...

2020-05-27

78浏览

0评论

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

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

2020-05-27

75浏览

0评论

js禁止浏览器的回退事件

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

2020-05-27

77浏览

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

54浏览

0评论

addEventListener()与removeEventListener()解析

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

2020-05-27

78浏览

0评论

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

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

2020-05-27

140浏览

0评论

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

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

2020-05-27

56浏览

0评论

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

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

2020-05-27

78浏览

0评论

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

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

2020-05-27

62浏览

0评论

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

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

2020-05-27

83浏览

0评论

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

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

2020-05-27

77浏览

0评论

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

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

2020-05-27

71浏览

0评论

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

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

2020-05-27

74浏览

0评论

微信小程序跳转方式总结

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

2020-05-27

56浏览

0评论

原生javascript实现分页效果

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

2020-05-27

85浏览

0评论

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

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

2020-05-27

106浏览

0评论

Cookies 和 Session的详解及区别

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

2020-05-27

56浏览

0评论

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

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

2020-05-27

49浏览

0评论

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

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

2020-05-27

84浏览

0评论

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

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

2020-05-27

68浏览

0评论

jQuery+pjax简单示例汇总

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

2020-05-27

70浏览

0评论

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

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

2020-05-27

57浏览

0评论

详解Vue.js 2.0 如何使用axios

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

2020-05-27

74浏览

0评论

webpack配置的最佳实践分享

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

2020-05-27

79浏览

0评论

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

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

2020-05-27

71浏览

0评论

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

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

2020-05-27

71浏览

0评论

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

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

2020-05-27

72浏览

0评论

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

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

2020-05-27

57浏览

0评论

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

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

2020-05-27

73浏览

0评论

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

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

2020-05-27

72浏览

0评论

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

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

2020-05-27

70浏览

0评论

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

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

2020-05-27

52浏览

0评论

H5图片压缩与上传实例

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

2020-05-27

71浏览

0评论

热门文章