JavaScript - 教程之家

61浏览

0评论

Vue实现一个返回顶部backToTop组件

最近在学习VUE。自己就在研究怎么用VUE实现一个组件的封装，今日就算留个笔记
前言返回顶部这个功能用jq实现,好容易实现,一个animate配合scrollTo就搞定了今天我们来试试vue...

2020-05-27

67浏览

0评论

简单实现js拖拽效果

本文实例为大家分享了js拖拽效果展示的具体代码，供大家参考，具体内容如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style...

2020-05-27

73浏览

0评论

ES6正则表达式扩展笔记

前面的话　　正则表达式是javascript操作字符串的一个重要组成部分，但在以往的版本中并未有太多改变。然而，在ES6中，随着字符串操作的变更， ES6也对正则表达式进行了一些更新。...

2020-05-27

47浏览

0评论

Vue.js学习笔记之修饰符详解

本篇将简单介绍常用的修饰符。在上一篇中，介绍了 v-model 和 v-on 简单用法。除了常规用法，这些指令也支持特殊方式绑定方法，以修饰符的方式实现。通常都是在指令后面用小数点...

2020-05-27

42浏览

0评论

vue事件修饰符和按键修饰符用法总结

之前关于vue事件修饰符和按键修饰符的一点分析，最近需要回顾，就顺便发到随笔上了在事件处理程序中调用 event.preventDefault() 或 event.stopPropagation() 是非常常见的需求...

2020-05-27

140浏览

0评论

BootStrap的双日历时间控件使用

这段时间看了下bootstrap的时间控件，发现使用起来还是很简单的，趁着有时间的时候整理了一下，方便自己以后忘记的时候查阅。。。废话不多说先上效果图　　　　　　　　　　　接...

2020-05-27

90浏览

0评论

简单实现js鼠标跟随效果

本文实例为大家分享了js鼠标跟随效果展示的具体代码，供大家参考，具体内容如下
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <...

2020-05-27

80浏览

0评论

jQuery实现键盘回车搜索功能

本来我一直认为一个搜索没有什么太难做的，直到我接到了上一个项目，让不使用按钮实现搜索这才让我开始在网上寻找这一技术，那么废话少说，将我的源码放上来给大家参考。前台代码<d...

2020-05-27

73浏览

0评论

Vue.js学习笔记之常用模板语法详解

本文介绍了Vue.js 常用模板语法，分享给大家，具体如下：一、文本渲染Vue支持动态渲染文本，即在修改属性的同时，实时渲染文本内容。同时为了提高渲染效率，也支持只渲染一次，即第一次渲...

2020-05-27

68浏览

0评论

你有必要知道的10个JavaScript难点

能够读懂这篇博客的JavaScript开发者，运气不会太差…1. 立即执行函数立即执行函数，即Immediately Invoked Function Expression (IIFE)，正如它的名字，就是创建函数的同时立即执...

2020-05-27

62浏览

0评论

JS数组操作中的经典算法实例讲解

冒泡排序<script type="text/javascript">var arr = [3,7,6,2,1,5];定义一个交换使用的中间变量var temp = 0;for(i=0;i<arr.length;i++){ for(j=0;j<arr.length;j++){如果...

2020-05-27

50浏览

0评论

JS 60秒后重新发送验证码的实例讲解

废话不多说，直接上代码//settime($("#getPhoneCode"),60);function settime($obj, time) { if (time == 0) { $obj.attr("disabled", false); $obj.css("background",...

2020-05-27

52浏览

0评论

nodejs body-parser 解析post数据实例

安装$ npm install body-parserAPIvar bodyPaeser =require('body-parser')可以通过body-parser 对象创建中间件，当接收到客户端请求时所有的中间件都会给req.body 添加属性，...

2020-05-27

75浏览

0评论

关于Stream和Buffer的相互转换详解

前言最近在工作的时候突然就有了这样一个需求，这一次正好也对本来不太熟的 Stream 有了一点更加深刻的理解……（好吧本来是根本没搞清楚状况）。本文将给大家详细介绍关于Stream...

2020-05-27

83浏览

0评论

WdatePicker.js时间日期插件的使用方法

本文介绍了WdatePicker.js时间插件使用，分享给大家，具体如下：引用：
在项目中引用“plugin-clander”文件夹。
在html中引用”WdatePicker.js”即可。<script src="js/plugin-c...

2020-05-27

101浏览

0评论

深入探究angular2 UI组件之primeNG用法

前言：众所周知，primeNG是ng2的一个ui组件库，很强大，个人感觉比ng2-bootstrap还强大，下面就告诉大家怎么安装使用，官网：http://www.primefaces.org/primeng/#/本人使用angular cli...

2020-05-27

69浏览

0评论

nodejs前端自动化构建环境的搭建

为了UED前端团队更好的协作开发同时提高项目编码质量，我们需要将Web前端使用工程化方式构建；目前需要一些简单的功能：
1. 版本控制
2. 检查JS
3. 图片合并
4....

2020-05-27

80浏览

0评论

JavaScript利用fetch实现异步请求的方法实例

前言相信大家应该都有所了解，在这个AJAX时代，如果想进行 API 等网络请求都是通过 XMLHttpRequest 或者封装后的框架进行网络请求。现在产生的 fetch 框架简直就是为了提供更...

2020-05-27

43浏览

0评论

Angular中自定义Debounce Click指令防止重复点击

在这篇文章中，我们将介绍使用 Angular Directive API 来创建自定义 debounce click 指令。该指令将处理在指定时间内多次点击事件，这有助于防止重复的操作。对于我们的示例，我...

2020-05-27

80浏览

0评论

nodejs之get/post请求的几种方式小结

最近一段时间在学习前端向服务器发送数据和请求数据,下面总结了一下向服务器发送请求用get和post的几种不同请求方式：1.用form表单的方法：(1)get方法前端代码:<form action =...

2020-05-27

61浏览

0评论

基于ExtJs在页面上window再调用Window的事件处理方法

今天在开发Ext的过程中遇到了一个恶心的问题，就是在ext.window页面，点击再次弹出window时，gridpanel中的store数据加载异常，不能正常被加载，会出现缓存，出现该问题，是因为window窗...

2020-05-27

121浏览

0评论

深入讲解xhr（XMLHttpRequest）/jsonp请求之abort

前言相信大家在工作中经常需要使用AJAX，所以当大家看到文章标题的时候可能会觉得这是一个老生常谈的话题。前端开发中向后端发起xhr（XMLHttpRequest）请求（代表性的就是熟悉的aja...

2020-05-27

53浏览

0评论

vue上传图片组件编写代码

本文实例教大家如何编写一个vue上传图片组件，具体如下1.首先得有一个[type=file]文件标签并且隐藏，changge事件来获取图片：<input @change="fileChange($event)" type="file" i...

2020-05-27

52浏览

0评论

浅谈nodejs中的类定义和继承的套路

javascript是一门极其灵活的语言。
灵活到你无法忍受！
我个人喜欢强类型的语言，例如c/c++，c#等。但是js代表着未来，所以需要学习。
js中类定义以及继承有n多种方式,现在来学习一...

2020-05-27

43浏览

0评论

Angular4如何自定义首屏的加载动画详解

前言相信大家都知道，在默认情况下，Angular应用程序在首次加载根组件时，会在浏览器的显示一个loading... 我们可以轻松地将loading修改成我们自己定义的动画。下面话不多说，来一...

2020-05-27

61浏览

0评论

js实现图片轮播效果学习笔记

本文实例为大家分享了js实现图片轮播效果的具体代码，供大家参考，具体内容如下具体思路：
一、页面加载、获取整个容器、所有放数字索引的li及放图片列表的ul、定义放定时器的变...

2020-05-27

184浏览

0评论

Bootstrap datepicker日期选择器插件使用详解

bootstrap是与jquery.js文件一起结合起来一起用的，缺少任何一个文件都不可以。
datepicker插件一般用于在文本框中选择日期，通过在表中选择日期，从而将日期显示在文本框中。因...

2020-05-27

50浏览

0评论

让你彻底掌握es6 Promise的八段代码

前言新的ES6中引入了promise的概念，目的是让回调更为优雅。层层嵌套的回调会让javascript失去美感和可读性，同时javascript也推荐采用链式的方式去书写函数调用。于是Promise...

2020-05-27

37浏览

0评论

Vue中计算属性computed的示例解读

计算属性表达式是非常便利的，但是它们实际上只用于简单的运算。在模板中放入太多的逻辑会让模板过重且难以维护,所以引入了计算属性computed,将复杂的逻辑放入计算中进行处理...

2020-05-27

50浏览

0评论

Angular项目中$scope.$apply()方法的使用详解

前言相信大家在一开始用angular做项目的时候，一定碰到过$scope.$apply()方法，表面上看，这像是一个帮助你进行数据更新的方法，那么，它为何存在，我们又该如何使用它呢。下面话不多说...

2020-05-27

54浏览

0评论

node实现简单的反向代理服务器

每当提起反向代理器，人们通常一想到的就是 Nginx，但是今天我们暂时忽略大名鼎鼎的 Nginx，采用同样也是使用单线程、事件循环的服务端小弟——Node 来达成
跨域问题是前端开发很...

2020-05-27

65浏览

0评论

VueJs单页应用实现微信网页授权及微信分享功能示例

在实际开发中，无论是做PC端、WebApp端还是微信公众号等类型的项目的时候，或多或少都会涉及到微信相关的开发，最近公司项目要求实现微信网页授权，并获取微信用户基本信息的功能及...

2020-05-27

37浏览

0评论

Vue.js弹出模态框组件开发的示例代码

前言
在开发项目的过程中，经常会需要开发一些弹出框效果，但原生的alert和confirm往往都无法满足项目的要求。这次在开发基于Vue.js的读书WebApp的时候总共有两处需要进行提示...

2020-05-27

67浏览

0评论

关于vue.js组件数据流的问题

一、组件组件，可以说是现代前端框架中必不可少的组成部分。使用组件，不仅能极大地提高代码的复用率和开发者的开发效率，对于代码后期的维护也有着非常重要的意义。前端开发，由于...

2020-05-27

47浏览

0评论

前端主流框架vue学习笔记第一篇

vue应该是前端主流框架中的集大成者，它吸取了knockout，angular，react设置avalon的经验，支持各种模式写法，入门很简单，从本章开始，会记录学习vue中的点点滴滴，以笔记的形式形成博文。...

2020-05-27

62浏览

0评论

浅谈vue.js中v-for循环渲染

这两天学习了Vue.js 感觉v-for循环渲染这个地方知识点挺多的，而且很重要，所以，今天添加一点小笔记。
一、简介vue.js 的循环渲染是依赖于 v-for 指令，它能够根据 vue 的实例里面...

2020-05-27

55浏览

0评论

详解VueJS 数据驱动和依赖追踪分析

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

2020-05-27

47浏览

0评论

使用JavaScript开发跨平台的桌面应用详解

任何可以使用JavaScript来编写的应用，最终会由JavaScript编写。--Atwood定律Atwood's Law是Jeff Atwood在2007年提出的：“any application that can be written in JavaScript...

2020-05-27

50浏览

0评论

Angular通过angular-cli来搭建web前端项目的方法

准备前提：已经搭建好angular-cli环境，还未搭建好的请参见https://www.freexyz.cn/article/114254.htm1 新建一个文件夹该文件夹用来存放所有利用angular-cli搭建的web前端项目2...

2020-05-27

57浏览

0评论

js实现日期显示的一些操作(实例讲解)

1、js获取当前日期（yyyy-mm-dd）以下代码是获取到的当前日期：var myDate = new Date(); var year = myDate.getFullYear(); //获取完整的年份(4位,1970-????)va...

2020-05-27

68浏览

0评论

easyui datagrid 表格中操作栏按钮图标不显示的解决方法

jQuery EasyUI动态添加控件或者ajax加载页面后不能自动渲染解决办法：使用解析器Parser（解析器）$.parser.parse(); // 解析所有页面$.parser.parse('#cc'); // 解析指定节点以...

2020-05-27

53浏览

0评论

Easyui使用Dialog行内按钮布局的实例

JSP页面<div class="easyui-layout" data-options="fit:true"> <div data-options="region:'north',split:false" > <div title="角色分配" > <table cellpa...

2020-05-27

82浏览

0评论

关于JavaScript中forEach和each用法浅析

本文主要给大家介绍了关于JavaScript中forEach和each的相关内容，分享出来供大家参考学习，下面话不多说，来一起看看详细的介绍：forEach是ES5中操作数组的一种方法，主要功能是遍历...

2020-05-27

56浏览

0评论

JS实现按钮控制计时开始和停止功能

下面给大家分享一段实例代码关于JS实现按钮控制计时开始和停止功能，具体代码如下所示：<span style="font-size:18px;"><body> 小闹钟: <span id="nz"></span> <input type="...

2020-05-27

69浏览

0评论

微信小程序页面跳转传值实现代码

微信小程序页面跳转传值实现代码微信小程序的页面路径只能是五层；现在场景如下：index（首页）打开新页面 list（列表）打开新页面search（条件查询）确定条件返回 list（列表）；这里有个限制，微...

2020-05-27

68浏览

0评论

vue中各组件之间传递数据的方法示例

前言本文主要给大家介绍了关于vue组件之间传递数据的相关资料，分享出来供大家参考学习，下面话不多说了，来一起看看详细的介绍：作用域
在vue中，组件实例的作用域是孤立的，父组件模...

2020-05-27

61浏览

0评论

基于构造函数的五种继承方法小结

1.使用call或apply绑定构造函数　　animal.apply(this.arguments)2.使用prototype属性　　　　Cat.prototype = new Animal();　　Cat.prototype.constructor = Cat;　　var...

2020-05-27

70浏览

0评论

Vue中如何实现轮播图的示例代码

这个功能我感觉在任何项目中都会涉及到，今天我就把我的实现方法跟大家分享一下，有不对的地方还请指出，我好更新。
下面是整体代码，我把轮播图单独做了一个组件，大家可以拿来就用，...

2020-05-27

60浏览

0评论

详解Angular-cli生成组件修改css成less或sass的实例

详解Angular-cli生成组件修改css成less或sass的实例使用cli命令生成组件:ng generate component 组件名生成出来的组件文件有：html / ts / css / spec.ts
问题我是一个less...

2020-05-27

49浏览

0评论

vue 怎么创建组件及组件使用方法

什么是组件？组件 (Component) 是 Vue.js 最强大的功能之一。组件可以扩展 HTML 元素，封装可重用的代码。在较高层面上，组件是自定义元素，Vue.js 的编译器为它添加特殊功能。在有...

2020-05-27

热门文章