JavaScript - 教程之家

53浏览

0评论

在Vue中如何使用Cookie操作实例

大家好，由于公司忙着赶项目，导致有段时间没有发布新文章了。今天我想跟大家谈谈Cookie的使用。同样，这个Cookie的使用方法是我从公司的项目中抽出来的，为了能让大家看懂，我会尽量...

2020-05-27

63浏览

0评论

Vue2.0如何发布项目实战

大家好，这节我们主要讲解项目的发布，其实很简单，没有大家想的那么复杂，具体如下操作。一、创建VUE项目首先我们需要创建VUE项目，创建项目的代码如下：# 全局安装 vue-cli$ npm inst...

2020-05-27

45浏览

0评论

详解win7 cmd执行vue不是内部命令的解决方法

详解win7 cmd执行vue不是内部命令的解决方法通过全局安装vue-clinpm install --global vue-cli 在cmd中运行vue提示不是内部命令，原因是环境变量没有加上
找到npm的位置：（不在...

2020-05-27

64浏览

0评论

vue单页应用中如何使用jquery的方法示例

前言本文给大家介绍的是关于在vue单页应用中使用jquery的相关内容，主要记录一个今天用到的vue-cli建立的应用中引入jquery的方式。下面话不多说，来一起看看详细的介绍吧。方法...

2020-05-27

66浏览

0评论

利用Ionic2 + angular4实现一个地区选择组件

前言本文主要给大家介绍的是关于利用Ionic2 + angular4实现一个地区选择组件的相关内容，为什么会有这篇文章？主要是因为最近在项目重构的过程中，发现之前用mobiscroll写的地区...

2020-05-27

40浏览

0评论

angular2+node.js express打包部署的实战

Angular2我自己还在摸索学习中，本文介绍了angular2+node.js express打包部署的实战，分享给大家，也给自己留个笔记
angular是客户端js,Node.js 是服务端JS,建立SPA 网站需要把这...

2020-05-27

55浏览

0评论

vue中计算属性（computed）、methods和watched之间的区别

前言本文主要给大家介绍了关于vue中计算属性（computed）、methods和watched之间的区别，分享出来供大家参考学习，下面来一起看看详细的介绍：计算属性和普通属性一样是在模板中绑定...

2020-05-27

67浏览

0评论

AngularJS点击添加样式、点击变色设置的实例代码

本文介绍了AngularJS点击添加样式、点击变色设置的实例代码，分享给大家，具体如下：
首先解释需求是这样的，有个列表，当你点击哪一行时，哪一行背景变成灰色，在JQ中，大家都知道，这是非常...

2020-05-27

73浏览

0评论

js学习总结之DOM2兼容处理顺序问题的解决方法

DOM2兼容处理顺序问题的解决方法，具体如下解决顺序问题：我们不用浏览器自带的事件池了，而是自己模拟标准浏览器的事件池实现，具体代码如下:/* bind:处理DOM2级事件绑定的兼容性...

2020-05-27

42浏览

0评论

angular中实现li或者某个元素点击变色的两种方法

本文介绍了angular中实现li或者某个元素点击变色的两种方法，分享给大家，希望对大家有帮助
先说一种最直接了当的不需要js控制。方法一：直接在用ng-class就可以控制：
<p ng-click...

2020-05-27

50浏览

0评论

js学习总结之DOM2兼容处理重复问题的解决方法

DOM2兼容处理重复问题的解决方法，具体如下在解决this问题之后，只需要在每次往自定义属性和事件池当中添加事件的时候进行一下判断就好了，具体代码如下/* bind:处理DOM2级事件...

2020-05-27

63浏览

0评论

Bootstrap + AngularJS 实现简单的数据过滤字符查找功能

具体代码如下所示：find.html<!DOCTYPE html> <html ng-app="find"> <head> <title>字符查找</title> <meta charset="utf-8"/> <script src="../Script/angular.min.js" ty...

2020-05-27

54浏览

0评论

Angularjs 事件指令详细整理

Angularjs 事件指令详细整理ngClick
适用标签：所有
触发条件：单击#html<div ng-controller="LearnCtrl"> <div ng-click="click()">click me</div> <button ng-click="click...

2020-05-27

62浏览

0评论

Angularjs的键盘事件的绑定

Angularjs的键盘事件的绑定推荐button方法一：ng内置指令
<button ng-click="login()" ng-keypress="todoSomething($event)" class="btn btn-success btn-lg" ng-disabled="l...

2020-05-27

56浏览

0评论

js学习总结之DOM2兼容处理this问题的解决方法

针对上一篇提到的DOM2级存在的兼容问题，这里先说一下this的问题。
/* bind:处理DOM2级事件绑定的兼容性问题（绑定方法） @parameter: curEle->要绑定事件的元素 evenType->要...

2020-05-27

46浏览

0评论

Angularjs的$http异步删除数据详解及实例

Angularjs的$http异步删除数据详解及实例有人会说删除这东西有什么可讲的，写个删除的service，controller调用一下不就完了。嗯...看起来是这样，但是具体实现起来真的有这么简单...

2020-05-27

50浏览

0评论

Angular指令之restict匹配模式的详解

Angular指令之restict匹配模式的详解<body data-ng-app="myapp"> <runn2></runn2> <div data-runn2></div> <div class="runn2"></div>  <script>...

2020-05-27

59浏览

0评论

js学习总结之dom2级事件基础知识详解

我们使用的DOM2事件绑定，其实是让box通过原型链一直找到EventTarget这个内置类原型上的addEventListener方法实现的。DOM0级事件绑定:只能给一个元素的某一个行为绑定一次方...

2020-05-27

45浏览

0评论

js弹性势能动画之抛物线运动实例详解

抛物线运动就是：当拖拽结束的时候，我们让当前的元素同时水平运动+垂直运动在同样的移动距离下，我们鼠标移动的速度快，move方法触发的次数少，相反移动的速度慢，move方法触发的次数...

2020-05-27

75浏览

0评论

js原生代码实现轮播图的实例讲解

轮播图是现在网站网页上最常见的效果之一，对于轮播图的功能，要求不同，效果也不同。我们见过很多通过不同的方式，实现这一效果，但是有很多比较麻烦，而且不容易理解，兼容性也不好。在...

2020-05-27

68浏览

0评论

浅谈JS中的常用选择器及属性、方法的调用

选择器、属性及方法调用的配合使用：<style> #a{ width: 200px; height: 100px; background-color: red; } .b{ width:...

2020-05-27

46浏览

0评论

jQuery获取table表中的td标签(实例讲解)

首先我来介绍一下我遇到的问题1.当有一个table表包含了<tr>标签，<td>标签，大致可以认为是这样的：<tr> <td> @scene.ID </td> <td> @scene.SceneName </t...

2020-05-27

56浏览

0评论

js 获取html5的data属性实现方法

我以前一直以为只能用jquery的data()来获取哈哈是我太弱了<!DOCTYPE html><html><head> <title>dataset</title> <meta charset="utf-8"></head><body> <div id='div' d...

2020-05-27

56浏览

0评论

详解angularjs的数组传参方式的简单实现

初学 angularjs时，对数组传参方式感到很好奇（[‘a', ‘b', function(a,b){}]），它到底怎么实现的呢？后来由于工作很忙，对这个问题也就慢慢忘记了。今天闲来无事，有想到了这...

2020-05-27

41浏览

0评论

BootStrap selectpicker后台动态绑定数据的方法

本文为大家分享了BootStrap selectpicker后台动态绑定数据的方法，供大家参考，具体内容如下
html部分代码<select class="selectpicker" multiple> </select>这是一个下拉...

2020-05-27

46浏览

0评论

JavaScript截屏功能的实现代码

最近参与了网易炉石盒子的相关页面开发，在做卡组分享页（地址：炉石盒子卡组分享），有个需求：用户可以把这个卡组以图片的形式分享给好友。最初的的做法是使用服务器把该页面转换成图...

2020-05-27

51浏览

0评论

详解React 16 中的异常处理

详解React 16 中的异常处理异常处理在 React 15.x 及之前的版本中，组件内的异常有可能会影响到 React 的内部状态，进而导致下一轮渲染时出现未知错误。这些组件内的异常往往也...

2020-05-27

61浏览

0评论

详解Vue2中组件间通信的解决全方案

前言在Vue中组件是实现模块化开发的主要内容，而组件的通信更是vue数据驱动的灵魂，下面这篇文章将给大家介绍关于Vue2组件间通信的相关内容，下面话不多说，来一起看看详细的介绍。...

2020-05-27

55浏览

0评论

将 vue 生成的 js 上传到七牛的实例

一般 vue 的项目，大家都是直接把最后生成的 css js 等文件直接上传到服务器，并没有才有 cdn 的业务这样做一般有2个弊端，增加服务器带宽压力，访问量一旦上去，服务器就可能因为...

2020-05-27

72浏览

0评论

Vue.js中的图片引用路径的方式

当我们在Vue.js项目中引用图片时，关于图片路径有以下几种情形：使用一我们在data里面定义好图片路径imgUrl:'../assets/logo.png'然后，在template模板里面/*错误写法*/<img src=...

2020-05-27

73浏览

0评论

vue中七牛插件使用的实例代码

本文介绍了vue中七牛插件使用，我也正在学习，分享给大家，顺便留个笔记，废话不说了，如下：
<template> <div id="cxUpload" class="cx-upload"> <button id="pickfiles" class="up...

2020-05-27

50浏览

0评论

基于JavaScript实现图片连播和联级菜单实例代码

<!DOCTYPE html><html> <head> <title>图片轮播</title> <style> div{ border: 1px solid red; width:218px; height: 218px; } .show{ display: inline-block; }...

2020-05-27

64浏览

0评论

用JS实现简单的登录验证功能

实现过程示意图代码<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>登录</title> <style> .ok { color: green; border: 1px solid green...

2020-05-27

54浏览

0评论

vue使用vue-cli快速创建工程

本文介绍了vue使用vue-cli快速创建工程，分享给大家，具体如下：vue-cli安装npm i vue-cli -gvue init webpack-simple vue-todosvue-cli 是一个官方发布 vue.js 项目脚手架，使用 v...

2020-05-27

56浏览

0评论

Vue2.0利用vue-resource上传文件到七牛的实例代码

本文介绍了Vue2.0利用vue-resource上传文件到七牛，分享给大家，希望对大家有帮助关于上传，总是有很多可以说道的。
16年底，公司项目番茄表单的前端部分，开始了从传统的jquery到vue...

2020-05-27

69浏览

0评论

vue+vux实现移动端文件上传样式

样式使用的是vux的cell组件如下图的官方demo样子上图的样式需要修改一下，把保护中修改成一个图片并且内嵌一个input type=‘file' 就可以拥有好看的样式的文件上传了<!-...

2020-05-27

69浏览

0评论

解决React Native端口号修改的方法

本文介绍了解决React Native端口号修改的方法，分享给大家，具体如下：看图说话一般情况下,如果本地安装过一些服务的话，ReactNeact 就会毫不犹豫的给你报出错误信息，如果你是这个错...

2020-05-27

83浏览

0评论

BootStrap Fileinput上传插件使用实例代码

0、效果图1、引入js、css（建议css放在html头部，js加载在html底部）<link href="~/Content/fileinput.min.css" rel="external nofollow" rel="stylesheet" /><script src="~/scr...

2020-05-27

52浏览

0评论

webpack实现热更新（实施同步刷新）

本文介绍了webpack实现热更新（实施同步刷新），分享给大家，希望对大家有帮助。
解决方案一：实现热更新，首先，安装一系列的node命令，如果嫌麻烦，你可以直接看解决方案二，相对来说比较简单...

2020-05-27

69浏览

0评论

Vue2.0 多 Tab切换组件的封装实例

Vue2.0 多 Tab切换组件简单封装，满足自己简单的功能，可以直接拿去使用！首先上效果图：功能简单介绍：1、支持tab切换2、支持tab定位3、支持tab自动化仿React多Tab实现，总之可以正常...

2020-05-27

64浏览

0评论

基于JS实现移动端左滑删除功能

废话不多说了，直接给大家贴代码了，具体代码如下所示：<div class="wrap pay-wrap" id="lists"> @foreach (var item in Model) { <div class="pay-list" style="heig...

2020-05-27

68浏览

0评论

基于BootStrap multiselect.js实现的下拉框联动效果

背景：当option特别多时，一般的下拉框选择起来就有点力不从心了，所以使用multiselect是个很好的选择，可以通过输入文字来选择选项很方便，但是有一个需要下拉框联动，网上找了半天才...

2020-05-27

66浏览

0评论

bootstrap datepicker插件默认英文修改为中文

datepicker插件默认为英文，而且格式为：mm/dd/yyyy这种情况，看起来不怎么直观。修改目标：1、默认显示为中文 2、格式为：yyyy年mm月dd日需要修改两个地方：1、更改datas对象，增加zh-...

2020-05-27

64浏览

0评论

解决Vue2.0自带浏览器里无法打开的原因（兼容处理）

本文介绍了解决Vue2.0自带浏览器里无法打开的原因（兼容处理），分享给大家，希望对大家有帮助Vue 之 android内嵌H5页面不显示出现这个问题，原因有很多首先，别急，请看下面的推荐方案：1...

2020-05-27

44浏览

0评论

AngularJS service之select下拉菜单效果

本文实例为大家分享了service之select下拉菜单效果的具体代码，供大家参考，具体内容如下<!DOCTYPE html><html lang="en" ng-app=...

2020-05-27

57浏览

0评论

基于AngularJS实现表单验证功能

本文实例为大家分享了AngularJS实现表单验证功能的具体代码，供大家参考，具体内容如下<!--实例解析ng-app 指令定义了 AngularJS 应用。ng-controller 指令定义了应用控制器。n...

2020-05-27

69浏览

0评论

webpack 2的react开发配置实例代码

基于webpack 2.3的标准语法，包含了less变量替换、React组件热加载、第三库单独输出、区分生产与开发环境等常用配置。'use strict'module.exports = function( env ) { //...

2020-05-27

43浏览

0评论

完美实现js拖拽效果 return false用法详解

本文为大家分享了完美实现js拖拽效果的具体代码，告诉大家return false的用法，供大家参考，具体内容如下1.return false可以用来阻止默认事件即系统默认事件。例如通过阻止默认事...

2020-05-27

255浏览

0评论

jQuery dateRangePicker插件使用方法详解

jQuery dateRangePicker插件使用总结。
版本说明：
当前使用版本：2.1.25
特别说明：版本不同，部分api可能会发生变化，需要引起重点关注效果图关键代码片段
$("#dateTimeRange span"...

2020-05-27

61浏览

0评论

VUE axios上传图片到七牛的实例代码

浏览器上传图片到服务端，我用过两种方法：1.本地图片转换成base64，然后通过普通的post请求发送到服务端。操作简单，适合小图，以及如果想兼容低版本的ie没办法用此方法2.通过form表...

2020-05-27

热门文章