- 博客(57)
- 收藏
- 关注
RSS订阅原创 2021-08-22
MQTT原理实现方式由服务器，客户端组成。有3种身份:发布者(Publish)，订阅者(Subscribe)，代理(Broker)发布者和订阅者都属于客户端，代理属于服务器，发布者发布消息，推到代理，代理分发到订阅者，客户端都通过服务器通讯。MQTT传输的消息分为主题和负载(payload)两部分...
2021-08-22 14:44:31
122
原创 Flash笔记
目录知识点事件函数带参实例拼图游戏技术要点拖动图像处理源码知识点事件函数带参//要实现带参的事件处理函数function tra(e:MouseEvent,i:int):void{ trace("参数是:"+i);}//使用此中间函数实现function EventUp(f:Function,i:int):Function{ return function(e:Event){f.apply(null,[e].concat(i))};}//使用方法EventUp(tra,1);
2020-09-26 11:23:44
230
原创 微信小程序账号管理
引言每个身份证号只能绑定最多 5 个微信小程序账号，有废弃的可以给注销掉查看绑定的账号点击链接扫描二维码查看身份证 / 微信号 / 手机号绑定的账号注销如果记得小程序绑定的邮箱(一个邮箱只能绑定一个小程序)，直接登录-设置-账号注销如果忘记了邮箱，可以按 原始 ID 找回如果账号没有填写过小程序内容信息，不可以注销，可以先随便填，再注销...
2020-03-27 15:11:23
2647
原创 使用apng替代gif
前言apng 是 animation png 的简称，和 gif 相比具有支持半透明，质量更高，有损压缩后文件大小更小的优势；缺点是不流行，兼容性不如 gif 好不支持 apng 格式的浏览器推荐使用 apng-canvas 插件，根据环境将不支持的 apng 转换为 canvas：下载源码生成资源（版本较新）：https://github.com/davidmz/apng-canva...
2020-03-22 17:35:57
1570
原创 video → character video
video ???? character video效果原视频字符视频实现方式使用 canvas 作为绘制容器，截取视频每一帧，逐行逐列扫描并转换为对应的灰度字符通过 npm 安装已上传 npm ：npm i video-character-convert --save使用<video id="source" autoplay loop style="...
2020-03-12 11:08:54
1354
原创 单页应用history模式nginx配置
前言hash 模式时将路径转换为 /#/xxx/xxx 模式，页面不刷新，请求资源路径不变，从而实现内容的跳转。history 模式直接去掉了 /#/，如果服务器不配置的话，直接就是 404。服务器实现 history 模式的原理：只要请求某个应用下的资源，都返回这个应用的入口回去(index.html)，路径什么的都交给入口处理。实现nginx 有很多方法都能实现这个功能，这里介绍通...
2020-02-24 21:01:46
999
原创 Electron-与Vue合并实现热重载
前言vue 或 ng 项目要在 electron 下运行，通常要先打包，然后将打包后的内容挪到 electron 项目下再运行，流程：build --> 复制 --> electron .上面的步骤略微麻烦，合并项目可以简化手动步骤，一部到位：build && electron .缺点是不能实现热重载，肯定有办法可以实现，但是我不会 (￣▽￣)"，暂时...
2020-02-24 15:24:35
1637
1
原创 Windows-进程管理命令
tasklist# 帮助tasklist /?# 查看进程列表tasklist# 查找(/FI)指定(eq)映像名称(IMAGENAME)的进程tasklist /FI "IMAGENAME eq nginx.exe"taskkill# 结束所有指定映像名称的进程taskkill /f /t /im nginx.exe...
2020-02-21 21:01:43
398
原创 nginx-开启压缩
文章目录序言序言前端项目资源过大时，启用压缩可以大大减少文件体积。在搞 vue 项目时，百度说需要在 vue 里先装个 compression-webpack-plugin，再配置一下，打包时直接会输出压缩好的压缩包；然后在 nginx 里再配置一下，通过 nginx 访问时得到的就是压缩后的资源；但实际测试 nginx 不会去拿 vue 打包项目的压缩资源，而是按自己的配置去压缩然后发给请...
2020-02-21 17:41:50
145
原创 WebSocket-socket.io的使用
文章目录序言Node.js基于Socket.io实现WS通信依赖安装前端后端序言WebSocket 是一种网络通信协议，相对于 HTTP 的单次单向通信，WebSocket 允许服务端主动向客户端推送数据，浏览器和服务器只需要完成一次握手，两者之间就直接可以创建持久性的连接，并进行双向数据传输。简单来说，HTTP 要实现持久连接只能让客户端不断向服务器发送心跳，可能每次都需要发送一些令牌等信...
2020-02-18 22:40:49
436
原创 Typecho markdown无法解析html标签
版本版本：稳定版1.1 (17.10.30)稳定版存在此 bug，开发版已修复修复 Bug稳定版需要手动修改几个文件：原项目链接若希望支持解析 script，style 等标签，可以在此处(以及以下另一处)一同添加...
2020-02-18 19:42:06
1111
原创 宝塔PHP项目部署
在软件商店装上 PHP 并运行在网站管理添加站点，设置 域名 和 根目录，设置 域名 时填写的端口就是将来该项目要使用的端口如果部署多个项目，宝塔不允许创建多个相同域名，可以随便填，添加完再改回来，只要端口不同，项目之间不会有影响将项目拷贝到添加站点时设置的根目录，即部署成功...
2020-02-18 19:33:07
4774
原创 Electron笔记
文章目录应用架构项目结构主进程和渲染进程API应用架构项目结构几乎没有结构，只需要3个文件package.json定义一下入口文件，启动脚本，包依赖就可以{ "name": "electron-demo", "version": "1.0.0", "main": "main.js", "scripts": { "start": "electron ." },...
2020-02-16 22:16:54
567
原创 Vue应用优化
文章目录分析工具插件优化elementUI(省2MB+)Bootstrap(省0.21MB)分析工具安装cnpm intall webpack-bundle-analyzer –save-dev配置 vue.config.jsmodule.exports = { chainWebpack: (config) => { if (process.env.NODE_ENV ...
2020-02-12 19:19:30
239
原创 JS-mock.js
文章目录安装在vue-cli3+中使用mock.js常用数据占位符安装npm install --save-dev mockjs在vue-cli3+中使用mock.js创建mock(任意名称)文件夹，并创建index.js(必须)，其他子模块任意存放index.js导入子模块，类似这样import './modules/user'import './modules/accou...
2020-02-05 19:44:51
165
原创 前后端Token验证
文章目录实例环境概述前端后端Redis安装使用Token管理代码生成token检测Token移除Token拦截器配置实例环境IDE框架/脚手架IDEA v2019.1.2Spring boot 2+-Vue cli 3+概述前端携带账户信息请求登录 -> 后端生成带有寿命的token -> 前端存储token到cookie/localStor...
2020-02-03 12:14:47
2817
原创 Windows-自定义右键菜单项
文章目录背景添加'打开cmd'菜单项文件菜单添加项目背景添加’打开cmd’菜单项打开注册表编辑器编辑目录计算机\HKEY_CLASSES_ROOT\Directory\Background\shell\此目录为背景菜单项目存放的位置3. 新建一个项目(文件夹)，文件夹名称为菜单项名称4. 添加图标，也可以不设置，即无图标在此文件夹内新建一个文本类型项目，名称为Icon，...
2020-02-02 16:18:10
200
原创 JS-ES6函数&迭代器
默认值// 允许默认值function fun(a,b=5){ console.log(a,b);}// 不传值用 undefinedfun(1,null); // 1,nullfun(1,undefined); // 1,5// 特殊用法示例function fun(x,y=x){ console.log(x,y);}fun(1); // 1,1...
2020-02-02 15:27:59
234
原创 JS-Typescript
文章目录环境类型注解接口类基础数据类型booleannumber环境1. npm方式安装npm install -g typescript2. 将".ts"文件编译为".js"文件tsc xxx.ts类型注解函数function test(name: string) { return name;}变量var name: string = "tom"接口in...
2020-02-02 15:24:45
309
原创 JS-异步
文章目录三种方法对比这里介绍3种：回调函数，Promise ，RXJS三种方法对比例子：例子使用angular框架，创建了一个服务和一个组件服务// promise 是 es6 新功能，不用导入第三方包// rxjs是angular自带类，所以直接导入import { Observable } from 'rxjs';public getCallbackType(cb): voi...
2020-02-02 15:09:22
82
转载 Java-465端口邮件发送
阿里云25端口默认情况下不可用，官方解释如下：相关说明：发邮件请使用外部邮件服务商的465端口或云邮产品。若有特殊场景，需要从云主机对外连接TCP25端口，请提交“25端口解封申请”。提交申请后，需要1个工作日完成审核，审核结果将邮件通知您。可以使用465端口发送邮件代码private static final String MAIL_HOST_VALUE ="smtp.163....
2019-12-16 14:34:53
423
原创 JS-pace.js(加载可视化插件)
下载官网官方文档点击官方文档 的 Star on GitHubDownload ZIP (v x.x.x) 下载获得 pace-x.x.x使用根目录图temes目录图(颜色分类)具体样式图temes 是css样式，对应不同的加载样式pace.js 是js文件使用时引入pace.js，再挑选一个喜欢的样式样式...
2019-11-23 13:43:48
794
原创 版本控制-git
文章目录1忽略文件分支21git init //初始化git add <file> //添加文件git add . //添加所有git add *.html //添加指定类型文件git status //查看状态git commit //提交 -> 写信息git commit -m 'text' //提交 + 写信息 一次完成忽略文件创建文件 .gi...
2019-11-13 16:23:22
80
原创 Node.js
下载和环境变量下载下载地址windows下直接下载.msi安装包，环境变量会自动配好。环境变量配置查看环境变量是否配置打开cmd输入node，若可以运行则已配置配置环境变量将node安装目录添加到path，例如C:\Program Files\nodejs\创建Node.js应用基础示例：test.js：var http=require('http'); //requir...
2019-11-09 14:13:06
266
原创 JS框架-Vue-cli(4.0.5)
文章目录安装创建安装npm install -g @vue/cli创建创建vue create project-name选择安装方式(默认、自定义[√])> default (babel, eslint) Manually select features >(*) Babel ( ) TypeScript ( ) Progressive Web App ...
2019-11-09 14:11:10
1705
原创 Node.js-npm
切换源使用nrm工具npm install -g nrm //安装nrm ls //显示可用源nrm test //测试速度nrm use 源名 //切换源
2019-11-09 09:24:42
175
原创 服务器-Android使用LinuxDeploy搭建服务器
文章目录设备环境硬件软件设备环境硬件Root过的安卓手机一部软件Linux deploy点击installBusybox
2019-10-04 14:02:58
1654
原创 Vue笔记
Vue-基础引入声明式渲染数据内置数据外置数据响应具有响应阻止响应不具有响应一次性地插值解析为HTML/文本使用js表达式指令v-Ifv-bind布尔类型属性v-on(事件处理)事件修饰符阻止跳转/冒泡dom事件流获取Vue属性Vue生命周期引入<!-- 测试环境 --><script src="https://cdn.jsdelivr.net/npm/vue">&l...
2019-09-18 14:33:26
564
原创 JS-ES6声明与表达式
ES6-let&constlet代码块(不是函数)内有效let代码块(不是函数)内有效let声明的变量仅在当前代码块内有效{ var a=1; let b=1;}console.log(a);console.log(b); //error...
2019-09-14 15:54:43
313
原创 JS-[消抖]
JS-消抖&节流引入debounce消抖throttle节流引入向文本框输入内容，在输入的同时(input事件)从服务器数据库检索出相似词并展示在下面的ul中，若每输入一个字母都去检索，会增加服务器负担，所以可以采用消抖处理类似input，scroll，resize等触发极多的事件，每触发一次就执行相应事件处理代码，称为抖动消抖就是减少事件触发，又能确保功能的完整<in...
2019-09-11 13:40:44
513
原创 JS-事件
JS-事件事件绑定DOM0级事件HTML标签中事件元素.on事件DOM1级事件addEventListener事件绑定DOM0级事件有2个：HTML标签中事件和元素.on事件=函数HTML标签中事件<a href="#" onclick="open()">打开</a>元素.on事件var btn = document.getElementById("btn1...
2019-09-08 15:19:20
2512
原创 jQuery-DOM操作
jQuery-DOM操作样式操作通过class通过css方法样式操作通过classjQuery有addClass,removeClass,toggleClass,hasClass4个类操作方法；jQuery UI除了对前三者增加了动画外，还添加了switchClass方法(含动画)方法备注add/remove/toggle Class(class)jQuery只有一...
2019-09-03 23:34:44
255
原创 Bootstrap4笔记
Bootstrap-栅格系统基本格式例子:等宽例子:指定宽度基本格式栅格系统由container(容器)、row(行)、col(列)组成，row必须在container里面，row只能包含col且col必须在row里面一个row由12列组成<div class="container"> <div class="row"> <div class=...
2019-09-01 10:00:39
397
原创 CSS3-移动端
Bootstrap-初学模板文件引入移动端设置如下模板版本为v4.3：<!doctype html><html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrin...
2019-08-29 09:43:52
133
原创 jQuery-基础包预设动画&自定义动画
jQuery-动画显示/隐藏效果及原理使用方法显示/隐藏效果及原理一共有3个：hide,show,toggle，分别控制隐藏,显示,自动判断以显示或隐藏例如hide：原理：width、height、opacity 不断减小至0 → display=none(链接)原生js动画实现方法使用方法...
2019-08-21 15:06:53
339
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人