JavaScript - 教程之家

60浏览

0评论

js实现延迟加载的几种方法

js的延迟加载有助与提高页面的加载速度，以下是延迟加载的几种方法：1.使用setTimeout延迟方法的加载时间延迟加载js代码，给网页加载留出更多时间<script type="text/javascript"...

2020-05-27

44浏览

0评论

Vue.js 2.0学习教程之从基础到组件详解

前言最近这段时间里不停的做着Vue的技术分享，虽然不是什么深层次的代码底能架构，如果底层架构真说出来，我就不会做Vue.js 2.0从基础到组件了，就会分享Vue从底层到还是到底层。我...

2020-05-27

47浏览

0评论

整理一些最近经常遇到的前端面试题

前言本文主要整理了一些最近遇到的前端面试题，方便大家在面试前有所准备，文中给出了详细的解答，下面话不多说了，来看看详细的介绍吧。1、标签属性中title和alt的区别
答:title是...

2020-05-27

85浏览

0评论

Javascript中类式继承和原型式继承的实现方法和区别之处

在所有面向对象的编程中，继承是一个重要的话题。一般说来，在设计类的时候，我们希望能减少重复性的代码，并且尽量弱化对象间的耦合（让一个类继承另一个类可能会导致二者产生强耦合...

2020-05-27

65浏览

0评论

ES6学习笔记之正则表达式和字符串正则方法分析

本文实例讲述了ES6正则表达式和字符串正则方法。分享给大家供大家参考，具体如下：RegExp构造函数在ES5中，RegExp构造函数的参数有两种情况。第一种情况是，参数是字符串，这时第二个...

2020-05-27

62浏览

0评论

vue.js父组件使用外部对象的方法示例

最近在碰到有同学问我，vue父组件怎么使用外部对象，具体例子如下：有组件a：<div @click="onClick">component a</div>// componet a...methods: { onClick(evt) { // doSomething...

2020-05-27

49浏览

0评论

3分钟掌握常用的JS操作JSON方法总结

工作中做了几款自动化测试工具都是跟日志读取相关，日志格式又大多数都是JSON，所以这里把常用的JS操作JSON的方法做了总结~~一、概要简介JSON(JavaScript Object Notation) 是...

2020-05-27

62浏览

0评论

详谈js使用in和hasOwnProperty获取对象属性的区别

in判断的是对象的所有属性，包括对象实例及其原型的属性；而hasOwnProperty则是判断对象实例的是否具有某个属性。示例代码：<script type="text/javascript"> function Person()...

2020-05-27

43浏览

0评论

Javascript中八种遍历方法的执行速度深度对比

前言遍历数组或对象是一名程序员的基本素养之一. 然而遍历却不是一件简单的事, 优秀的程序员知道怎么去选择合适的遍历方法, 优化遍历效率. 本篇将带你走进JavaScript遍历的...

2020-05-27

50浏览

0评论

ES6正则的扩展实例详解

本文实例讲述了ES6正则的扩展。分享给大家供大家参考，具体如下：1. RegExp构造函数ES5中，RegExp构造函数的参数：参数是字符串，这时第二个参数表示正则表达式的修饰符（flag）参数是一...

2020-05-27

68浏览

0评论

JavaScript中 DOM操作方法小结

DM是(Document Object Model)的简称。一.找元素 document.getElementById() 根据id选择器找，最多找一个； document.getElementsByName() 根据name找，找出的是...

2020-05-27

42浏览

0评论

使用Math.max,Math.min获取数组中的最值实例

Math.min()和Math.max()用法相似。两个方法用来获取给定的一组数值中的最大值或最小值，但是却不接受数组作为参数。当然可以写个函数遍历比较之类的等等，此处不描述。有两个快...

2020-05-27

69浏览

0评论

JS字符串按逗号和回车分隔的方法

split函数可以传入一个正则表达式作为分隔的字符串。function foo(str){ var temp = str.split(/[\n,]/g); for(var i =0;i<temp.length;i++){ if(temp[i] == ""){...

2020-05-27

305浏览

0评论

JavaScript基于replace+正则实现ES6的字符串模版功能

本文实例讲述了JavaScript基于replace+正则实现ES6的字符串模版功能。分享给大家供大家参考，具体如下：采用拼接字符串的形式，将 JSON 数据嵌入 HTML 中。开始时代码量较少，暂时...

2020-05-27

65浏览

0评论

js中字符型和数值型数字的互相转化方法(必看)

数值型的数字字符型数字之间如何互相转化呢，其实有个很简便的方法：比如字符串”123.45”和数值型123.45。字符串型只要在前面加个+好就可以了。数值型只要在后面加个空字符串...

2020-05-27

43浏览

0评论

深入理解Javascript中的作用域链和闭包

首先我们回顾下之前一篇关于介绍数组遍历的文章：
请先看上一篇中提到的for循环代码:var array = [];array.length = 10000000;//(一千万)for(var i=0,length=array.length;i<...

2020-05-27

107浏览

0评论

关于jQuery中fade(),show()起始位置的一点小发现

最近在鼓弄主页的时候想要添加一个音乐播放的插件，暂时使用网易与音乐外链播放器，效果是在右下角弹出和消失，于是问题来了：show()和fade()函数是用来显示或者隐藏元素的函数，可以...

2020-05-27

62浏览

0评论

jquery.form.js异步提交表单详解

本文实例为大家分享了jquery.form.js异步提交表单的具体代码，供大家参考，具体内容如下
引入脚本:<script type="text/javascript" src="/js/jquery.form.min.js"></script><sc...

2020-05-27

64浏览

0评论

ES6中Math对象新增的方法实例详解

本文实例讲述了ES6中Math对象新增的方法。分享给大家供大家参考，具体如下：Math.trunc()Math.trunc方法用于去除一个数的小数部分，返回整数部分。对于没有部署这个方法的环境，可...

2020-05-27

48浏览

0评论

完美解决UI-Grid表格元素中多个空格显示为一个空格的问题

UI-Grid中表格数据中如果存在多个连续的空格，会显示为一个空格，解决方法很简单，只需要加上这样一个样式：.ui-grid-cell-contents { white-space: pre !important;}white-space...

2020-05-27

59浏览

0评论

Javascript中click与blur事件的顺序详析

一、现象最近在开发中碰到了一个需求，具体需求如下图。这是一个很常见的需求，input框负责在点击回车和失焦的时候确认输入。button负责清除输入，input绑定代码为：input.addEvent...

2020-05-27

63浏览

0评论

如何在 Vue.js 中使用第三方js库

在诸多 Vue.js 应用中, Lodash, Moment, Axios, Async等都是一些非常有用的 JavaScript 库. 但随着项目越来越复杂, 可能会采取组件化和模块化的方式来组织代码, 还可能要使...

2020-05-27

62浏览

0评论

Angular实现一个简单的多选复选框的弹出框指令实例

之前的文章有写过包含树结构下拉框的。要实现一个包含多个复选框的下拉框该如何做呢？先上个效果图吧：代码：<!DOCTYPE html><html ng-app="app"><head> <meta charset="UTF-8"...

2020-05-27

39浏览

0评论

ES6数组的扩展详解

本文实例讲述了ES6数组的扩展。分享给大家供大家参考，具体如下：1. Array.from()Array.from()将类数组(array-like)对象与可遍历的对象转化为数组并返回。下面是一个类数组let...

2020-05-27

63浏览

0评论

用vue和node写的简易购物车实现

项目介绍
这是用vue写前端，用node来接收前端发来的请求，然后进行相应的数据操作，例如数据的存取和删除等。这是个人的练习项目，目前功能做的比较简单，主要是展示商品列表，把商品加...

2020-05-27

59浏览

0评论

详谈jQuery中使用attr(), prop(), val()获取value的异同

jQuery中有3个获取元素value值的函数比较相似：attr(), prop(), val()；拿来比较一下。　示例代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></...

2020-05-27

73浏览

0评论

json的结构与遍历方法实例分析

本文实例讲述了json的结构与遍历方法。分享给大家供大家参考，具体如下：第一种json结构：var jsongood ={"goods":[{"parentId":"null","productId":1,"name":"商品","amount":"n...

2020-05-27

55浏览

0评论

JS实现禁止高频率连续点击的方法【基于ES6语法】

本文实例讲述了JS实现禁止高频率连续点击的方法。分享给大家供大家参考，具体如下：1、类似react的数据流，点击之后立即设置值为空，当返回值后才可以点击2、设置定时器，每次进入之...

2020-05-27

72浏览

0评论

Node.js利用debug模块打印出调试日志的方法

前言大家都知道在node程序开发中时，经常需要打印调试日志。用的比较多的是debug模块，比如express框架中就用到了。下文简单举几个例子进行说明。文中相关代码示例，可在这里找到...

2020-05-27

107浏览

0评论

node.js中debug模块的简单介绍与使用

前言相信使用node.js的朋友们都知道，一般在nodejs需要进行调试的时候，可以使用console.log()方法来将调试信息输出到控制台，当发布到生产环境的时候，需要将这些调试信息都注释掉...

2020-05-27

58浏览

0评论

详解JS中的attribute属性

Attribute是属性的意思，文章仅对部分兼容IE和FF的Attribute相关的介绍。attributes：获取一个属性作为对象getAttribute：获取某一个属性的值
object.getAttributes(attribute) g...

2020-05-27

50浏览

0评论

Angular.js 4.x中表单Template-Driven Forms详解

Angular 4.x 中有两种表单： Template-Driven Forms - 模板驱动式表单 (类似于 Angular 1.x 中的表单 ) Reactive Forms - 响应式表单
本文主要介绍 Template-Driven Form...

2020-05-27

266浏览

0评论

AngularJS动态菜单操作指令

前言在我们创建一个angularJS应用的时候，菜单往往往是不可或缺的元素之一。也许在我们静态菜单的时候不会发现在指令中操作菜单收缩、折叠展开没有任何问题，因为我们...

2020-05-27

51浏览

0评论

Angular 4.x 动态创建表单实例

本文将介绍如何动态创建表单组件，我们最终实现的效果如下：在阅读本文之前，请确保你已经掌握 Angular 响应式表单和动态创建组件的相关知识，如果对相关知识还不了解，推荐先阅读一...

2020-05-27

47浏览

0评论

Angular 4.x中表单Reactive Forms详解

Angular 4.x 中有两种表单： Template-Driven Forms - 模板驱动式表单 (类似于 Angular 1.x 中的表单 ) Reactive Forms (Model-Driven Forms) - 响应式表单
Template-Dri...

2020-05-27

53浏览

0评论

详解Angular 4.x 动态创建组件

动态创建组件
这篇文章我们将介绍在 Angular 中如何动态创建组件。定义 AlertComponent 组件
首先，我们需要定义一个组件。exe-alert.component.tsimport { Component, Input...

2020-05-27

62浏览

0评论

VueJS如何引入css或者less文件的一些坑

我们在做Vue+webpack的时，难免会引入各种公共css样式文件，那么我们改如何引入呢？引入时会有那些坑呢？首先，引入公共样式时，我们在“main.js”里使用AMD的方式引入,即require('./as...

2020-05-27

57浏览

0评论

基于Vue实现timepicker

在github上看到的练习，看了遍代码后，按自己的思路再修改了一下。
先放原址：https://github.com/graysheeep/vue-material-timepicker。
自己做的在线demo：http://jsbin.com/du...

2020-05-27

46浏览

0评论

详解vue-cli + webpack 多页面实例应用

关于vue.jsvue.js是一套构建用户界面的轻型的渐进式前端框架。它的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。使用vue可以给你的开发带来极致的编...

2020-05-27

77浏览

0评论

详解Vue 动态添加模板的几种方法

以下方法只适用于 Vue1.0 版本，推荐系数由高到低排列。通常我们会在组件里的 template 属性定义模板，或者是在 *.vue 文件里的 template 标签里写模板。但是有时候会需要动态...

2020-05-27

48浏览

0评论

详谈Angular 2+ 的表单（一）之模板驱动型表单

摘要在企业应用开发时，表单是一个躲不过去的事情，和面向消费者的应用不同，企业领域的开发中，表单的使用量是惊人的。这些表单的处理其实是一个挺复杂的事情，比如有的是涉及到多个...

2020-05-27

47浏览

0评论

微信小程序中显示html格式内容的方法

前言最近项目上遇到在微信小程序里需要显示新闻内容，新闻内容是通过接口读取的服务器中的富文本内容，是html格式的，小程序默认是不支持html格式的内容显示的，那我们需要显示html...

2020-05-27

67浏览

0评论

微信小程序访问node.js接口服务器搭建教程

前言最近在做微信的应用号小程序开发，小程序的后台数据接口需要https安全请求，所以需要我的nodejs服务器能够提供https的支持，现在就将整个https服务器的搭建过程说一下。搭建...

2020-05-27

66浏览

0评论

vuejs如何配置less

本次我们来聊聊，vuejs里如何使用less。都是根据自己的开发经验来写，不对的地方请各位拍砖。在webstorm上配置Less 首先，全局安装lessnpm install less -g然后，在webstorm上配置l...

2020-05-27

49浏览

0评论

Vue+axios 实现http拦截及路由拦截实例

现如今,每个前端对于Vue都不会陌生,Vue框架是如今最流行的前端框架之一,其势头直追react.最近我用vue做了一个项目,下面便是我从中取得的一点收获.基于现在用vue+webpack搭...

2020-05-27

71浏览

0评论

windows下vue-cli及webpack搭建安装环境

1、安装Node.js，node.js安装包及源码下载地址为：https://nodejs.org/en/download/。
2、安装npm，由于新版的nodejs已经集成了npm，所以之前npm也一并安装好了。同样可以通过输入...

2020-05-27

55浏览

0评论

windows下vue-cli导入bootstrap样式

1、先安装好vue-cli，如果还没有安装好的可以参考：《windows下vue-cli及webpack 构建网站(一)环境安装》
2、安装好之后Vue的欢迎界面，我们要做个例子导入bootstrap的样式，就先去...

2020-05-27

72浏览

0评论

node.js中实现kindEditor图片上传功能的方法教程

前言最近由于工作需要使用在线编辑器，找了几个对比了下KindEditor还是不错的，国产的但文档还是不全，还好能参考官方插件，kindEditor官网上中提供了ASP,ASP.NET,JSP相关的整合应...

2020-05-27

67浏览

0评论

bootstrap table表格使用方法详解

本文实例为大家分享了bootstrap table表格的使用方法，供大家参考，具体内容如下1.进入页面，根据指定的URL加载数据(json格式)2.加载成功，根据$table.bootstrapTable({options})显...

2020-05-27

67浏览

0评论

Vue制作Todo List网页

Vue学习完成Todo List网页，供大家参考，具体内容如下
跟着老师学习Vue，我喜欢清爽的界面，就自己改了样式，看起来还不错，以后就用来记录要做的事情，实用性还蛮强。Vue非常容易上手，运...

2020-05-27

热门文章