- 博客(27)
- 收藏
- 关注
RSS订阅转载 深入理解es6（下）
一、symboljavascript基本数据类型:null、undefined、number、boolean、string、symbolES6 引入了一种新的原始数据类型Symbol，表示独一无二的值（随机生成的一个永远都不会重复的id串）let s = Symbol();typeof s// "symbol"二、Set和Map1、Set()是es6提供的一种新的数据...
2019-09-10 14:57:00
159
转载 深入理解es6(上)
一、let和const1、let与var的区别不存在变量提升块级作用域不允许重复声明2、const常量const与let一样，唯一区别在于声明的常量不能被修改二、解构赋值es6按照一定模式，从数组和对象中提取值，对变量进行赋值，被称为解构1、数组的解构"模式匹配"，只要等号两边的模式相同，左边的变量就会被赋予对应的值，如果右边不是数组就会报错基本用法：let ...
2019-09-07 16:07:00
202
转载 vuecli3的项目搭建
1、卸载旧版本npm uninstall vue-cli -g 或者 yarn global remove vue-cli2、安装cli3脚手架npm install -g @vue/cli 或者 yarn global add @vue/cli注意：要求node版本 >=8.9vue查看版本号------vue -Vnode查看版本号-----node -...
2019-09-05 15:32:00
182
转载 nodeJS从入门到进阶三（MongoDB数据库）
一、MongoDB数据库1、概念数据库（DataBase）是一个按照数据结构进行数据的组织，管理，存放数据的仓库。2、关系型数据库按照关系模型存储的数据库，数据与数据之间的关系非常密切，可以实现跨数据表查询数据，占用更少的硬盘实现更多的数据存储T-SQL标准的结构化查询语言，是关系型数据库的通用查询语言常见的关系型数据库：Mysql sql-server access sql...
2019-09-03 09:56:00
150
转载 nodeJS从入门到进阶二（网络部分）
一、网络服务器1、http状态码1xx: 表示普通请求，没有特殊含义2xx：请求成功200：请求成功3xx:表示重定向301 永久重定向302 临时重定向303 使用缓存（服务器没有更新过）4xx:无法访问403：无法访问404：资源找不到5xx：服务器有错500：服务器代码有错502：网关或代理服务器出错503：服务器已崩溃状态码使用r...
2019-08-30 16:14:00
178
转载 nodeJS实现简易爬虫
nodeJS实现简易爬虫需求：使用nodeJS爬取昵图网某个分类下的图片并存入本地运用nodeJS自带系统模块http、fs示例代码:var http =require('http');var fs =require('fs');var curentPage=1; //当前图片页数var maxcurentPage=5;//最大页数//获取图片地址function...
2019-08-28 16:57:00
119
转载 nodeJS从入门到进阶一（基础部分）
一、Node.js基础知识1、概念简单的说 Node.js 就是运行在服务端的 JavaScript。Node.js 是JavaScript的运行环境Node.js 使用了一个事件驱动、非阻塞式 I/O 的模型，使其轻量又高效。2、安装使用官网下载地址：http://nodejs.cn/nodeJS5个基本对象：1、require 引入模块2、export 导出对...
2019-08-27 11:58:00
171
转载 js节流与防抖函数封装
js节流与防抖函数封装常见应用场景：window的 resize 和 scroll 事件；文字输入时的 keyup 事件；元素拖拽、移动时的 mousemove 事件；防抖定义：多次触发事件后，事件处理函数只执行一次，并且是在触发操作结束时执行原理：对处理函数进行延时操作，若设定的延时到来之前，再次触发事件，则清除上一次的延时操作定时器，重新定时。经典案例：百度输入...
2019-06-10 15:01:00
602
转载 javascript高级程序设计阅读总结
5章 引用类型1、object类型创建1、var obj ={} ---对象字面量2、var obj = new Object(); ---new操作符2、Array类型创建1、var arr = new Array();2、var arr = [];检测数组instanceofArray.isArray()转换方法所有对象都具有 toLocale...
2019-06-05 11:39:00
107
转载 读心术小游戏
读心术小游戏主要用到知识点css3 2d转换 与过渡css 使用lessdisplay:grid 布局 repeat()方法fr单元是允许你用等分网格容器剩余可用空间来设置（简单来说就是占容器的几份）效果图html： <div class="wraper"> <div class="left"> &...
2019-05-08 09:34:00
1026
转载 css3可拖动的魔方3d
css3可拖动的魔方3d主要用到知识点：css3 3d转换原生js鼠标拖动事件display:grid 布局实现的功能3d魔方 可点击，可拖动直接看效果html： <div class="container"> <div class="box defaul"> <div class="pi...
2019-05-07 09:27:00
150
转载 canvas炫酷时钟
canvas炫酷时钟实现的功能主要用到canvas的一些基础api直接看效果html： <canvas id="myCanvas" width="500" height="500"></canvas>css： #myCanvas{ position: absolute; top: 50%; ...
2019-05-06 10:33:00
252
转载 jquery的浪漫(跑马灯 + 雪花飘落)
jquery的浪漫主要用到知识点：鼠标事件onmousedown() onmousemove() onmouseup()jquery的运用，对dom元素的增删改查css3 3d 功能的灵活运用实现的功能跑马灯效果 文字自动输入 雪花飘落 鼠标点击 滑动生成雪花 背景音乐等看效果html： <div class="text"> <...
2019-05-05 16:13:00
232
转载 jq + 面向对象实现拼图游戏
jq + 面向对象实现拼图游戏知识点拖拽事件es6面向对象jquery事件效果图html: <div class="wraper"> <div class="btn"> <button class="start">开始</button> </div>...
2019-05-04 13:18:00
183
转载 js数组中的find(), findIndex(), filter(), forEach(), some(), every(), map(), reduce()方法的详解和应用实例...
1. find()与findIndex() find()方法，用于找出第一个符合条件的数组成员。它的参数是一个回调函数，所有数组成员依次执行该回调函数，直到找出第一个返回值为true的成员，然后返回该成员。如果没有符合条件的成员，则返回undefined。[1, 2, 5, -1, 9].find((n) => n < 0)//找...
2019-04-29 16:09:00
195
转载 js动态数字时钟
js动态数字时钟主要用到知识点：主要是通过数组的一些方法,如：Array.from() Array.reduce() Array.find()时间的处理和渲染js用到面向对象的写法实现的功能炫酷的数字时间效果直接看效果html： <div class="wraper"> <div class="column"> ...
2019-04-29 15:43:00
1258
转载 canvas实现画板
canvas实现画板主要用到知识点：鼠标事件onmousedown() onmousemove() onmouseup() onmouseleave()事件委托canvas的一些方法 如：绘制线条moveTo() lineTo() stroke() 撤销功能getImageData() putImageData()实现的功能铅笔 橡皮擦 更换颜色 改变线条粗细 清屏 撤销 ...
2019-04-28 16:49:00
154
转载 canvas实现随机验证码
canvas实现随机验证码知识点canvas生成背景图和文字 设置字体样式和大小String的fromCharCode(code码)生成大小写字母和数字 str.toLowerCase()转小写随机抽取不重复的6位数字组成验证码字符串效果图html: <div class="wraper"> <input type="text"...
2019-04-27 20:38:00
332
转载 jquery实现照片墙
jquery照片墙由15张图片构成，大致思路：随机生成所有图片-->点击其中一张变为一张大图-->点击大图又变回多张主要用到jquery实现先来看看效果html： <div class="wraper"> <ul class="wraper-ul"></ul> </div>css：...
2019-04-26 17:38:00
437
转载 css3 之炫酷的loading效果
css3 之炫酷的loading效果今天实现了一个炫酷的loading效果，基本全用css来实现，主要练习一下css3的熟练运用js需要引入jquery 只用到了一点点js先看效果图html：<div class="box"> <div class="master"> <div class="eyes"...
2019-04-25 17:53:00
488
转载 vue实现商品购物车全选与全不选项目实战
项目需求：实现一个购物车全选框实现对商家和商品的全选商家全选框实现对当前商家所有商品的全选取消其中一个商品则取消对应商家全选和全选框选中一个商家下的所有商品则勾选对应商家的全选框，不勾选全选框选中所有商品则勾选所有商家全选框和全选框我的思路：1、通过对数据的简单操作可实现更深层次的全选操作2、vue.$set(object, key, value)给对象添加属性可以...
2019-04-07 22:46:00
750
转载 vue-router中元信息meta的妙用
{ path:"/test", name:"test", component:()=>import("@/components/test"), meta:{ title:"测试页面", //配置title keepAlive: true //是否缓存 }}1、配置此路由的标题title//main.js中...
2019-02-27 11:44:00
1227
转载 vue中路由按需加载的几种方式
使用vue-cli构建项目后，我们会在Router文件夹下面的index.js里面引入相关的路由组件,如：import Hello from '@/components/Hello'import Boy from '@/components/Boy'import Girl from '@/components/Girl'普通加载的缺点：webpack在打包的时候会把整个路由打包...
2019-02-27 11:16:00
161
转载 vue项目中vux的使用
vuxVUX 是基于 WeUI 和 Vue.js 的 移动端 UI 组件库,提供丰富的组件满足移动端(微信)页面常用业务需求。在vue-cli中使用步骤如下：1、安装：npm i vux -S2、vux2必须配合vux-loader使用，并配置build/webpack.base.conf.jsnpm i vux-loader -D const vuxLoader...
2019-02-26 14:51:00
246
转载 git操作常用命令
一、使用git1、git是什么？Git是目前世界上最先进的分布式版本控制系统。SVN与Git的最主要的区别？SVN是集中式版本控制系统，版本库是集中放在中央服务器的，而干活的时候，用的都是自己的电脑，所以首先要从中央服务器哪里得到最新的版本，然后干活，干完后，需要把自己做完的活推送到中央服务器。集中式版本控制系统是必须联网才能工作，如果在局域网还可以，带宽够大，速度够快，如果...
2019-02-26 12:45:00
76
转载 vue2.0 实现全选和全不选
实现思路：1、 v-model 一个收集所有input（除全选框外）数组checkModel ，vue会动态将其checked为true的input的value值存入数组checkModel里2 、watch函数来监听checkModel 属性，当其长度==input元素时 全选按钮选中 否则取消3 、全选按钮v-model checked 属性来显示当前选中状态 click事件里...
2019-02-26 12:41:00
153
转载 鼠标事件以及clientX、offsetX、screenX、pageX、x的区别
鼠标事件鼠标事件有下面这几种：1. onclick鼠标点击事件box.onclick = function(e){ console.log(e)}2. onmousedown鼠标按下事件box.onmousedown = function(e){ console.log(e)}3. onmouseup鼠标松...
2019-02-25 15:08:00
119
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人