摘要: nodeJS微信JSDK 配置 一、微信公众平台申请一个测试公众号 二、配置nodeJS 使用express框架搭建服务器 微信生成签名步骤: 1.获取token 2.通过token,获取jsapi_ticket 3.生成随机字符串,获取当前时间戳 4.排序拼接生成签名 + 在routes inde 阅读全文
posted @ 2019-10-23 10:20 smile_or 阅读(804) 评论(0) 推荐(0) 编辑
摘要: 一、symbol javascript基本数据类型: null、undefined、number、boolean、string、symbol ES6 引入了一种新的原始数据类型Symbol,表示独一无二的值(随机生成的一个永远都不会重复的id串) 二、Set和Map 1、Set() 是es6提供的一 阅读全文
posted @ 2019-09-10 14:57 smile_or 阅读(668) 评论(1) 推荐(0) 编辑
摘要: 一、let和const 1、let与var的区别 不存在变量提升 块级作用域 不允许重复声明 2、const常量 const与let一样,唯一区别在于声明的常量不能被修改 二、解构赋值 es6按照一定模式,从数组和对象中提取值,对变量进行赋值,被称为解构 1、数组的解构 + "模式匹配",只要等号两 阅读全文
posted @ 2019-09-07 16:07 smile_or 阅读(846) 评论(2) 推荐(0) 编辑
摘要: ##1、卸载旧版本 npm uninstall vue-cli -g 或者 yarn global remove vue-cli ##2、安装cli3脚手架 npm install -g @vue/cli 或者 yarn global add @vue/cli ###注意: 要求node版本 >=8 阅读全文
posted @ 2019-09-05 15:32 smile_or 阅读(3176) 评论(0) 推荐(0) 编辑
摘要: 一、MongoDB数据库 1、概念 数据库(DataBase)是一个按照数据结构进行数据的组织,管理,存放数据的仓库。 2、关系型数据库 按照关系模型存储的数据库,数据与数据之间的关系非常密切,可以实现跨数据表查询数据,占用更少的硬盘实现更多的数据存储 T SQL标准的结构化查询语言,是关系型数据库 阅读全文
posted @ 2019-09-03 09:56 smile_or 阅读(708) 评论(0) 推荐(0) 编辑
摘要: 一、网络服务器 1、http状态码 1xx: 表示普通请求,没有特殊含义 2xx:请求成功 + 200:请求成功 3xx:表示重定向 + 301 永久重定向 + 302 临时重定向 + 303 使用缓存(服务器没有更新过) 4xx:无法访问 + 403:无法访问 + 404:资源找不到 5xx:服务 阅读全文
posted @ 2019-08-30 16:14 smile_or 阅读(500) 评论(0) 推荐(0) 编辑
摘要: nodeJS实现简易爬虫 需求:使用nodeJS爬取昵图网某个分类下的图片并存入本地 + 运用nodeJS自带系统模块http、fs 示例代码: 阅读全文
posted @ 2019-08-28 16:57 smile_or 阅读(2002) 评论(0) 推荐(0) 编辑
摘要: 一、Node.js基础知识 1、概念 + 简单的说 Node.js 就是运行在服务端的 JavaScript。 + Node.js 是JavaScript的运行环境 + Node.js 使用了一个事件驱动、非阻塞式 I/O 的模型,使其轻量又高效。 2、安装使用 官网下载地址:http://node 阅读全文
posted @ 2019-08-27 11:58 smile_or 阅读(1127) 评论(0) 推荐(0) 编辑
摘要: 节流与防抖函数封装和使用 常见应用场景: window的 resize 和 scroll 事件; 文字输入时的 keyup 事件; 元素拖拽、移动时的 mousemove 事件; 防抖: 将多次执行变为最后一次执行 定义:多次触发事件后,事件处理函数只执行一次,并且是在触发操作结束时执行 原理:对处 阅读全文
posted @ 2019-06-10 15:01 smile_or 阅读(1685) 评论(0) 推荐(2) 编辑
摘要: 5章 引用类型 1、object类型 创建 1、var obj ={} 对象字面量 2、var obj = new Object(); new操作符 2、Array类型 创建 1、var arr = new Array(); 2、var arr = []; 检测数组 instanceof Array 阅读全文
posted @ 2019-06-05 11:39 smile_or 阅读(828) 评论(0) 推荐(0) 编辑
摘要: 读心术小游戏 ###主要用到知识点 css3 2d转换 与过渡 css 使用less display:grid 布局 repeat()方法 fr单元是允许你用等分网格容器剩余可用空间来设置(简单来说就是占容器的几份) 效果图 ###html: <div class="wraper"> <div cl 阅读全文
posted @ 2019-05-08 09:34 smile_or 阅读(1661) 评论(0) 推荐(0) 编辑
摘要: css3可拖动的魔方3d 主要用到知识点: css3 3d转换 原生js鼠标拖动事件 display:grid 布局 实现的功能 3d魔方 可点击,可拖动 直接看效果 html: css: js: 参考自:腾讯课堂渡一教育 阅读全文
posted @ 2019-05-07 09:27 smile_or 阅读(592) 评论(2) 推荐(0) 编辑
摘要: canvas炫酷时钟 实现的功能 主要用到canvas的一些基础api 直接看效果 html: css: js: javascript var myCanvas = document.getElementById('myCanvas'); var ctx = myCanvas.getContext( 阅读全文
posted @ 2019-05-06 10:33 smile_or 阅读(657) 评论(0) 推荐(0) 编辑
摘要: jquery的浪漫 主要用到知识点: 鼠标事件onmousedown() onmousemove() onmouseup() jquery的运用,对dom元素的增删改查 css3 3d 功能的灵活运用 实现的功能 跑马灯效果 文字自动输入 雪花飘落 鼠标点击 滑动生成雪花 背景音乐等 看效果 htm 阅读全文
posted @ 2019-05-05 16:13 smile_or 阅读(581) 评论(0) 推荐(0) 编辑
摘要: jq + 面向对象实现拼图游戏 知识点 拖拽事件 es6面向对象 jquery事件 效果图 html: css: js: javascript class Game { constructor() { this.boxW = parseInt($('.box').css('width')); thi 阅读全文
posted @ 2019-05-04 13:18 smile_or 阅读(571) 评论(0) 推荐(0) 编辑