JavaScript - 教程之家

65浏览

0评论

Vue数组更新及过滤排序功能

前面的话　　Vue为了增加列表渲染的功能，增加了一组观察数组的方法，而且可以显示一个数组的过滤或排序的副本。本文将详细介绍Vue数组更新及过滤排序变异方法　　Vue 包含一组...

2020-05-27

66浏览

0评论

基于JavaScript实现淘宝商品广告效果

本文实例为大家分享了JavaScript实现淘宝商品广告效果的具体代码，供大家参考，具体内容如下CSS部分：
ul{ margin: 0; padding: 0; } li{ list-style: none; } #ad{ width:...

2020-05-27

68浏览

0评论

Vue单文件组件基础模板小结

背景相信大家在使用Vue开发项目时，基本都是以单文件组件的形式开发组件的，这种方式好处多多：1.代码集中，便于开发、管理和维护2.可复用性高，直接将vue文件拷贝到新项目中我暂时就...

2020-05-27

59浏览

0评论

vue如何获取点击事件源的方法

整理文档，搜刮出一个vue如何获取点击事件源的方法，稍微整理精简一下做下分享。
<!DOCTYPE html><html lang="zh-CN"> <head> <meta charset="utf-8"> <title>vue click...

2020-05-27

82浏览

0评论

JS非空验证及邮箱验证的实例

非空验证<body><table><tr><td>姓名：</td><td><input type="text" name="TrueName" id="TrueName" /></td></tr>....省略其他input<tr><td colspan="2"><input type=&qu...

2020-05-27

88浏览

0评论

laydate 显示结束时间不小于开始时间的实例

jsp：<div class="form-group"> <label >交易时间:</label> <input placeholder="开始日期" class="form-control layer-date" id="startDate" name="startDate"> <inp...

2020-05-27

57浏览

0评论

原生js 封装get ,post, delete 请求的实例

现在的项目中都在用VUE 以及react 等MVC， MVVM 框架。丢弃了原始的JQ 。不可能为了个$.ajax();而把JQ引进来吧。在vue1的开发中提供了 vueResouce, vue2 出来后明确提出了...

2020-05-27

76浏览

0评论

详谈JS中数组的迭代方法和归并方法

数组的迭代方法
ES5中为数组定义了5个迭代方法。每个方法都要接收两个参数：要在每一项上面运行的函数和（可选的）运行该函数的作用域对象---影响this的值。传入方法中的函数会介...

2020-05-27

68浏览

0评论

IScroll5实现下拉刷新上拉加载的功能实例

声明：虽然本文章为原创，但是很大部分参考了博客园博主MRxia的一篇iscroll的下拉刷新的实现方式，我个人把demo简化了一下。实现效果：类似网易新闻加载新闻列表（好吧，我的只能算是基...

2020-05-27

79浏览

0评论

JS SetInterval 代码实现页面轮询

概念介绍setInterval 是一个实现定时调用的函数，可按照指定的周期（以毫秒计）来调用函数或计算表达式。setInterval方法会不停地调用函数，直到 clearInterval 被调用或窗口被关闭...

2020-05-27

78浏览

0评论

Node.js服务器开启Gzip压缩教程

Gzip是什么复制大神们的解释吧：GZIP最早由Jean-loup Gailly和Mark Adler创建，用于UNIX系统的文件压缩。我们在Linux中经常会用到后缀为.gz的文件，它们就是GZIP格式的。现今已经...

2020-05-27

62浏览

0评论

Vue.js仿微信聊天窗口展示组件功能

源码：https://github.com/doterlin/vue-wxChat演示地址：https://doterlin.github.io/vue-wxChat/运行# install dependenciesnpm install# serve with hot reload at localhos...

2020-05-27

144浏览

0评论

Mobile Web开发基础之四--处理手机设备的横竖屏问题

为了应对移动设备屏幕的碎片化，我们在开发Mobile Web应用时，一个最佳实践就是采用流式布局，保证最大可能地利用有限的屏幕空间。由于屏幕存在着方向性，用户在切换了屏幕的方向后...

2020-05-27

68浏览

0评论

javascript简写常用的12个技巧（可以大大减少你的js代码量）

前言本文主要给大家分享了javascript简写常用的12个技巧，无论你是初学者还是资深人士，都值得一读！下面话不多说了，来一起看看详细的介绍：1. 空(null, undefined)验证
当我们创建...

2020-05-27

60浏览

0评论

使用JS编写的随机抽取号码的小程序

刚开始学习JavaScript，写了一个随机抽取号码的小程序，附上body里的所有代码，供大家参考。本程序可以实现功能如下：1、在文本框中输入抽号最大值2、点击按钮，开始抽号，随机生成1~最...

2020-05-27

74浏览

0评论

Javascript中this关键字指向问题的测试与详解

前言
Javascript是一门基于对象的动态语言，也就是说，所有东西都是对象，一个很典型的例子就是函数也被视为普通的对象。Javascript可以通过一定的设计模式来实现面向对象的编程，...

2020-05-27

71浏览

0评论

echart简介_动力节点Java学院整理

1. 插件的下载
以下是ECharts的下载链接，需要注意的是ECharts内部也是依赖于另一个插件的叫ZRender，当然对于大部分图表而言不需要ZRender的，但是对于地图控件及其他复杂的呈现...

2020-05-27

77浏览

0评论

js 奇葩技巧之隐藏代码

昨天在群看到有人发了个文章叫《“短”化你的代码》，思路非常不错，采用unicode的零宽字符来实现字符隐藏，虽然有字符，可是你却看不见它。
这篇文章详细的介绍了这种方法的实现原...

2020-05-27

192浏览

0评论

Echarts基本用法_动力节点Java学院整理

echarts太完美了：
1，开源软件，无私的为我们提供漂亮的图形界面；
2，使用简单，默默的为我们封装了重要的js，只要会引用就会使用echarts；
3，种类多，echarts为我们提供了各种图标，其中最具...

2020-05-27

327浏览

0评论

移动端触摸滑动插件swiper使用方法详解

Swiper是移动端的一款非常强大的触摸滑动插件，下面代码只展示一些常用的配置，具体可以查看官网api<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>D...

2020-05-27

62浏览

0评论

JS中Swiper的使用和轮播图效果

Swiper是移动端的一款非常强大的触摸滑动插件，下面代码只展示一些常用的配置，具体可以查看官网api<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>D...

2020-05-27

56浏览

0评论

JSON对象转化为字符串详解

序列化定义指将 JavaScript 值转化为 JSON 字符串的过程。
JSON.stringify() 能够将 JavaScript 值转换成 JSON 字符串。JSON.stringify() 生成的字符串可以用 JSON.parse()...

2020-05-27

58浏览

0评论

ionic2屏幕适配实现适配手机、平板等设备的示例代码

本文介绍了ionic2屏幕适配实现适配手机、平板等设备的示例代码，分享给大家，具体如下：推荐使用的编辑器是：VS code （Visual Studio Code）=>只负责编辑文档，不编译。
而WebStorm 有...

2020-05-27

53浏览

0评论

node中使用es5/6以及支持性与性能对比

前言这几年react、vue的快速发展，越来越多的前端开始讲es6的代码运用在项目中，因为我们可以通过babel进行转译为低版本的js以便于运行在所有浏览器中，import、export、let、箭...

2020-05-27

38浏览

0评论

Angular4实现动态添加删除表单输入框功能

首先介绍一下实现的效果,就是单一表单能实现添加其他的,也能删除代码如下:<h5>动态添加表单</h5> <div class="form"> <div class="form-group form-group-sm" *ngFor="let...

2020-05-27

67浏览

0评论

Vue 表单控件绑定的实现示例

本文介绍了Vue 表单控件绑定的实现示例，感觉这个地方知识点挺多的，而且很重要，所以，今天添加一点小笔记。基础用法可以用 v-model 指令在表单控件元素上创建双向数据绑定。根据...

2020-05-27

51浏览

0评论

AngularJs导出数据到Excel的示例代码

公司一个新的需求导出Exce表格，研究了一下，最后终于实现，分享给大家。
1 使用FileSaver第一次采用FileSaver.js 由于刚开始导致导出一片空白，还只能抓取网页里面的表格地址：https...

2020-05-27

65浏览

0评论

Angular模板表单校验方法详解

本文实例为大家分享了Angular模板表单校验的方法，供大家参考，具体内容如下1. 创建指令ng g directive directives/mobileValidator　2. html<form #myForm="ngForm" (ngSubmit...

2020-05-27

31浏览

0评论

js微信应用场景之微信音乐相册案例分享

这个demo只是一个js微信音乐相册案例大概思路，具体还需要根据情况来进行<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="...

2020-05-27

166浏览

0评论

vue实现单选和多选功能

本文实例为大家分享了vue实现单选和多选功能的具体代码，供大家参考，具体内容如下复制代码
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta> <title>Doc...

2020-05-27

63浏览

0评论

详解Node中导入模块require和import的区别

ES6标准发布后，module成为标准，标准的使用是以export指令导出接口，以import引入模块，但是在我们一贯的node模块中，我们采用的是CommonJS规范，使用require引入模块，使用module.expor...

2020-05-27

65浏览

0评论

Javascript(es2016) import和require用法和区别详解

本文介绍了Javascript(es2016) import和require用法和区别详解，分享给大家，具体如下：
写个简单js文件，假设名字为：lib.js 。假设内容如下：export const sqrt = Math.sqrt;export...

2020-05-27

49浏览

0评论

EasyUI在Panel上动态添加LinkButton按钮

在最近做的一个将原来的旧系统翻新改造的项目中，为了在个别展示位置与原系统一直，研究了一下Easyui的panel面板，在panel的面板中动态添加Linkbuton按钮的编辑方法，在这里做个记...

2020-05-27

76浏览

0评论

浅谈angularJS的$watch失效问题的解决方案

本文介绍了浅谈angularJS的$watch失效问题的解决方案，分享给大家，顺便给自己留个笔记$watch方法，它可以帮助我们在每个scope中监视其中的变量。$watch 单一的变量对于普通的变...

2020-05-27

47浏览

0评论

vue表单绑定实现多选框和下拉列表的实例

在vue的实际开发过程中，我们如何将以选中的值直接渲染到页面中，这次主要说的是多选框和下拉列表的实现：<label>测试多选渲染：</label><div> <template v-for="item in chks"> <...

2020-05-27

39浏览

0评论

JavaScript实现图片切换效果

本文实例为大家分享了JavaScript实现图片切换效果，自定义属性的应用供大家参考，具体内容如下<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>图片切换...

2020-05-27

55浏览

0评论

vue实现移动端图片裁剪上传功能

本文实例为大家分享了vue移动端图片裁剪上传的具体代码，供大家参考，具体内容如下1.安装cropperjs依赖库npm install cropperjs2.编写组件SimpleCropper.vue<template> <div c...

2020-05-27

59浏览

0评论

理解nodejs的stream和pipe机制的原理和实现

前言前几天别人请教我关于pipe的问题，我发现我虽然用了nodejs很久，但是由于每次用的不多所以经常回避stream的使用，导致一直不熟，现在重新学习整理一下相关知识。通过nodeschool...

2020-05-27

64浏览

0评论

Node.js pipe实现源码解析

从前面两篇文章，我们了解到。想要把 Readable 的数据写到 Writable，就必须先手动的将数据读入内存，然后写入 Writable。换句话说，每次传递数据时，都需要写如下的模板代码readable...

2020-05-27

57浏览

0评论

nodejs动态创建二维码的方法

本文实例为大家分享了nodejs动态创建二维码的具体代码，供大家参考，具体内容如下<div class="qrcode"> <div> <p id="saoma">扫描二维码</p> </div></di...

2020-05-27

69浏览

0评论

浅谈angular2 组件的生命周期钩子

本文介绍了浅谈angular2 组件的生命周期钩子，分享给大家，具体如下：
按照生命周期执行的先后顺序，Angular生命周期接口如下所示名称时机...

2020-05-27

55浏览

0评论

js模块加载方式浅析

简介：前端模块化开发日渐鼎盛，如何将零散的插件或者是普通的js脚本文件统一管理及引用，是众多开发者共同的目标。本人是从事.net开发的，最近对前端的一些东西特别的感兴趣，也会...

2020-05-27

59浏览

0评论

详解Vue-Cli 异步加载数据的一些注意点

刚开始学vue的时候没有使用脚手架，现在用脚手架写法有点不同，今天遇到的问题是使用豆瓣api异步加载数据的时候，会一直在命令行上报错，基本上错误都是xxx 未定义。例子
<template...

2020-05-27

40浏览

0评论

浅谈关于angularJs中使用$.ajax的注意点

本文介绍了关于angularJs中使用$.ajax的注意点，分享给大家，具体如下
从技术上来讲，angular 与 jquery混用，是一件不太合适的，但是为什么这个话题争论至今依旧仁者见仁智者见智，
除...

2020-05-27

57浏览

0评论

vuejs+element-ui+laravel5.4上传文件的示例代码

前言
之前的文章讲得太多安装了，今天就不说这个了，因为我的项目是前后端分离的，所以基本是分开执行代码逻辑。其中还有跨域问题，主要还是在laravel中添加头信息放行之类的，这里会...

2020-05-27

62浏览

0评论

react开发教程之React 组件之间的通信方式

这两天学习了React感觉组件通信这个地方知识点挺多的，而且很重要，所以，今天添加一点小笔记。
父子组件通讯
通讯手段
这是最常见的通信方式，父组件只需要将子组件需要的props传...

2020-05-27

55浏览

0评论

Vue-Cli中自定义过滤器的实现代码

本文主要介绍了Vue-Cli中自定义过滤器，分享给大家，也给自己做个笔记
vue2里面移除了内置过滤器，所有过滤器都需要自己定义。以下例子是使用webpack模版自定义一个日期格式过滤...

2020-05-27

49浏览

0评论

使用D3.js制作图表详解

D3是用于数据可视化的Javascript库。使用SVG，Canvas和HTML。结合强大的可视化技术和数据驱动的DOM操作方法。D3与JQuery的区别 D3是数据驱动的，JQuery不是：我们使用JQuery直接...

2020-05-27

64浏览

0评论

AngularJS 购物车全选/取消全选功能的实现方法

刚学习angularJS，于是练习写了一个类似于购物车的全选/取消全选的功能，主要实现的功能有：1、勾选全选checkbox，列表数据全部被勾选，取消同理，用ng-model实现双向绑定；2、选中列表中...

2020-05-27

79浏览

0评论

使用yeoman构建angular应用的方法

本文将介绍如何亲手来完成一个yeoman的generator，以实现快速构建最适合自己的项目。
本文将实现的generator起名为ngtimo，依照yeoman的命名规矩就叫做generator-ngtimo，是笔者...

2020-05-27

热门文章