JavaScript - 教程之家

61浏览

0评论

jQuery事件对象的属性和方法详解

jQuery事件对象的属性和方法，供大家参考，具体内容如下
事件对象的属于与方法有很多，但是我们经常用的只有那么几个，这里我主要说下作用与区别event.type：获取事件的类型触发元素...

2020-05-27

55浏览

0评论

深入理解ES7的async/await的用法

在最开始学习ES6的Promise时，曾写过一篇博文《promise和co搭配生成器函数方式解决js代码异步流程的比较》，文章中对比了使用Promise和co模块搭配生成器函数解决js异步的异同...

2020-05-27

119浏览

0评论

使用JS动态显示文本

本文实例为大家分享了JS动态显示文本的具体代码，供大家参考，具体内容如下index.html：<!DOCTYPE html><html lang="zh"> <head> <meta charset="utf-8" > <title>页面（HTM...

2020-05-27

69浏览

0评论

Vue2几种常见开局方式详解

在SF问题中看到了一个关于vue-cli中的template问题，问题是这样的：
用vue-cli工具生成的main.js中：import Vue from 'vue'import App from './App'import router from './router...

2020-05-27

111浏览

0评论

weex里Vuex state使用storage持久化详解

在weex里使用Vuex作为state管理工具，问题来了，如何使得state可以持久化呢？weex官方提供store模块，因此我们可以尝试使用该模块来持久化state。先看下该模块介绍：storage...

2020-05-27

51浏览

0评论

vue组件学习教程

在学习vue时，组件学习比较吃力，尤其是组件间的通信，所以总结一下，官方文档的组件部分。注册组件
全局组件
语法如下，组件模板需要使用一个根标签包裹起来。data必须是一个方法Vue...

2020-05-27

65浏览

0评论

浅谈Express异步进化史

1、导言在 Javascript 的世界里，异步（由于JavaScript的单线程运行，所以JavaScript中的异步是可以阻塞的）无处不在。Express 是 node 环境中非常流行的Web服务端框架，有很大比例的...

2020-05-27

56浏览

0评论

关于vue-router的beforeEach无限循环的问题解决

最近在使用vue-router的beforeEach钩子时候遇到了一个问题，就是在beforeEach()中设置好判断条件后出现了无限循环的问题
代码如下：router.beforeEach((to, from, next) => { i...

2020-05-27

48浏览

0评论

Angular4学习笔记之根模块与Ng模块

根模块 (root module)每个应用都至少有一个根模块用来引导并运行应用。根模块通常命名为 AppModule。示例 src/app/app.module.tsimport { NgModule } from '@angular/cor...

2020-05-27

60浏览

0评论

JS获取字符对应的ASCII码实例

有时候会需要用到字符的ASCII码，一时之间调试时可能会忘记字符与ASCII码对应的数字。最近喜欢用浏览器控制台直接跑JS代码，将这个代码直接贴到浏览器控制台，即可调试（谷歌浏览器...

2020-05-27

68浏览

0评论

基于AngularJS的简单使用详解

Angular Js 的初步认识和使用一：1.模块化定义模块和控制器 ng-app="myapp" controller="myctrl"指定模型 ng-model=""获取的属性值: ng-bind="属性名"或者{{属性名}}2.初始化...

2020-05-27

100浏览

0评论

深入浅出webpack教程系列_安装与基本打包用法和命令参数详解

webpack，我想大家应该都知道或者听过，Webpack是前端一个工具,可以让各个模块进行加载,预处理,再进行打包。现代的前端开发很多环境都依赖webpack构建，比如vue官方就推荐使用web...

2020-05-27

46浏览

0评论

基于node.js的fs核心模块读写文件操作(实例讲解)

node.js 里fs模块
常用的功能实现文件的读写目录的操作- 同步和异步共存，有异步不用同步- fs.readFile 都不能读取比运行内存大的文件，如果文件偏大也不会使用readFile方法-...

2020-05-27

59浏览

0评论

node.js 发布订阅模式的实例

实例如下：//导入内置模块let EventEmitter = require('events');let util=require('util');//Man继承EventEmitterutil.inherits(Man,EventEmitter); //创建一个函数function...

2020-05-27

64浏览

0评论

js 发布订阅模式的实例讲解

废话不多说，直接上代码//发布订阅模式class EventEmiter{ constructor(){ //维护一个对象 this._events={ } } on(eventName,callback){ if( this._events[ev...

2020-05-27

73浏览

0评论

cocos creator Touch事件应用(触控选择多个子节点的实例)

最近参与了cocos creator的研究，开发小游戏，结果被一个事件坑得不行不行的。现在终于解决了，分享给大家。原理1.触控事件是针对节点的2.触控事件的冒泡，是直接关系冒泡，父子可以，...

2020-05-27

91浏览

0评论

vue系列之动态路由详解【原创】

开题最近用vue来构建了一个小项目，由于项目是以iframe的形式嵌套在别的项目中的，所以对于登录的验证就比较的麻烦，索性后端大佬们基于现在的问题提出了解决的方案，在看到他们的...

2020-05-27

119浏览

0评论

原生JS实现移动端web轮播图详解（结合Tween算法造轮子）

前言相信大家应该都知道，移动端的轮播图是我们比较常见的需求, 我们最快的实现方式往往是使用第三方的代码, 例如 swiper , 但当遇到一些比较复杂的轮播图需求时, 往往是束...

2020-05-27

70浏览

0评论

利用纯js + transition动画实现移动端web轮播图详解

前言在上一篇文章中,我们使用 tween算法实现了 ease-out移动效果, 其实更简洁的方法是使用 css3的 transition动画，下面话不多说了，来一起看看详细的介绍吧。核心点:
在我们...

2020-05-27

85浏览

0评论

利用JQuery操作iframe父页面、子页面的元素和方法汇总

前言iframe在复合文档中经常用到，利用jquery操作iframe可以大幅提高效率，本文主要给大家分享了关于简单使用JQUERY来操作IFRAME的一些记录，这个使用纯JS也可以实现。下面话不多...

2020-05-27

50浏览

0评论

基于bootstrop常用类总结(推荐)

bootstrap前端开发工具栅格系统版心 .container栅格布局 (一行分为12格，响应式布局).row
.col-md-12
.col-sm-12
.col-xs-12<div class="row"><div class="col-md-4"></div><...

2020-05-27

60浏览

0评论

在原生不支持的旧环境中添加兼容的Object.keys实现方法

如下所示：if (!Object.keys) { Object.keys = (function () { var hasOwnProperty = Object.prototype.hasOwnProperty, //原型上的方法，只取自身有的属性； hasDontEnumBug...

2020-05-27

73浏览

0评论

基于DOM节点删除之empty和remove的区别(详解)

要移除页面上节点是开发者常见的操作，jQuery提供了几种不同的方法用来处理这个问题，这里我们开仔细了解下empty和remove方法empty 顾名思义，清空方法，但是与删除又有点不一样，因...

2020-05-27

92浏览

0评论

详解Vue双向数据绑定原理解析

基本原理Vue.采用数据劫持结合发布者-订阅者模式的方式，通过Object.defineProperty()来劫持各个属性的setter和getter，数据变动时发布消息给订阅者，触发相应函数的回调。思路整...

2020-05-27

80浏览

0评论

简单谈谈JS中的正则表达式

1、正则表达式包括两部分①定义正则表达式的规则；②正则表达式的模式(i/g/m)；
2、声明正则表达式① 字面量声明： var reg = /表达式规则/表达式模式；
　　eg：var reg = /white/g；...

2020-05-27

66浏览

0评论

node.js 核心http模块,起一个服务器,返回一个页面的实例

如下所示：let http=require("http"); //引入核心http模块let fs=require("fs");let mime={ '.js':'application/javascript', '.css':'text/css'}//创建一个函数，req代表客户...

2020-05-27

65浏览

0评论

Node.js 使用流实现读写同步边读边写功能

废话不多说了，直接给大家贴代码了，具体代码如下所示：//10个数 10个字节，每次读4b,写1blet fs=require("fs");function pipe(source,target) { //先创建可读流，再创建可写流 //...

2020-05-27

53浏览

0评论

checkbox:click事件触发span元素内容改变的方法

示例如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>checkbox</title> <script src="jquery.js"></script></head><body><p>我想去<span id="...

2020-05-27

55浏览

0评论

node.js 利用流实现读写同步,边读边写的方法

如下所示：//10个数 10个字节，每次读4b,写1blet fs=require("fs");function pipe(source,target) { //先创建可读流，再创建可写流 //先读一次，rs.on(data) //将读到的类容写入...

2020-05-27

64浏览

0评论

JS实现快速比较两个字符串中包含有相同数字的方法

本文实例讲述了JS实现快速比较两个字符串中包含有相同数字的方法。分享给大家供大家参考，具体如下：有两个字符串：$a = "5,8,0";$b = "8,0,5";怎样快速比较这两个字符串包含的数...

2020-05-27

84浏览

0评论

浅谈vue+webpack项目调试方法步骤

题外话：这几个月用vue写了三个项目了，从绊手绊脚开始慢慢熟悉，婶婶的感到语言这东西还是得有点框框架架，太自由了容易乱搞，特别人多的时候。从webpack开始直接进入正题。有人觉得...

2020-05-27

85浏览

0评论

JS中的Replace()传入函数时的用法详解

replace方法的语法是：stringObj.replace(rgExp, replaceText) 其中stringObj是字符串(string)，reExp可以是正则表达式对象(RegExp)也可以是字符串(string)，replaceText是替代查...

2020-05-27

79浏览

0评论

Chrome调试折腾记之JS断点调试技巧

JS调试技巧技巧一：格式化压缩代码
技巧二：快速跳转到某个断点的位置右侧的Breakpoints会汇总你在JS文件所有打过的断点，点击跟checkbox同一行的会暂时取消这个断点，若是点击che...

2020-05-27

87浏览

0评论

vue.js移动端app之上拉加载以及下拉刷新实战

上拉加载以及下拉刷新都是移动端很常见的功能，在搜索或者一些分类列表页面常常会用到。跟横向滚动一样，我们还是采用better-scroll这个库来实现。由于better已经更新了新的版...

2020-05-27

88浏览

0评论

js封装成插件的步骤方法

由于项目原因，工作一年多还没用js写过插件，项目太成熟，平时基本都是在使用已经封装好的功能插件。感觉自己好low......这两天想自己抽空写一个canvas画统计图与折现图的插件，所...

2020-05-27

306浏览

0评论

Vuejs 页面的区域化与组件封装的实现

组件的好处当我用vue写页面的时候，大量的数据页面渲染，引入组件简化主页面的代码量，当代码区域块代码差不多相同时，组件封装会更加简化代码。组件是Vue.js最强大的功能之一。组...

2020-05-27

73浏览

0评论

Layui table 组件的使用之初始化加载数据、数据刷新表格、传参数

背景笔者之前一直使用 bootstrap table ，因为当前项目中主要使用 Layui 框架，于是也就随了 Layui table ，只是在使用的时候出现了一些问题，当然也是怪自己不熟悉的锅吧！出现的问...

2020-05-27

72浏览

0评论

react-native 完整实现登录功能的示例代码

react native实现登录功能，包括ui的封装、网络请求的封装、导航器的实现、点击事件。demo下载：react-native 完整实现登录功能后台如果是springmvc实现的需要配置上如下代码 <...

2020-05-27

56浏览

0评论

详解webpack2+React 实例demo

1.目录结构
源文件在src目录下，打包后的文件在dist目录下。2.webpack.config.js
说明：
1.涉及到的插件需要npm install安装；
2.html-webpack-plugin创建服务于 webpack bundle...

2020-05-27

72浏览

0评论

JS和jQuery通过this获取html标签中的属性值(实例代码)

废话不多说了，具体代码如下所示：<html> <head> <script type="text/javascript" src="jquery-1.10.2.min.js"></script> <script type="text/javascript"> /** JQUERY 通...

2020-05-27

75浏览

0评论

详解使用Vue Router导航钩子与Vuex来实现后退状态保存

不好意思，标题比较啰嗦，因为这次的流水账确实属于一个比较细节的小东西，下面详细讲：1需求最近在使用electron-vue 开发一个跨平台的桌面端软件，刚上手写了几个页面，遇到一个问题：桌...

2020-05-27

65浏览

0评论

详解关于react-redux中的connect用法介绍及原理解析

关于react-redux的一个流程图流程图
connect用法介绍connect方法声明：connect([mapStateToProps], [mapDispatchToProps], [mergeProps],[options])作用：连接React组件与 Redu...

2020-05-27

74浏览

0评论

BootStrap实现文件上传并带有进度条效果

1.做了一天终于做出来了，在上传成功之后，可以将路径添加到数据库，因为一直在烦恼如何在上传成功之后在将路径添加到数据库，终于弄出来了，太开心了，不得不说bootstrap的强大，之前说a...

2020-05-27

48浏览

0评论

解决jquery appaend元素中id绑定事件失效的问题

1. 在jquery中append元素，如果该元素中有id值并且绑定事件，那么该id事件会失效，必须刷新一下才能使用。2.解决办法：举例：如果在一个<div class="title"></div>中，通过append添加一...

2020-05-27

85浏览

0评论

vue引入jq插件的实例讲解

今天做官网，把unslider做成指令，但是一直提示$(el).unslider() no a function，一开始我想复杂了，后来在网上看了很多帖子，大多数都是修改webpack.base.config.js，仔细尝试，网上确实...

2020-05-27

79浏览

0评论

jQuery实现用户信息表格的添加和删除功能

1、浏览器界面一个简单的用户信息操作2、html代码<body> <form name="userForm"> <center> 用户录入 <br /> 用户名: <input id="username" name=...

2020-05-27

87浏览

0评论

详解angular笔记路由之angular-router

本文介绍了angular笔记路由之angular-router，分享给大家，具体如下：
创建项目ng new router --routing \\ 加routing参数\\ 会新增一个app-routing.module.ts 文件路由的基本使...

2020-05-27

60浏览

0评论

JS监控关闭浏览器操作的实例详解

JS监控关闭浏览器操作的实例详解需求如下：
用户关闭浏览器通知后台。
方案如下：
1.采用js监控关闭浏览器操作。
2.用户关闭浏览器的时候发ajax请求到后台，执行相应的业务操...

2020-05-27

68浏览

0评论

js封装成插件_Canvas统计图插件编写实例

之前就说过，我想写一个canvas画统计图的插件，现在写好了先说下实现的功能吧：　　1.可以通过自定义X轴坐标属性和Y轴坐标属性按比例画出统计图　　2.可以选择画折现图还是柱形统...

2020-05-27

303浏览

0评论

ubuntu编译nodejs所需的软件并安装

闲了一段时间后，要开始做个项目了！公司以java为主，因此一直以来的技术栈为springboot,zookeeper,jredis,dubbo,druid.....经典的分布式服务器体系架构。我花了点时间，统计了一下...

2020-05-27

热门文章