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

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

VUE重点问题总结

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

vue实现树形菜单效果

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

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

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

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

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

angularjs 缓存的使用详解

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

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

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

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

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

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

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

基于webpack.config.js 参数详解

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

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

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

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

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

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

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

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

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

关于vue面试题汇总

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

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

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

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

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

浅谈Node 调试工具入门教程

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

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

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

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

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

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

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

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

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

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

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

JS 实现缓存算法的示例(FIFO/LRU)

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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. 代码:
<&#63;phpclass a{}$a...

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

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

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

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

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

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

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

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

vue项目关闭eslint校验

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

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

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

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

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

JS中的回调函数实例浅析

本文实例讲述了JS中的回调函数。分享给大家供大家参考,具体如下:在说回调函数之前,不妨先看一段代码,相信有点js基础的同学都能明白他的含义:document.getElementById('demo').c...

基于iScroll实现内容滚动效果

一、iScroll简介iScroll 是一款针对web app使用的滚动控件,它可以模拟原生IOS应用里的滚动列表操作,还可以实现缩放、拉动刷新、精确捕捉元素、自定义滚动条等功能。这里博主...

基于vue-video-player自定义播放器的方法

先看一下效果。图1--显示侧边栏图2-收起侧边栏;图三:全屏。写在前面本次项目中需要用到vue,vue-video-player,我用的是iview的ui框架,但是ui框架无妨,这里关注的是基于video.js开...

nodejs搭建本地服务器轻松解决跨域问题

最近把以前用jquery写的一个小demo拿出来运行的,刚开始的时候忘了开启本地服务导致控制台一直报XMLHttpRequest cannot load file:///C:/Users/79883/Desktop/ajax/data.json...

Vue封装一个简单轻量的上传文件组件的示例

一、之前遇到的一些问题项目中多出有上传文件的需求,使用现有的UI框架实现的过程中,不知道什么原因,总会有一些莫名其妙的bug。比如用某上传组件,明明注明(:multiple="false"),可...

基于JavaScript实现幸运抽奖页面

JS实现简单的幸运抽奖页面,供大家参考,具体内容如下 效果图:图片素材 :代码如下,复制即可使用:<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>幸运抽奖...

p5.js实现斐波那契螺旋的示例代码

本篇文章主要介绍了p5.js实现斐波那契螺旋的示例代码,分享给大家,也给自己做个笔记效果如下:主要方法 translate() rotate() arc()斐波那契螺旋斐波那契螺旋线也称“黄金螺...

jquery的 filter()方法使用教程

定义和用法
filter() 方法返回符合一定条件的元素。
该方法让您规定一个条件。不符合条件的元素将从选择中移除,符合条件的元素将被返回。
该方法通常用于缩小在被选元素组合...

返回顶部
顶部