JavaScript - 教程之家

57浏览

0评论

JavaScript实现简单的双色球(实例讲解)

如下所示：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>双色球</title> <link rel="stylesheet" type="text/css" href="css/twoToneClass.css"...

2020-05-27

179浏览

0评论

JS时间控制实现动态效果的实例讲解

如下所示：<script> BOM //Bowers Object Model 浏览器对象模型 setTimeout()// 延迟执行一次 setInterval()// 间隔执行 var a = 300; window.setTimeout('abc(a)...

2020-05-27

56浏览

0评论

老生常谈ES6中的类

前面的话大多数面向对象的编程语言都支持类和类继承的特性，而JS却不支持这些特性，只能通过其他方法定义并关联多个相似的对象，这种状态一直延续到了ES5。由于类似的库层出不穷，...

2020-05-27

87浏览

0评论

Kindeditor单独调用多图上传实例

html代码：<input type="button" id="J_selectImage" value="图片上传" /><div id="J_imageView"><?php foreach($imgs as $row):?><div class="img_view"><img class...

2020-05-27

48浏览

0评论

Kindeditor单独调用单图上传增加预览功能的实例

html代码：<p><input type="hidden" id="url1" name="IDCardPicture1" value="" /> <input type="button" id="image1" value="选择图片" style="width: 150px;height: 30px;"...

2020-05-27

68浏览

0评论

vue组件 $children,$refs，$parent的使用详解

本文介绍了vue组件 $children,$refs，$parent的使用，分享给大家，也自己留个笔记
如果项目很大，组件很多，怎么样才能准确的、快速的寻找到我们想要的组件了？？1）$refs首先你的给子组件...

2020-05-27

146浏览

0评论

Bootstrap Table 在指定列中添加下拉框控件并获取所选值

背景最近在使用Bootstrap table ，有一个在某一列添加一个下拉列表，并且通过 “getAllSelections”方法获取所选行的需求，在实现这个功能的时，走了一些弯路，遇到了一些坑。所以今...

2020-05-27

70浏览

0评论

浅谈对Angular中的生命周期钩子的理解

本文介绍了Angular中的生命周期钩子的理解，分享给大家，希望对大家有所帮助什么是生命周期钩子简单点来说生命周期钩子就是Angular中一个组件从被创建当销毁期间的一些有意义的...

2020-05-27

43浏览

0评论

详谈ES6中的迭代器(Iterator)和生成器(Generator)

前面的话用循环语句迭代数据时，必须要初始化一个变量来记录每一次迭代在数据集合中的位置，而在许多编程语言中，已经开始通过程序化的方式用迭代器对象返回迭代过程中集合的每一...

2020-05-27

55浏览

0评论

Angular4 中内置指令的基本用法

前言大家都知道ng内置了许多自定义的指令，这避免了我们自己去造轮子。同时，ng也提供了自定义指令的功能，可以让我们的页面元素标签更加实例化。在这篇文章中，我们将分别列举每一...

2020-05-27

36浏览

0评论

BootStrap导航栏问题记录

今天完成的事情：（实现了test9的响应式导航栏的垂直平分和下拉列表的居中问题。）我觉得最麻烦的就是要在bootstrap的格式下修改。我弄了好多次demo来虐导航栏。但是一直都没有头...

2020-05-27

114浏览

0评论

Angular.js中数组操作的方法教程

前言前端技术的发展是如此之快，各种优秀技术、优秀框架的出现简直让人目不暇接，紧跟时代潮流，学习掌握新知识自然是不敢怠慢。最近在学习Angular.js，将自己学习的一些经验技巧分...

2020-05-27

98浏览

0评论

Angular.js前台传list数组由后台spring MVC接收数组示例代码

前言本文主要给大家介绍了关于Angular.js前台传list数组由后台spring MVC接收数组的相关内容，分享出来供大家参考学习，下面话不多说，来一起看看详细的介绍吧。在开发中有时候需...

2020-05-27

35浏览

0评论

详解React中的组件通信问题

引入本来我是没想过总结这些东西的，会感觉比较入门。但是之前同学去腾讯面试问到了这个问题(react或vue的组件通信)，我帮他整理，顺便写demo的过程中，会有一些新的体会，多总结还是...

2020-05-27

61浏览

0评论

Angular.js初始化之ng-app的自动绑定与手动绑定详解

前言众所周知在传统的angularJS应用中，都是通过ng-app把angular应用绑定到某个dom上，这样做会把js代码入侵到html上，angular提供了手动启动的API--angular.bootstrap() 。本文...

2020-05-27

79浏览

0评论

node koa2实现上传图片并且同步上传到七牛云存储

因为升级到新的node版本，之前的通过很多上传图片的方式都已经不适用了，所以自己就写了一个对于 koa2上传图片的小demo,记录一下心得。废话不多说，下面直接上代码，里面都有注释。...

2020-05-27

70浏览

0评论

ES6新特性：使用export和import实现模块化详解

在ES6前，前端就使用RequireJS或者seaJS实现模块化， requireJS是基于AMD规范的模块化库，而像seaJS是基于CMD规范的模块化库，两者都是为了为了推广前端模块化的工具，更多有关...

2020-05-27

54浏览

0评论

Vue组件模板形式实现对象数组数据循环为树形结构(实例代码)

数据结构为数组中包含对象--树形结构，用Vue组件的写法实现以下的效果：树形列表，缩进显示层级，第5级数据加底色，数据样式显色，点击展开折叠数据。本文为用Vue实现方式，另有一篇为用k...

2020-05-27

78浏览

0评论

本地存储localStorage用法详解

一、什么是localStorage？在HTML5中，新加入了一个localStorage特性，这个特性主要是用来作为本地存储来使用的，解决了cookie存储空间不足的问题(cookie中每条cookie的存储空间为4k...

2020-05-27

59浏览

0评论

knockoutjs模板实现树形结构列表

数据结构/*数据*/ var ko_vue_data=[ { name: "总能耗", number:"0", energyone: 14410, energytwo: 1230, energythree: 1230, huanRatio: -36.8, tongRati...

2020-05-27

56浏览

0评论

在ABP框架中使用BootstrapTable组件的方法

一、关于ABPABP是“ASP.NET Boilerplate Project (ASP.NET样板项目)”的简称，它是一个成熟的开源框架，基于DDD+Repository模式，自带Zero权限和认证模块，避免了从零开始搭建框架...

2020-05-27

43浏览

0评论

让nodeJS支持ES6的词法----babel的安装和使用方法

要使用Babel，我们需要nodeJS的环境和npm，主要安装了nodeJS， npm就默认安装了，现在安装nodeJS很简单了，直接下载安装就好了；安装es-checker在使用Babel之前，我们要先检测一下...

2020-05-27

63浏览

0评论

vue.js声明式渲染和条件与循环基础知识

vue.js声明式渲染和条件与循环的具体内容，分享给大家绑定 DOM 元素文本值html代码：<div id="app"> {{ message }}</div>JavaScript代码：var app = new Vue({ el: '#app', data:...

2020-05-27

42浏览

0评论

SpringMVC简单整合Angular2的示例

本文介绍了SpringMVC简单整合Angular2的示例，分享给大家，具体如下：angular使用的是官方的快速开始的例子

将文件全部拷贝到springmvc的项目中，拷贝过程中可能出现文件路径太长...

2020-05-27

71浏览

0评论

使用JavaScript进行表单校验功能

文本框校验以下是文本框的校验步骤。1.获取待校验的文本框value值，2.对value值设置判定条件，使用if语句或switch语句实现。3. 若满足条件，则校验通过，返回值为true。4. 若不满足...

2020-05-27

66浏览

0评论

angularjs2 ng2 密码隐藏显示的实例代码

angularjs2 ng2 密码隐藏显示代码结合ionic2开发移动端项目，注册页的密码的input一般用password，但是用户输入密码时可能会输入错误，需要显示成text。如图：首先，输入框的类型判断...

2020-05-27

50浏览

0评论

Jquery中.bind()、.live()、.delegate()和.on()之间的区别详解

简介
最近了解到很多网页开发者对jquery中的 .bind() .live() .delegate() 和 .on() 方法存在很多的疑惑。这些疑惑通常是关于它们之间真正的区别是什么啊，什么时候该使用它...

2020-05-27

51浏览

0评论

js实现拖拽上传图片功能

直接把本地图片拉到你设定的图片上传成功后的位置，就ok了，具体代码如下<!doctype html><html><head><meta charset="utf-8"><title>标题</title><meta name="keywords" conten...

2020-05-27

69浏览

0评论

使用重写url机制实现验证码换一张功能

重写URL机制：为了保证一个url的地址唯一，可每次向服务器传递的参数不一样即可。由数据请求的抱头信息可分析到：抱头信息包括http协议，IP地址，端口号，工程名，请求参数列表，要想访问...

2020-05-27

60浏览

0评论

js图片上传的封装代码

本文实例为大家分享了js图片上传的具体代码，供大家参考，具体内容如下js封装的方法function uploadImages(picker, url, callback) { var img_uploader = WebUploader.create(...

2020-05-27

56浏览

0评论

简述jQuery Easyui一些用法

1、form里的一些控件如textbox、combobox等添加额外的一些事件，如鼠标事件（mouseover、click等），键盘事件（keydown、keyup等），都可以用2中方式实现，以textbox为例方法一：on方法 $("#...

2020-05-27

54浏览

0评论

关于jquery form表单序列化的注意事项详解

本文主要给大家介绍的是关于jquery form表单序列化的一些注意事项，分享出来供大家参考学习，下面话不多说，来一起看看详细的介绍：我们先来讲讲表单中中readonly和disabled的区别...

2020-05-27

79浏览

0评论

js实现鼠标拖拽多选功能示例

最近做了一个用js实现鼠标拖拽多选的功能，于是整理了一下思路，写了一个小demo：
遮罩出现：被遮罩盖住的，即为选中的块（背景色为粉色）下面是具体代码，注释已在文中，与大家交流。<!DOCTY...

2020-05-27

81浏览

0评论

jQuery上传插件webupload使用方法

WebUploader是由Baidu WebFE(FEX)团队开发的一个简单的以HTML5为主，FLASH为辅的现代文件上传组件。在现代的浏览器里面能充分发挥HTML5的优势，同时又不摒弃主流IE浏览器，沿用原...

2020-05-27

49浏览

0评论

Angular4学习笔记之准备和环境搭建项目

写在前面的废话1我用angular的时候还是1.x，属于代码写的很反人类但是angular2还没出的蛮荒年代。我本身是从j2ee转到Android的工程师，也是就是说，我的日常开发语言是Java。突然...

2020-05-27

52浏览

0评论

详解js静态资源文件请求的处理

本文实例为大家分享了js静态资源文件请求的处理，供大家参考，具体内容如下html文件<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <...

2020-05-27

60浏览

0评论

Angular4学习笔记之实现绑定和分包

本文介绍了Angular4学习笔记之实现绑定和分包，分享给大家，希望对大家有帮助src目录下的app/app.component.ts文件是一个标准的angular4组件的结构。上面@component()括号内tem...

2020-05-27

38浏览

0评论

谈谈VUE种methods watch和compute的区别和联系

从作用机制和性质上看待methods,watch和computed的关系图片标题[原创]:《他三个是啥子关系呢？》
首先要说，methods,watch和computed都是以函数为基础的，但各自却都不同而从作...

2020-05-27

58浏览

0评论

Vue2.0 组件传值通讯的示例代码

在Vue项目中，我们经常把某个功能模块封装起来，形成组件，下次调用时非常方便，同时也是在一些循环中进行dom操作的一种较好方式。本次我想以一个评价组件来说一下组件的事件和参数...

2020-05-27

49浏览

0评论

浅谈node中的exports与module.exports的关系

因为是做前端的,对node的生态一直也比较关注,对于node中对commonJS模块化的实现给了我们很大的方便,之前对于导出的module.exports和exports一直模模糊糊,今天做一个整理
先...

2020-05-27

65浏览

0评论

详解jquery选择器的原理

详解jquery选择器的原理html部分
<!doctype html> <html lang="en"> <head> <meta charset="UTF-8" /> <title>Document</title> <script src="js/minijquery.js"></s...

2020-05-27

55浏览

0评论

谈谈对vue响应式数据更新的误解

对于刚接触vue的同学会经常遇到数据更新了但是模板没有更新的问题，下面将结合vue的响应式特性以及异步更新机制分析常见的错误：异步更新带来的数据响应式误解
异步数据的处理...

2020-05-27

57浏览

0评论

javascript 中select框触发事件过程的分析

javascript 中select框触发事件过程的分析我们书写了mousedown，mouseup，click，input，change，focus，blur，keydowm，keydown事件绑定到了select上面，模拟客户选择相关事件的触发流程：
最...

2020-05-27

54浏览

0评论

详解基于node的前端项目编译时内存溢出问题

前段时间公司有个基于vue的项目在运行npm run build的时候会报内存溢出，今天在某个技术流交群也有位小伙伴基于angular的项目也出现了这个问题，所以查了一些相关的资料总结了...

2020-05-27

36浏览

0评论

基于Jquery Ajax type的4种类型(详解)

Ajax type这个里面填什么呢？通常大家都会说get和post。那么还有2个是什么呢？
$.ajax({ url: 'http://www.cnblogs.com/youku/', type: '', data: {}});(默认: "GET") 请求方式...

2020-05-27

60浏览

0评论

认识less和webstrom的less配置方法

今天完成的事情：首先第一件事情是，整理一下常用的颜色摄取#F1F1F1 google的设置页面的body的背景颜色#FFF 为google的内容块的背景颜色另外就是学习test11中提到的less一。跳...

2020-05-27

56浏览

0评论

原生js获取left值和top值的三种方法

在用js做动态效果时，通常需要获取元素绝对定位中的left和top属性值。比如做一个碰撞广告，就要不停的获取元素的top和left属性值。需要注意的事：取值的元素必须要设置position:a...

2020-05-27

47浏览

0评论

使用Node.js搭建静态资源服务详细教程

对于Node.js新手，搭建一个静态资源服务器是个不错的锻炼，从最简单的返回文件或错误开始，渐进增强，还可以逐步加深对http的理解。那就开始吧，让我们的双手沾满网络请求！Note:当然在...

2020-05-27

48浏览

0评论

使用JavaScript实现表格编辑器(实例讲解)

实现效果：　　　　　　html代码：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>表格编辑器</title> <link rel="stylesheet" type="text/css" href="css/ta...

2020-05-27

63浏览

0评论

js实现前端图片上传即时预览功能

现在，在实现前端图片即时预览，可以说是一件很简单的事情了。我们只需要用file对象和FileReader对象，既可以轻松实现，无需下载类库。HTML代码<!DOCTYPE html><html><body><img sr...

2020-05-27

热门文章