JavaScript - 教程之家

57浏览

0评论

JavaScript判断浏览器和hack滚动条的写法

判断各大浏览器内核：
var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串 var isOpera = userAgent.indexOf("Opera") >...

2020-05-27

99浏览

0评论

基于Vue.js实现tab滑块效果

本文实例为大家分享了Vue.js实现tab滑块效果的具体代码，供大家参考，具体内容如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" cont...

2020-05-27

64浏览

0评论

jquery实现下拉菜单的手风琴效果

本文实例为大家分享了jquery实现下拉菜单手风琴展示的具体代码，供大家参考，具体内容如下html代码<div class="site-nav"> <ul class="site-accordion"> <li> <div class="t...

2020-05-27

84浏览

0评论

JavaScript30 一个月纯 JS 挑战中文指南(英文全集)

JavaScript30 – 一个月纯 JS 挑战中文指南JavaScirpt30 是 Wes Bos 推出的一个 30 天挑战。项目免费提供了 30 个视频教程、30 个挑战的起始文档和 30 个挑战解决方案源代...

2020-05-27

81浏览

0评论

JavaScript Drum Kit 指南(纯 JS 模拟敲鼓效果)

核心代码：<script> function removeTransition(event) { if (event.propertyName !== 'transform') return; // 过滤其中一种事件 event.target.classList.remove('playing...

2020-05-27

45浏览

0评论

php register_shutdown_function函数详解

设定错误和异常处理三函数register_shutdown_function(array(‘Debug','fatalError')); //定义PHP程序执行完成后执行的函数set_error_handler(array(‘Debug','appError'))...

2020-05-27

47浏览

0评论

jQuery实现拼图小游戏(实例讲解)

小熊维尼拼图jQuery代码实现拼图小游戏，鼠标选中拼块，用上下左右键移动拼块。html代码<div id="box-div">  <div id="tips"> <p>\(╯-╰)/ 哎呦，走...

2020-05-27

71浏览

0评论

vue 实现 tomato timer(蕃茄钟)实例讲解

近期在学习【时间管理】方面的课程，其中有一期讲了蕃茄工作法，发现是个好多东西。蕃茄工作法核心思想就是：工作25分钟，休息5分钟。如果您好了解更多可以自行度娘。在加上本人是...

2020-05-27

96浏览

0评论

浅谈Node.js ORM框架Sequlize之表间关系

Sequelize模型之间存在关联关系，这些关系代表了数据库中对应表之间的主/外键关系。基于模型关系可以实现关联表之间的连接查询、更新、删除等操作。本文将通过一个示例，介绍模...

2020-05-27

55浏览

0评论

React 子组件向父组件传值的方法

本文介绍了React 子组件向父组件传值的方法，分享给大家
子组件需要控制自己的 state，然后告诉父组件自己的state，通过props调用父组件中用来控制state的函数，在父组件中展示子...

2020-05-27

61浏览

0评论

vue.js移动端app实战1：初始配置详解

本系列将会用vue.js2制作一个移动端的webapp单页面，页面不多，大概在7,8个左右，不过麻雀虽小，五脏俱全，常用的效果如轮播图，下拉刷新，上拉加载，图片懒加载都会用到。css方面也会有一...

2020-05-27

58浏览

0评论

浅析JavaScript中的平稳退化（graceful degradation）

所谓平稳退化，就是指可以让访问者在浏览器不支持javascript或者禁用了JavaScript的时候依旧可以顺利的浏览你的网页；即，虽然有些功能无法使用，但基本操作依旧可以顺利完成。这里...

2020-05-27

158浏览

0评论

深入理解React Native原生模块与JS模块通信的几种方式

每种语言都有自己的设计理念、语法、运行环境，这也导致了不同语言间相互交流通信时必须要有中介来翻译，如JAVA与C/C++通过JNI来交流、OC与C/C++需要在.mm文件混编、而JAVA/OC...

2020-05-27

55浏览

0评论

Angular中ng-repeat与ul li的多层嵌套重复问题

学习ng-repeat的过程中常常使用到ng-repeat=”item in array”来循环输出所需要的元素，但是当我们需要使用ng-repeat进行多层嵌套时则容易出现数据重复的问题。如在加载与点...

2020-05-27

51浏览

0评论

JavaScript对JSON数据进行排序和搜索

在使用AJAX获取数据时后台返回的大部分都是json数据，在进行程序开发时有时会需要直接对这些json数据在js程序中再进行一定的操作，如排序、搜索等，而不是通过AJAX请求由数据库进...

2020-05-27

97浏览

0评论

mui开发中获取单选按钮、复选框的值(实例讲解)

js获取单选按钮的值function getVals(){ var res = getRadioRes('rds'); if(res == null){mui.toast('请选择'); return;} mui.toast(res);}function getRadioRes(className...

2020-05-27

97浏览

0评论

Vue2 Vue-cli中使用Typescript的配置详解

前言因为最近公司的团队热衷于vue框架，新项目想着练练typescript，于是开始了vue+ts的踩坑之路...本文意在为和我有一样想法的伙伴们省去踩坑的时间，下面话不多说了，来一起看看关...

2020-05-27

81浏览

0评论

利用node.js实现反向代理的方法详解

本文主要给大家介绍的是关于利用node.js实现反向代理的相关内容，分享出供大家参考学习，下面话不多说，来一起看看详细的介绍：跨域问题是前端开发很常见的问题解决方案有很多种 j...

2020-05-27

91浏览

0评论

想用好React的你必须要知道的一些事情

前言React 是 Facebook 里一群牛 X 的码农折腾出的牛X的框架。实现了一个虚拟 DOM，用 DOM 的方式将需要的组件秒加，用不着的秒删。本文主要给大家介绍了关于想用好React的你...

2020-05-27

50浏览

0评论

使用AngularJS编写多选按钮选中时触发指定方法的指令代码详解

最近在做项目时，遇到了需要用到多选按钮选中触发事件的功能，因此我查找了一下AngularJS的提供的指令，但是没有发现相应的指令。而一个看起来很像的指令就是ng-checked，但是这个...

2020-05-27

66浏览

0评论

在React中如何优雅的处理事件响应详解

前言本文主要给大家介绍的是关于React处理事件响应的相关内容，分享出来供大家参考学习，下面来一起看看详细的介绍吧。React中定义一个组件，可以通过React.createClass或者ES6的...

2020-05-27

61浏览

0评论

Javascript之图片的延迟加载的实例详解

Javascript之图片的延迟加载的实例详解作用：保证页面打开的速度(3s之内打不开页面，就已经算是死亡页面了)原理： 1）对于首屏内容中的图片：首先给对应的区域一张默认图片占着位...

2020-05-27

293浏览

0评论

JavaScript取得gridview中获取checkbox选中的值

测试好半天，才出来，checkbox在第一列， for( i=1;i<document.all.GVmain.rows.length;i++) { var cb=document.all.GVmain.rows(i).cells(0).children(0);...

2020-05-27

81浏览

0评论

javascript cookie的基本操作（添加和删除）

javascript cookie的基本操作（添加和删除）1.添加一个cookie：response.addCookie(Cookie c);2.获取cookie集合： request.getCookies();3.新建一个cookie：new Cookie(String name,S...

2020-05-27

48浏览

0评论

Vue列表页渲染优化详解

vue列表页渲染优化，具体内容如下
想法初始化时，vue会对data做getter、setter改造，在现代浏览器里，虽然JS已经足够快，但仍然有优化空间。列表页的数据结构为：list: [ // 每一项...

2020-05-27

90浏览

0评论

简单实现js放大镜效果

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

2020-05-27

78浏览

0评论

关于react-router的几种配置方式详解

本文介绍关于react-router的几种配置方式详解，分享给大家，具体如下：路由的概念
路由的作用就是将url和函数进行映射，在单页面应用中路由是必不可少的部分，路由配置就是一组指令，用...

2020-05-27

58浏览

0评论

react-router4 嵌套路由的使用方法

react我自己还在摸索学习中，今天正好学习一下react-router4 嵌套路由的使用方法，顺便留着笔记先直接贴代码import React from 'react';import ReactDOM from 'react-dom';impo...

2020-05-27

77浏览

0评论

JavaScript中的FileReader图片预览上传功能实现代码

关于filereader图片预览上传功能的实现代码如下所示：html:<div style="width:200px;height:200px;"> <label for="ceshi" style="display:block;"> <img style="width:200px...

2020-05-27

60浏览

0评论

NodeJS使用七牛云存储上传文件的方法

1-准备工作确认安装node和npm安装 qiniu,formidable,express模块npm install --save qiniu formidable[x] 导入模块
let qiniu = require('qiniu'), formidable = require(...

2020-05-27

67浏览

0评论

关于vue-resource报错450的解决方案

本文介绍了关于vue-resource报错450的解决方案，分享给大家，具体如下：一、基本使用：1.页面引入 import vueResource from 'vue-resource' Vue.use(vueResource)2. 调取接口Vue.ht...

2020-05-27

73浏览

0评论

vue2.0的contextmenu右键弹出菜单的实例代码

整理文档，搜刮出一个vue2.0的contextmenu右键弹出菜单的实例代码，稍微整理精简一下做下分享。
1.事情对象<!DOCTYPE html><html><head> <title></title> <meta charset="ut...

2020-05-27

57浏览

0评论

JS按条件 serialize() 对应标签的使用方法

erialize()定义和用法：serialize()方法通过序列化表单值，创建标准的URL编码文本字符串，它的操作对象是代表表单元素集合的jQuery 对象。你可以选择一个或多个表单元素（比如input...

2020-05-27

63浏览

0评论

深入理解基于vue-cli的vuex配置

本文介绍了基于vue-cli的vuex配置，分享给大家，希望对大家有帮助
首先成功运行vue-cli项目
安装vuexcnpm i vuex --save修改配置文件store新建文件夹store（与router同级）然后在st...

2020-05-27

81浏览

0评论

基于JavaScript实现百度搜索框效果

本文实例为大家分享了js实现百度搜索框展示效果的具体代码，供大家参考，具体内容如下具体代码如下:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Doc...

2020-05-27

65浏览

0评论

Vue项目中引入外部文件的方法（css、js、less）

这两天学习了Vue.js ，正好了解了如何引入外部文件的方法，而且很重要，所以，今天添加一点小笔记。
例子中css文件采用bootstrap.css，js文件采用jQuery，less文件用less.less(自定义文...

2020-05-27

53浏览

0评论

浅谈Vue.js 1.x 和 2.x 实例的生命周期

在Vue.js中，在实例化Vue之前，它们都是以HTML的文本形式存在文本编辑器中。当实例化后将经历创建、编译、销毁三个主要阶段。以下是Vue.js 1.x 实例的生命周期图示：Vue.js 1.x...

2020-05-27

87浏览

0评论

教你5分钟学会用requirejs(必看篇)

requirejs是干啥的啊？曾经，我们将一些js组件放到不同的文件，然后通过script标签引入，如果几个组件有依赖，那么要小心了，你必须将被依赖的放到前面，否则的话会出现啥啥啥is undefine...

2020-05-27

62浏览

0评论

老生常谈js中的MVC

MVC是什么？MVC是一种架构模式，它将应用抽象为3个部分：模型（数据）、视图、控制器（分发器）。本文将用一个经典的例子todoList来展开（代码在最后）。一个事件发生的过程（通信单向流动）：1、用...

2020-05-27

96浏览

0评论

简单谈谈React中的路由系统

React中的路由系统提起路由，首先想到的就是 ASPNET MVC 里面的路由系统--通过事先定义一组路由规则，程序运行时就能自动根据我们输入的URL来返回相对应的页面。前端中的路由与...

2020-05-27

53浏览

0评论

基于JavaScript实现多级菜单效果

本文实例为大家分享了js实现多级菜单效果展示的具体代码，供大家参考，具体内容如下具体代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Docu...

2020-05-27

43浏览

0评论

js事件委托和事件代理案例分享

什么是事件委托/事件代理　　利用事件的冒泡传播机制（触发当前元素的某一个行为，它父级所有元素的相关行为都会被触发），如果一个容器中有很多元素都要绑定点击事件，我们没有必要...

2020-05-27

59浏览

0评论

基于Bootstrap的标签页组件及bootstrap-tab使用说明

bootstrap-tabbootstrap-tab组件是对原生的bootstrap-tab组件的封装，方便开发者更方便地使用，主要包含以下功能：tab页初始化
关闭tab页
新增tab
显示tab页
获取tab页ID使用Step...

2020-05-27

80浏览

0评论

以BootStrap Tab为例写一个前端组件

介绍本文以Bootstrap标签页组件为例，介绍如何编写或者封装一个前端组件，以下是实现效果：原生的Bootstrap-tab组件主要有html,css组成，开发者使用时，需要写很多代码，不易于使用，对bo...

2020-05-27

53浏览

0评论

详解angularjs获取元素以及angular.element()用法

本文介绍了详解angularjs获取元素以及angular.element()用法，分享给大家，具体如下：
addClass()-为每个匹配的元素添加指定的样式类名 after()-在匹配元素集合中的每个元素...

2020-05-27

61浏览

0评论

利用node.js爬取指定排名网站的JS引用库详解

前言
本文给大家介绍的爬虫将从网站爬取排名前几的网站，具体前几名可以具体设置，并分别爬取他们的主页，检查是否引用特定库。下面话不多说了，来一起看看详细的介绍：所用到的node...

2020-05-27

60浏览

0评论

微信JSSDK调用微信扫一扫功能的方法

如何利用微信JSSDK调用微信扫一扫功能？具体内容如下1. 确保有调起微信扫一扫接口权限，测试号可能不行；2. 导入相关JS<script type="text/javascript" http://test.com/zepto_...

2020-05-27

50浏览

0评论

关于TypeScript中import JSON的正确姿势详解

前言Typescript是微软内部出品的，用actionscript的语法在写js的一门新语言，最近 TypeScript 中毒，想想我一个弱类型出身的人，怎么就喜欢上了类型约束……当然这不是重点，重点可能...

2020-05-27

80浏览

0评论

基于jquery实现多级菜单效果

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

2020-05-27

86浏览

0评论

深入解析nodejs HTTP服务

我最近在研究nodejs的路上，正好这两天了解了nodejs HTTP服务，那么今天也算个学习笔记吧！
nodejs最重要的方面之一是具有非常迅速的实现HTTP和HTTPS服务器和服务的能力。http服...

2020-05-27

热门文章