JavaScript - 教程之家

56浏览

0评论

JavaScript中EventLoop介绍

想象下，比如浏览器在运行一个复杂的图像转换算法，因为是单线程的，所以此时浏览器进程被阻塞了，不能进行界面渲染，也不能运行其他代码，你的应用界面会失去和用户的交互。这一般情况...

2020-05-27

51浏览

0评论

浅谈ajax在jquery中的请求和servlet中的响应

在jsp中，首先，你需要导入jquery的架包：获取可返回站点的根路径： <% String path = request.getContextPath(); %> 在jquery中写ajax请求：<script type="text/javascript">...

2020-05-27

44浏览

0评论

jquery在启动页面时,自动加载数据的实例

其实，重要的就是这个方法：$(document).ready(function(){ } 具体的在jquery中：具体的ajax怎么使用，可以查看我的上一篇博客《浅谈ajax在jquery中的请求和servlet中的响应》<scri...

2020-05-27

91浏览

0评论

webpack引入eslint配置详解

webpack中eslint使用
首先，要使webpack支持eslint，就要要安装 eslint-loader ，命令如下:npm install --save-dev eslint-loader在 webpack.config.js 中添加如下代码：{ test: /...

2020-05-27

182浏览

0评论

vue-cli启动本地服务局域网不能访问的原因分析

1.问题描述：本地vue-cli启动了一个项目只能通过localhost:8080访问到，同一局域网下其他的手机和电脑并不能通过ip地址访问调试，2.原因：vue-cli项目是通过命令行一键生成的，...

2020-05-27

49浏览

0评论

基于openlayers4实现点的扩散效果

本文实例为大家分享了openlayers4实现点的扩散效果，供大家参考，具体内容如下
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title>...

2020-05-27

86浏览

0评论

vue组件编写之todolist组件实例详解

我们在topNav这个页面上插入一个todolist子组件我不知道怎么回事，这里的markdown的代码总是串行。。所以代码看得不舒服，见谅啊，我最后会放github的源代码地址。1. 父组件topNa...

2020-05-27

69浏览

0评论

浅谈React + Webpack 构建打包优化

本文介绍了React + Webpack 构建打包优化，分享给大家，具体如下：
使用 babel-react-optimize 对 React 代码进行优化
检查没有使用的库，去除 import 引用
按需打包所用的类库，比如...

2020-05-27

68浏览

0评论

Vue 拦截器对token过期处理方法

最近在做的一个项目，需要每个http请求下都要添加token，这样无疑是增加了工作量。而vue 拦截器interceptors正好可以解决我们的需求。Vue.http.interceptors.push(function (r...

2020-05-27

70浏览

0评论

js和jQuery以及easyui实现对下拉框的指定赋值方法

js实现：1. 通过让第i个option为selected实现选中第i个，代码如下：（id为下拉框id）（1） document.getElementById("id").options[i].selected=true;（2）document.getElementById("messaget...

2020-05-27

69浏览

0评论

Vue 换肤的示例实践

最近公司做的项目得到一个网站换肤的需求，也就是切换主题。那么如何切换主题色呢？切换主题色其实就是切换 CSS，然而在项目中不仅只有 CSS 需要换肤，图标和图片也需要跟随主题进...

2020-05-27

66浏览

0评论

js 实现复选框只能选择一项的示例代码

实例如下所示：<!DOCTYPE HTML><html><head> <title></title></head><body><ul> <li><input type="checkbox" name="ss" onclick="choose(this)">1</li> <li><input type...

2020-05-27

44浏览

0评论

jquery 输入框查找关键字并提亮颜色的实例代码

实例代码如下所示：<div> <a class="btn btn-success show" title="Popover title" data-container="body" data-toggle="popover" data-placement="bottom" data-co...

2020-05-27

103浏览

0评论

vuex的使用及持久化state的方式详解

Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。当我们接触vuex的时...

2020-05-27

67浏览

0评论

BootStrap自定义popover,点击区域隐藏功能的实现

当用bootstrap时，经常需要在某个地方添加帮助按钮，点击或者鼠标悬浮时，提示帮助信息，然而，bt给我们提供的方法里貌似没有，如果有哪位大神知道bootstrap有的可以留言，小弟学习了：代码...

2020-05-27

77浏览

0评论

three.js 入门案例详解

最近公司需要用tree.js实现一个3D图的显示，就看了官方文档，正好有时间，就记录下来。由于我们公司的前端框架用的是angular，所以我就把我的treejs封装在一个directives里面。后面...

2020-05-27

61浏览

0评论

php 解压zip压缩包内容到指定目录的实例

目录结构：test
test/index.php
test/test_zip.zip
test/test_zip<span style="font-size:14px;"><?php header('Content-type:text/html;charset=utf-8'); $filename = '...

2020-05-27

64浏览

0评论

bootstrap fileinput插件实现预览上传照片功能

效果图如下所示：具体代码如下：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <link rel="stylesheet" href="http://cdn.static.runoob.com/lib...

2020-05-27

67浏览

0评论

浅谈vue项目重构技术要点和总结

前言最近太忙了，博客好久没有更新了。今天忙里偷闲，简单总结一下最近vue项目重构的一些技术要点。vue数据更新，视图未更新这个问题我们经常会遇到，一般是vue数据赋值的时候，vue...

2020-05-27

73浏览

0评论

从parcel.js打包出错到选择nvm的全部过程

遇到问题我在使用parcel.js打包项目的时候出现了下面的错误：我在仔细检查完代码并且核实项目配置没有问题后，没办法只能求助万能的Google，结果在GitHub上找到了错误的原因，parce...

2020-05-27

74浏览

0评论

实时监控input框,实现输入框与下拉框联动的实例

如图：html代码<tr> <th scope="row">奖励类型：</th> <td><input value="" type="text" name="item" id="reward" style="width: 60px;height: 20px;" placeholder="输入关键字...

2020-05-27

53浏览

0评论

JS实现点击下拉菜单把选择的内容同步到input输入框内的实例

最近博主在边学flask边写测试平台，碰到一个比较常用的场景如下图所示这里有一个输入框组，下拉菜单里面有3个选项，还有一个输入框，代码是用 bootstrap写的，代码也给大家贴出来<div...

2020-05-27

75浏览

0评论

基于vue cli重构多页面脚手架过程详解

官方提供的项目生成工具vue-cli没有对多页面webApp的支持，但是在实际的项目中，我们需要这样的脚手架，参考了很多大牛的方法，这里提供了一种我的单页面脚手架转换为多页面脚手架...

2020-05-27

55浏览

0评论

JS实现基于拖拽改变物体大小的方法

本文实例讲述了JS实现基于拖拽改变物体大小的方法。分享给大家供大家参考，具体如下：拖拽改变物体大小功能：拖拽黄色小div来改变绿色大div的宽和高主要实现由三大步:1. 通过id获...

2020-05-27

52浏览

0评论

JS运动改变单物体透明度的方法分析

本文实例讲述了JS运动改变单物体透明度的方法。分享给大家供大家参考，具体如下：除了通过改变物体的宽，高，letf,top位置或者是运动方向来实现物体运动效果之外，改变物体的透明度，...

2020-05-27

66浏览

0评论

JS实现多物体运动的方法详解

本文实例分析了JS实现多物体运动的方法。分享给大家供大家参考，具体如下：基本步骤1.通过getElementsByTagName获取到要做多物体运动的元素
2.然后for循环遍历元素，添加事件
3....

2020-05-27

56浏览

0评论

简述vue中的config配置

在webpack.base.conf文件中配置别名以及扩展名resolve: { extensions: ['.js', '.vue', '.json', '.styl'], alias: { 'vue$': 'vue/dist/vue.esm.js', '@': resolve(...

2020-05-27

47浏览

0评论

AngularJS基于http请求实现下载php生成的excel文件功能示例

本文实例讲述了AngularJS基于http请求实现下载php生成的excel文件功能。分享给大家供大家参考，具体如下：使用PHPExcel插件的同学们都知道，导出excel是直接将生成内容修改conten...

2020-05-27

72浏览

0评论

基于vue.js 2.x的虚拟滚动条的示例代码

前言记得以前偶然有一次浏览过一个开源的cms项目，发现这个项目的左边的菜单已经超出了windows的宽度，我就好奇为什么没出滚动条呢？然后我仔细一看，发现它左侧有一个小的div，然后...

2020-05-27

69浏览

0评论

使用classList来实现两个按钮样式的切换方法

classList属性的方法：add();remove();toggle();描述，在一些页面我们需要使用两个按钮来回切换，如图：我们要使用到add()和remove()方法html部分:<div class="login-title"><a hre...

2020-05-27

67浏览

0评论

Angular整合zTree的示例代码

1 前提准备1.1 新建一个angular4项目参考博文：点击前往1.2 去zTree官网下载zTreezTree官网：点击前往2 编程步骤从打印出zTree对象可以看出，zTree对象利用init方法来实现zTree...

2020-05-27

105浏览

0评论

基于node打包可执行文件工具_Pkg使用心得分享

项目地址这个项目很神奇，直接将node.js项目打包成windows可以直接执行的exe文件（也支持FreeBSD、linux、macos、arm系统），甚至不需要安装Node.js，且无须修改你项目中的任何代码！首...

2020-05-27

111浏览

0评论

微信、QQ、微博、Safari中使用js唤起App

背景最近在做微信、QQ、微博中使用js唤起App，之前也做过类似的功能，不过比较粗糙，考虑的情况不太全，而且那已经是很久之前的事情了，很多技术都已过时，现在有体验更好，功能更加完善...

QQ

2020-05-27

91浏览

0评论

深入理解node.js http模块

http模块主要用于搭建HTTP服务端和客户端，使用HTTP服务器或客户端功能都必须调用http模块。创建服务器var http = require(“http”);var url = require(“url”);//创建服务...

2020-05-27

82浏览

0评论

除Console.log()外更多的Javascript调试命令

Console 对象提供对浏览器控制台的接入（如：Firefox 的 Web Console）。不同浏览器上它的工作方式是不一样的，但这里会介绍一些大都会提供的接口特性。
Console对象可以在任何全局...

2020-05-27

79浏览

0评论

详解nodeJs文件系统（fs）与流（stream）

一、简介本文将介绍node.js文件系统（fs）和流（stream）的一些API已经参数使用情况。二、目录文件系统将介绍以下方法：1.fs.readFile2.fs.writeFile3.fs.open4.fs.read5.fs.stat6.fs...

2020-05-27

68浏览

0评论

浅谈Node.js 子进程与应用场景

背景
由于ons（阿里云 RocketMQ 包）基于 C艹封装而来，不支持单一进程内实例化多个生产者与消费者，为了解决这一问题，使用了 Node.js 子进程。在使用的过程中碰到的坑发布：进程管理...

2020-05-27

102浏览

0评论

详解node child_process模块学习笔记

NodeJs是一个单进程的语言，不能像Java那样可以创建多线程来并发执行。当然在大部分情况下，NodeJs是不需要并发执行的，因为它是事件驱动性永不阻塞。但单进程也有个问题就是不能...

2020-05-27

79浏览

0评论

bootstrap 点击空白处popover弹出框隐藏实例

代码：<div> <a class="btn btn-success show" title="Popover title" data-container="body" data-toggle="popover" data-placement="bottom" data-content="底部的 Pop...

2020-05-27

102浏览

0评论

JS运动特效之任意值添加运动的方法分析

本文实例讲述了JS运动特效之任意值添加运动的方法。分享给大家供大家参考，具体如下：回顾一下上个例子JS实现多物体运动的方法：<script> window.onload = function(){ v...

2020-05-27

88浏览

0评论

Bootstrap popover 实现鼠标移入移除显示隐藏功能方法

该段js代码可实现 popover 下鼠标移入移除时显示、隐藏 popover 提示信息功能var strContent = '<div class="media"><div class="position-left media-left"><img class="i...

2020-05-27

56浏览

0评论

JS运动特效之链式运动分析

本文实例讲述了JS运动特效之链式运动。分享给大家供大家参考，具体如下：接着前面一篇《JS运动特效之任意值添加运动的方法》继续折腾链式运动：一个运动接着一个运动。比如：鼠标移...

2020-05-27

85浏览

0评论

JS运动特效之同时运动实现方法分析

本文实例讲述了JS运动特效之同时运动实现方法。分享给大家供大家参考，具体如下：接着上一篇《JS运动特效之链式运动》继续折腾上一篇中我们的运动框架，可以完美的实现让一个物...

2020-05-27

90浏览

0评论

JS运动特效之完美运动框架实例分析

本文实例讲述了JS运动特效之运动框架。分享给大家供大家参考，具体如下：在前面一篇的《js运动特效之同时运动》中说过，我们的运动框架还存在一个问题，那究竟是什么问题那？把上一篇...

2020-05-27

78浏览

0评论

前端MVVM框架解析之双向绑定

MVVM 框架近年来前端一个明显的开发趋势就是架构从传统的 MVC 模式向 MVVM 模式迁移。在传统的 MVC 下，当前前端和后端发生数据交互后会刷新整个页面，从而导致比较差的用户体...

2020-05-27

75浏览

0评论

Vue框架之goods组件开发详解

一、布局 FlexFlex 布局，可以简便、完整、响应式地实现各种页面布局，Flex 是 Flexible Box 的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性。任何一个容器都可以指定为...

2020-05-27

47浏览

0评论

在vue项目创建的后初始化首次使用stylus安装方法分享

项目创建报错：This dependency was not found:* !!vue-style-loader!css-loader?{"minimize":false,"sourceMap":false}!../../node_modules/vue-loader/lib/style-compi...

2020-05-27

113浏览

0评论

关于express与koa的使用对比详解

前言提到Node.js开发，不得不提目前炙手可热的2大框架express和koa。Express诞生已有时日，是一个简洁而灵活的web开发框架，使用简单而功能强大。Koa相对更为年轻，是Express框架原...

2020-05-27

74浏览

0评论

基于vue 开发中出现警告问题去除方法

出现这个警告问题的时候我们可以去main.js中在头部添加这句话：Vue.config.productionTip = false 这样即可去除警告！以上这篇基于vue 开发中出现警告问题去除方法就是小编分...

2020-05-27

66浏览

0评论

基于vue开发的在线付费课程应用过程

使用 vux UI组件库使用 vue-navigation 缓存页面，此库实现了前进刷新后退读缓存的功能，像原生APP导航一样。用子路由的方式实现tabbar有bug，用vuex解决了。使用 lib-flexib...

2020-05-27

热门文章