JavaScript - 教程之家

101浏览

0评论

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

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

2020-05-27

57浏览

0评论

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

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

2020-05-27

77浏览

0评论

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

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

2020-05-27

41浏览

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

47浏览

0评论

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

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

2020-05-27

62浏览

0评论

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

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

2020-05-27

78浏览

0评论

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

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

2020-05-27

61浏览

0评论

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

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

2020-05-27

55浏览

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

57浏览

0评论

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

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

2020-05-27

44浏览

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

39浏览

0评论

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

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

2020-05-27

52浏览

0评论

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

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

2020-05-27

63浏览

0评论

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

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

2020-05-27

75浏览

0评论

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

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

2020-05-27

62浏览

0评论

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

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

2020-05-27

65浏览

0评论

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

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

2020-05-27

72浏览

0评论

js封装成插件的步骤方法

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

2020-05-27

275浏览

0评论

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

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

2020-05-27

56浏览

0评论

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

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

2020-05-27

59浏览

0评论

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

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

2020-05-27

42浏览

0评论

详解webpack2+React 实例demo

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

2020-05-27

54浏览

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

56浏览

0评论

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

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

2020-05-27

55浏览

0评论

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

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

2020-05-27

55浏览

0评论

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

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

2020-05-27

34浏览

0评论

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

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

2020-05-27

70浏览

0评论

vue引入jq插件的实例讲解

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

2020-05-27

65浏览

0评论

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

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

2020-05-27

74浏览

0评论

详解angular笔记路由之angular-router

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

2020-05-27

53浏览

0评论

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

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

2020-05-27

55浏览

0评论

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

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

2020-05-27

286浏览

0评论

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

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

2020-05-27

43浏览

0评论

vue proxyTable 接口跨域请求调试的示例

在不同域之间访问是比较常见，在本地调试访问远程服务器。。。。这就是有域问题。VUE解决通过proxyTable:在 config/index.js 配置文件中 dev: { env: require('./de...

2020-05-27

85浏览

0评论

Node.js中使用mongoose操作mongodb数据库的方法

如何利用mongoose将数据写入mongodb数据库？1.利用npm下载安装mongoose;npm install mongoose2.建立js文件，引入mongoosevar mongoose = require('mongoose');3.mongoose.conne...

2020-05-27

63浏览

0评论

vue params、query传参使用详解

最近在学习Vue，本文介绍了vue params、query传参使用，分享给大家，也给自己留个笔记声明式：<router-link :to="...">
编程式：router.push(...)这两种方式都可以实现跳转链接，在上...

2020-05-27

38浏览

0评论

vue-resouce设置请求头的三种方法

本文主要介绍了vue-resouce设置请求头的三种方法，分享给大家，具体如下：第一种：在Vue实例中设置
var vm = new Vue({ el:'#rrapp', data:{ showList: true, title: null }...

2020-05-27

57浏览

0评论

javascript算法之二叉搜索树的示例代码

什么是二叉树二叉树就是树的每个节点最多只能有两个子节点什么是二叉搜索树二叉搜索树在二叉树的基础上，多了一个条件，就是二叉树在插入值时，若插入值比当前节点小，就插入到左节...

2020-05-27

85浏览

0评论

详解vue axios中文文档

axios中文文档在用Vue做开发的时候,官方推荐的前后端通信插件是axios,Github上axios的文档虽然详细,但是却是英文版.现在发现有个axios的中文文档,于是就转载过来了!
原文地...

2020-05-27

80浏览

0评论

jQuery+vue.js实现的九宫格拼图游戏完整实例【附源码下载】

本文实例讲述了jQuery+vue.js实现的九宫格拼图游戏。分享给大家供大家参考，具体如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title>...

2020-05-27

53浏览

0评论

Angular 4.0学习教程之架构详解

前言前段时间谷歌发布了广受欢迎的Angular JavaScript框架的4.0版本，该版本致力于缩小生成代码的体积，以及保持框架的简化发布计划。很久没写这种比较偏概念类的东西了，不过我...

2020-05-27

56浏览

0评论

BootStrap Table实现server分页序号连续显示功能（当前页从上一页的结束序号开始）

前言在使用bootstrap table的时候难免会用到分页，分页它提供了两种方式：client客户端分页、server服务端分页两种方式。在项目中一般是不用client分页的，一般表格数据量大，...

2020-05-27

51浏览

0评论

JS+canvas绘制的动态机械表动画效果

本文实例讲述了JS+canvas绘制的动态机械表动画效果。分享给大家供大家参考，具体如下：先来看看运行效果：完整实例代码：<!DOCTYPE html><html><head lang="en"> <meta charset="U...

2020-05-27

64浏览

0评论

详解react-router4 异步加载路由两种方法

方法一：我们要借助bundle-loader来实现按需加载。首先，新建一个bundle.js文件：
import React, { Component } from 'react'export default class Bundle extends React.Compone...

2020-05-27

58浏览

0评论

JS+canvas动态绘制饼图的方法示例

本文实例讲述了JS+canvas动态绘饼图的方法。分享给大家供大家参考，具体如下：运行效果图如下：完整代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title...

2020-05-27

43浏览

0评论

React中jquery引用的实现方法

在React中引用Jquery比较好玩，获取元素的数据更多1.引入方法举例：
import $ from 'jquery';import { Button } from 'antd';class testJquery extends React.Component {　　c...

2020-05-27

50浏览

0评论

详解react-native-fs插件的使用以及遇到的坑

react-native-fs插件是文件对上传和下载时使用的，iOS和android都可使用，File upload (iOS only)。安装命令：
npm install react-native-fs --save//注意：如果react native版本是...

2020-05-27

56浏览

0评论

JavaScript中递归实现的方法及其区别

递归函数：递归函数是在通过名字调用自身的情况下构成的。递归实现阶乘函数：方法一：通过使用函数的名字 function factorial(num){ if(num<=1){ return 1; }else{...

2020-05-27

56浏览

0评论

react-native DatePicker日期选择组件的实现代码

本教程的实现效果如下:
为了实现其淡入/淡出的覆盖效果, 还有取消按钮, 在此用了一个三方的组件, 大家可以先安装一下:
三方组件的地址:https://github.com/eyaleizenberg/r...

2020-05-27

70浏览

0评论

67 个节约开发时间的前端开发者的工具、库和资源

在本文中，我不会去谈 React、Angular、Vue 等等这些大的前端框架，也不会谈 Atom、VS code、Sublime 等等这些已经很出名的代码编辑器，我只是想简单的分享一套我认为有助于提升...

2020-05-27

热门文章