JavaScript - 教程之家

55浏览

0评论

JavaScript中字符串的常用操作方法及特殊字符

下面看下js字符串的常用操作方法，具体内容如下所述：charAt() 获取字符串中特定索引处的字符；toupperCase() 将字符串的所有字符转换成大写字母；indexOf()...

2020-05-27

54浏览

0评论

jQuery中each方法的使用详解

概述：　　each() 方法规定为每个匹配元素规定运行的函数。　　返回 false 可用于及早停止循环,相当于break。　　返回 true 可以结束本次循环，相当于continue。语法:$(selecto...

2020-05-27

53浏览

0评论

jquery 实现拖动文件上传加载进度条功能

通过对文件的拖动实现文件的上传，主要用到的是HTML5的ondrop事件，上传内容通道FormData传输：//进度条<div class="parent-dlg" > <div class="progress-label">0%</div> <div c...

2020-05-27

52浏览

0评论

分析javascript原型及原型链

我们创建的每个函数都有一个 prototype （原型）属性，这个属性是一个指针，指向一个原型对象，而这个原型对象中拥有的属性和方法可以被所以实例共享。function Person(){}Person.pro...

2020-05-27

39浏览

0评论

使用Angular CLI生成 Angular 5项目教程详解

如果您正在使用angular, 但是没有好好利用angular cli的话, 那么可以看看本文.Angular CLI 官网:https://github.com/angular/angular-cli安装angular cli:npm install -g @...

2020-05-27

40浏览

0评论

jQuery替换节点元素的操作方法

替换节点元素的操作，实现动态页面的，代码如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>中国</title> <script type="text/javascript" src="../...

2020-05-27

74浏览

0评论

Servlet3.0与纯javascript通过Ajax交互的实例详解

对于很多人来说应该很简单。不过还是写写，方便Ajax学习的后来者。虽然js.html是一个纯静态的页面，但是以下的程序必须挂在Tomcat服务器上，才能做到Ajax交互，否则看不出效果的。E...

2020-05-27

279浏览

0评论

vue 实现的树形菜的实例代码

下面一段代码给大家介绍vue 实现的树形菜单功能，具体代码如下所示：
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>vue</title> <meta name="viewpo...

2020-05-27

47浏览

0评论

p5.js入门教程之键盘交互

一、键盘交互相关关键词与函数keyIsPressed: 关键词，按下按键时为true，反之为falsekeyCode: 关键词，用于判断按下哪个按键keyPressed():函数，按键按下时触发一次keyReleased():...

2020-05-27

71浏览

0评论

VUE重点问题总结

1、组件三种挂载方式
自动挂载var app3 = new Vue({ el: '#app-3', data: { seen: true }})手动挂载// 可以实现延迟按需挂载<div id="app"> {{name}} </div> <button oncli...

2020-05-27

51浏览

0评论

vue实现树形菜单效果

本文实例为大家分享了vue实现树形菜单效果展示的具体代码，供大家参考，具体内容如下
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>vue</title> <meta name="v...

2020-05-27

99浏览

0评论

react-native-video实现视频全屏播放的方法

react-native-video 是github上一个专用于React Native做视频播放的组件。这个组件是React Native上功能最全最好用的视频播放组件，还在持续开发之中，虽然还有些bug，但基本不影...

2020-05-27

63浏览

0评论

javascript原生封装一个淡入淡出效果的函数测试实例代码

说到js的渐变显示与消失，多数朋友会想到JQuery里面的fadeIn()、fadeOut()或fadeToggle()。但如果仅仅是为了引入这样的一个效果，而去调用了庞大JQuery库？或者说我通过用原生js...

2020-05-27

36浏览

0评论

angularjs 缓存的使用详解

一、什么是缓存一个缓存就是一个组件，它可以透明地存储数据，以便未来可以更快地服务于请求。缓存能够服务的请求越多，整体系统性能就提升得越多。二、Angular 中的缓存2.1 $cac...

2020-05-27

63浏览

0评论

详解React项目的服务端渲染改造(koa2+webpack3.11)

因为对网页SEO的需要，要把之前的React项目改造为服务端渲染，经过一番调查和研究，查阅了大量互联网资料。成功踩坑。选型思路：实现服务端渲染，想用React最新的版本，并且不对现有的...

2020-05-27

75浏览

0评论

JavaScript生成指定范围的时间列表

遇到一个场景，需要拿到指定时间范围内的每一天，满足格式"YYYYMMDD",简单的功能，简单的思路准备　date对象有很多的方法，用到了以下：　 new date ()生成date对象，可以直接指定年...

2020-05-27

112浏览

0评论

nodejs基于express实现文件上传的方法

本文实例讲述了nodejs基于express实现文件上传的方法。分享给大家供大家参考，具体如下：前段时间在做个人项目的时候，用到了nodejs服务端上传文件，现在回头把这个小结一下，作为记...

2020-05-27

60浏览

0评论

基于webpack.config.js 参数详解

webpack.config.js文件通常放在项目的根目录中，它本身也是一个标准的Commonjs规范的模块。var webpack = require('webpack');module.exports = { entry: [ 'webpack/hot/on...

2020-05-27

139浏览

0评论

p5.js入门教程之图片加载

一、preload()函数与图片上传preload()函数是一个特殊的函数，它同setup()类似，只在程序开始时运行一次，但顺序在setup()之前。一般我们会将媒体文件（图片、声音）加载的语句放在pr...

2020-05-27

60浏览

0评论

解决vue-cli + webpack 新建项目出错的问题

今日使用 npm init webpack love 创建一个新项目，然后执行 npm run dev 之后项目报错，提示错误如下：没有给这些选项指定值：config-name, context, entry, module-bind, module-b...

2020-05-27

62浏览

0评论

快速解决vue-cli不能初始化webpack模板的问题

vue init webpack pro [Failed to download repo] [connect ETIMEDOUT 192.30.255.112]报这个错误有人说是代理问题。我也不懂，但这个方法有用1.去github上下载要初始化的模...

2020-05-27

55浏览

0评论

vue init webpack myproject构建项目 ip不能访问的解决方法

问题vue init webpack myproject构建项目使用localhost 或者127.0.0.1 均可以正常访问，但是切换到本地ip就不行了解决方式在 webpack.dev.conf.js 追加以下代码const HOST =...

2020-05-27

80浏览

0评论

关于vue面试题汇总

vue的底层原理?vue组件之间的通信？JS中判断数据类型的方法有几种?最常见的判断方法：typeof判断已知对象类型的方法： instanceof根据对象的constructor判断： constructor...

2020-05-27

65浏览

0评论

浅谈jquery fullpage 插件增加头部和版权的方法

前言一个页面，我们通过 jquery-fullpage 插件来制作，整个是全屏滚动的。但是，我们希望在最后一页增加一个版权，大概只有 100px 高，而不需要一个全屏来放版权。怎么做呢？搜索了一下...

2020-05-27

93浏览

0评论

使用Vue.js开发微信小程序开源框架mpvue解析

前言mpvue是一款使用Vue.js开发微信小程序的前端框架。使用此框架，开发者将得到完整的 Vue.js 开发体验，同时为H5和小程序提供了代码复用的能力。如果想将 H5 项目改造为小程...

2020-05-27

75浏览

0评论

浅谈Node 调试工具入门教程

JavaScript 程序越来越复杂，调试工具的重要性日益凸显。客户端脚本有浏览器，Node 脚本怎么调试呢？2016年，Node 决定将 Chrome 浏览器的"开发者工具"作为官方的调试工具，使得 Node...

2020-05-27

63浏览

0评论

webpack 打包压缩js和css的方法示例

打包压缩js与css由于webpack本身集成了UglifyJS插件（webpack.optimize.UglifyJsPlugin）来完成对JS与CSS的压缩混淆，无需引用额外的插件,其命令 webpack -p 即表示调用UglifyJS...

2020-05-27

86浏览

0评论

动态加载、移除js/css文件的示例代码

本文简单介绍动态加载、移除、替换js/css文件。有时候我们在写前端的时候，会有出现需要动态加载一些东如css js 这样能减轻用户加载负担，从而提高响应效率。下面贴出代码。 <...

2020-05-27

69浏览

0评论

webpack vue项目开发环境局域网访问方法

思路：将自己的项目启动ip与端口固定，当然端口也可以为默认的8080步骤：1.查看自己在局域网内的ip命令行 ipconfig2.回到自己的开发目录，在根目录找到comfig/index.js修改 host:...

2020-05-27

106浏览

0评论

在vue项目中使用sass的配置方法

1、创建一个基于 webpack 模板的新项目$ vue init webpack myvue2、在当前目录下，安装依赖$ cd myvue$ npm install3、安装sass的依赖包npm install --save-dev sass-loade...

2020-05-27

91浏览

0评论

react-native封装插件swiper的使用方法

首先创建简单的react-native项目,创建一个文件夹。然后用命令符输入react-native init swiper创建完成之后开发项目，我用的vs打开控制台，安装swiper依赖。安装：npm i react-nat...

2020-05-27

71浏览

0评论

JS 实现缓存算法的示例（FIFO/LRU）

FIFO
最简单的一种缓存算法，设置缓存上限，当达到了缓存上限的时候，按照先进先出的策略进行淘汰，再增加进新的 k-v 。使用了一个对象作为缓存，一个数组配合着记录添加进对象时的顺...

2020-05-27

71浏览

0评论

nodejs连接mysql数据库及基本知识点详解

本文实例讲述了nodejs连接mysql数据库及基本知识点。分享给大家供大家参考，具体如下：一、几个常用的全局变量1、__filename获取当前文件的路径
2、__dirname获取当前文件的目...

2020-05-27

73浏览

0评论

手写Node静态资源服务器的实现方法

想写静态资源服务器，首先我们需要知道如何创建一个http服务器，它的原理是什么http服务器是继承自tcp服务器 http协议是应用层协议，是基于TCP的
http的原理是对请求和响应进行了...

2020-05-27

61浏览

0评论

nodejs中密码加密处理操作详解

本文实例讲述了nodejs中密码加密处理操作。分享给大家供大家参考，具体如下：一、关于node加密模块crypto的介绍其实就是使用MD5加密的,不太安全,在实际开发中根据自己的方案进...

2020-05-27

52浏览

0评论

vue数据传递--我有特殊的实现技巧

前言最近碰到了比较多的关于vue的eventBus的问题，之前定技术选型的时候也被问到了，vuex和eventBus的使用范围。所以简单的写一下。同时有一种特殊的实现方案。有这么几种数据...

2020-05-27

42浏览

0评论

解决vue-router中的query动态传参问题

最近在写项目，在写项目的过程会总发现这样或者那样的问题，比如说vue-router中的query如何传递动态的参数，经过了一些波折才解决了问题，问题描述如下：希望跳转的时候url是这样的：ht...

2020-05-27

40浏览

0评论

webpack本地开发环境无法用IP访问的解决方法

问题描述：只能用http://localhost:8080访问项目,不能用http://本机IP:8080访问解决方案：webpack dev配置文件中加上host:'0.0.0.0'以上这篇webpack本地开发环境无法用IP访问的...

2020-05-27

50浏览

0评论

vue对storejs获取的数据进行处理时遇到的几种问题小结

具体代码如下所示：export default { data(){ return { shopList:{}, isEmpty:false, //判断购物车中是否有存在内容 } }, created(){ if(!store.get('...

2020-05-27

55浏览

0评论

AngularJS监听ng-repeat渲染完成的方法

某个项目，我的网页中有一个列表<ul>元素，样式如下：实际上它是通过Angular的ng-repeat形成的，html中的代码是：<li ng-repeat="for list in lists()" id="{{ list.id }}">{{ list.n...

2020-05-27

66浏览

0评论

用p5.js制作烟花特效的示例代码

前言之前看过一篇文章，使用processing制作烟花特效。效果如下fireworks 网上调查了一圈了，发现processing是一个互动编程软件，java语言发展而来。而且动画效果是跑在processing...

2020-05-27

48浏览

0评论

在 Linux/Unix 中不重启 Vim 而重新加载 .vimrc 文件的流程

我是一位新的 Vim 编辑器用户。我通常使用 :vs ~/.vimrc 来加载 ~/.vimrc 配置。而当我编辑 .vimrc 时，我需要不重启 Vim 会话而重新加载它。在 Linux 或者类 Unix 系统中，如...

2020-05-27

56浏览

0评论

javascript与PHP动态往类中添加方法对比

1.JAVASCRIPT：
a. 代码：var a = function(){}var my_a = new a()my_a.say = function(){console.log('hello')}my_a.say()b. 输出：
hello2. PHP：
a. 代码：
<?phpclass a{}$a...

2020-05-27

38浏览

0评论

vue2 mint-ui loadmore实现下拉刷新,上拉更多功能

mintui是饿了么团队针对vue开发的移动端组件库，方便实现移动端的一些功能,这里主要给大家介绍vue2 mint-ui loadmore实现下拉刷新,上拉更多功能，具体代码如下所示：<template> <...

2020-05-27

39浏览

0评论

JS代码实现电脑配置检测功能

下面一段代码给大家分享js代码实现电脑配置检测功能，具体代码如下所示：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <style type...

2020-05-27

50浏览

0评论

使用Vue.js和Flask来构建一个单页的App的示例

在这个教程中，我们将讲解如何将vue.js单页应用与Flask后端进行连接。一般来说，如果你只是想通过Flask模板使用vue.js库也是没有问题的。但是，实际上是一个很明显的问题那就是，Ji...

2020-05-27

62浏览

0评论

去掉vue 中的代码规范检测两种方法(Eslint验证)

我们在使用vue 脚手架时，为了规范团队的代码格式，会有一个代码规范检测，如果不符合规范就会报错，有时候我们不想按照他的规范去写。这时我们需要关闭。这里有两种方法。1.在搭建...

2020-05-27

50浏览

0评论

vue项目关闭eslint校验

简介eslinteslint是一个JavaScript的校验插件，通常用来校验语法或代码的书写风格。官方文档：https://eslint.org这篇文章总结了eslint的规则：Eslint规则说明关闭eslint校验有了...

2020-05-27

47浏览

0评论

JS实现遍历不规则多维数组的方法

本文实例讲述了JS实现遍历不规则多维数组的方法。分享给大家供大家参考，具体如下：直接进入正文：我们有时候处理数据，可能会遇到一些不规则(无法预料的数据结构)，那么拿到这种数据...

2020-05-27

68浏览

0评论

JS实现为动态添加的元素增加事件功能示例【基于事件委托】

本文实例讲述了JS实现为动态添加的元素增加事件功能。分享给大家供大家参考，具体如下：我们在日常开发中有时会通过js创建一些元素，但是如果使用原始的for循环给创建的节点添加...

2020-05-27

热门文章