mySoul

介绍koa，是基于Node.js 平台的下一代的web开发框架。是由Express原班人马打造，致力于成为一个更小的，更加富有表现力的，web框架。使用koa编写web应用，可以免除重复的回调函数嵌套，并极大的提高错误处理的效率，koa框架不仅仅在内核方法中可以绑定任何中间件，它仅仅提供了一个轻量级，优雅的函数库，思路和express相差不少。koa框架的安装安装koa安装koa框架和安装之前的模块一样。使用如下命令安装npm install --save koa使用save参数，表明

核心概念Docker 有三大核心概念，分别是镜像，容器，仓库。Docker 镜像Docker 镜像类似于虚拟机的镜像，可以把它理解为一个只读的模板，例如一个镜像可以包含一个基本的操作系统环境，里面仅仅安装了Apache应用程序，可以把它称之为一个Apache镜像。镜像是创建Docker容器的基础。通过版本管理和增量文件系统，Docker提供了一套十分简单的机制来更新现有的镜像，用户甚至可以从网上下载一个已经做好的应用镜像，并进行使用。Docker 容器Docker容器类似于一个轻量级的沙箱，D

介绍之前使用的全是基于内存的认证，这里使用基于数据库的认证。设计数据表这里设计数据表创建项目这里使用Mybatis作为项目。添加如下依赖添加driud连接池依赖 <dependency> <groupId>com.alibaba</groupId> <artifactId>druid</artifactId> <version>

Spring Security思维导图[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-WP0wmsj1-1591518754336)(http://imgs.iming.info//a879297d888bec8167d72c43d8fa8968)]简介SpringSecurity是Spring下的一个安全框架，与shiro 类似，一般用于用户认证（Authentication）和用户授权（Authorization）两个部分，常与与SpringBoot相整合。初阶

Spring Cloud 简介思维导图如下[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-BdEwUdCZ-1590329135544)(https://www.iming.info/wp-content/uploads/2020/05/screenshot_1590248349048.png)]总说这里将会首先简单介绍一下Spring Cloud 。其Logo 如下[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-CD0YbDaJ-15

脚本化css 下面通过css实现动画效果，可以使用脚本化的css实现滑入，轮廓伸缩的列表，即动态的HTML，一个过时的说法DHTML一些css的基础知识之前已经看过厚厚的一本大书，现在简单看一下，补充一下不知道的点层叠web浏览器组合元素的style属性，然后再计算样式。颜色透明度和半透明颜色有半透明的颜色（不知道为什么edge不兼容）脚本化内联样式...

好吧，突然发现学不完了，一下子，那就分开吧，由于时间太久，直接重新大致复习了一下微信小程序自定义组件 微信小程序支持自定义组件 下方的目录 其中，components为组件目录，nodemodules为模块目录，pages为小程序的页面目录，utils为一些基础功能的封装。好比安装的第三方百度统计功能在此。总说创建一个组件一个组件包括json，wxml，wxss，...

js 的calss由于存在转换器这种神器，所以代码能直接转换为es5，用es6的语法写。一些解释js的calss仅仅为一个语法糖，是在原先构造函数的基础上出现的class，仅仅如此。所以使用构造函数构造类，或者使用class语法糖构造类都是相同的。具体还是使用prototype和this来进行模拟类。重点在于构造函数，使用的是构造函数来模拟类。类声明需要声明一个类，需要使用clas...

python入坑学习的是python3一些信息官网 https://www.python.org/官方文档 https://docs.python.org/3/github https://github.com/python特点 简单，易学，开发快速分类 解释型语言，面向对象，动态数据类型的高级语言，其开源遵守GPL协议。支持多种编程范式， 面向对象，函数，过程，命令式。拥有动态类型...

客户端储存由于http协议是无状态路的协议，其无法记住用户的状态，所以就有了客户端储存用来记录用户的状态。同样的客户端储存也是遵守同源策略，所以不同站点的页面是无法读取对方储存的数据有oatuh2.0 用来跨站登录的，即qq互联这种登录方式。用于进行登录的很大都是用时序图进行绘制的。储存有两种方式，一种是web储存，为h5的标准，还有一种方式为cookie，为一种早期的储存方式。离线w...

SVG可伸缩的矢量图形SVG是对画该图形时的一些路径，做出精准的，必要的与分辨率无关的一种描述。即对矢量图的描述在此安利一个svg绘图的网址，可以直接手动绘图，然后生成相关的svg描述，即可实现图片属于所见所得的方式有两种方式在Adobe系列软件中Illustrator可以直接生成svg的相关代码，还有相关的在线转换网站，可以实现将图片和svg的相互转换，https://www.aco...

翻译一篇文章 标题，第三方的css并不安全文章源地址 https://jakearchibald.com/2018/third-party-css-is-not-safe/前几天，有很多关于css的键盘记录器的相关的消息。css 键盘记录器 https://github.com/maxchehab/CSS-Keylogging很多人要求浏览器进行修复，也有些人发现影响了类似Reac...

微信小程序网络服务器网络配置支持request 普通网络请求。支持套接字通信 WebSocket支持上传文件 uploadFile支持下载文件 downloadFile回调只要成功以后就会有success回调。关于https小程序必须使用https必须经过icp备案储存微信小程序有自己的本地缓存用户信息小程序登录小程序登录来一张时序图,此时序图书来自于微信官方。大...

微信小程序自定义组件ps 由于作业部落貌似出了点问题，耽误了点时间，找了一个stackedit.io准备写。无奈，这是要自己建编辑器的节奏啊。没有一个能靠的注为何存在组件组件间的关系使用relations实现组件的关系，即父子关系。定义和使用组件间的关系有时需要使用如下的组件间的关系 &lt;custom-ul&gt; &lt;custom-li&gt; item1 &...

wxs一种类似于js的小程序脚本语言。 注意； 1. wxs 文件不依赖于运行时的库。 2. wxs 与js是另外一门语言。 3. wxs于js的运行时完全隔离的，不能调用js中的函数，不能调用小程序提供的api 4. 不能进行回调总结一下总结一下当前的内容 wxs类似于一门脚本语言，使用的是导出的方式来进行和wxml进行连接，类似于node.js wxml为页面显示...

微信小程序继续入坑指南wxml类似于html 感觉和ejs灰常的相似数据绑定jsPage({ data: { message: "hello world" }})wxml&lt;view&gt;{{message}}&lt;/view&gt;使用的是https://mustache.github.io/模板引擎系统...

使用jQuery处理事件事件处理一个栗子，单击p时背景变成灰色 由于es6的箭头函数不支持this的绑定，所以无法使用箭头函数，只能使用匿名函数html&lt;!DOCTYPE html&gt;&lt;html&gt;&lt;head&gt; &lt;title&gt;&lt;/title&gt; &lt;script src="https:/...

微信小程序初步入坑小指南安装工具https://developers.weixin.qq.com/miniprogram/dev/devtools/beta.html 打开链接下载小程序云开发app.json为json格式的文件，为一个配置文件，属于全局的 初始化的文件内容{ "pages":[ "pages/index/index", "p...

jquery jquery为一种库，属于最基础的一个库，伴随着h5的到来，很多jquery的规则直接融入到了规则本身了，直接使用原生的js也能达到相同的目的。虽然如此，不过依旧要继续。jquery介绍官网：https://jquery.com/ github: https://github.com/jquery/jquery blog：https://blog.jquery.co...

local-web-test 一个本地的基于node.js的测试服务器 支持快速的启动web容器服务 支持快速的发送get，post请求，并记录在/log文件夹下，并在控制台输出 支持一个函数完成cors跨域请求Installnpm install --save local-web-testUsage创建本地静态服务器第一个参数为静态文件地址，第二个...

ejs简介中文官网 https://ejs.bootcss.com/ npm https://www.npmjs.com/package/ejs github https://github.com/mde/ejs 官网 http://ejs.co/安装 npm install --save ejs下面接着创建package.jsonnpm init...

基于服务器端推送事件的Coment技术 定义了一个EventSource对象 服务器端的推送事件的方式为客户端在创建一个EventSource对象时会建立一个到服务器的连接，服务器会保持这个连接处于打开的状态，当发生一个事件的时候，服务器端在连接中写入几行文本，然后达到推送的目的 是使用的是长连接的方式，达到消息推送的目的一个栗子，实现一个简易的聊天客户端&lt;!D...

localStorage 和 sessionStorageWindow.localStorage 当页面会话结束的时候，数据将会被清除。之前一刷新页面，直接被清除，后来发现是浏览器插件引入的js脚本，导致出现问题，在思考，如何验证网页是否被插入js脚本，即，类似于掘金社区的，每次访问都会提示，被插入脚本。此有一个专业术语，叫SRISRI原理，使用哈希值验证前端资源的完整性。大文档 h...

微信小程序插件介绍微信小程序插件是对一组js接口，自定义组件或页面的封装，用来嵌入微信小程序中，用来被开发者调用。微信小程序必须嵌入到其他程序中才能使用。插件具有独立的api，域名列表。开始创建插件项目完成以后界面如下创建完成以后目录如下- pluggin // 插件目录，存放插件代码- miniprogram // 放置小程序目录，用于存放代码- doc // 用于...

确定依赖 <dependencies> <dependency> <groupId>mysql</groupId> <artifactId>mysql-connector-java</artifactId> <version>8.0.15</version&gt...

效果如下代码&lt;!DOCTYPE html&gt;&lt;html lang="zh_CN"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;贪吃蛇&lt;/title&gt; &lt;script src="https://code.jquery.c

gitbook docker 镜像为gitbook docker镜像效果图效果如下图所示使用说明环境准备需要docker环境。使用步骤第一种请先frok本项目frok完成以后，登录主机，输入如下命令，项目拉取下来git clone [您的frok项目地址];进行本地构建，输入如下代码sudo docker build ./ -t gitbook:vo运行...

效果代码&amp;lt;!DOCTYPE html&amp;gt;&amp;lt;html lang=&quot;zh_CN&quot;&amp;gt;&amp;lt;head&amp;gt; &amp;lt;meta charset=&quot;UTF-8&quot;&amp;gt; &amp;lt;title&amp;gt;弹球&amp;lt;/title&a

效果代码&lt;!DOCTYPE html&gt;&lt;html lang="zh_CN"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;五子棋&lt;/title&gt; &lt;script src="https://code.jquery.com

概述这是一种就地比较排序算法。这里，维护一个始终排序的子列表。例如，维护数组的下半部分以进行排序。要在此已排序的子列表中“插入”的元素必须找到其适当的位置，然后必须将其插入其中。因此名称，插入排序。按顺序搜索数组，移动未分类的项并将其插入已排序的子列表（在同一数组中）。该算法不适用于大数据集，因为其平均和最差情况复杂度为0（n 2），其中n是项目数。插入排序如何工作？我们以一个未排序的数组...

设计模式-观察者模式 发布/订阅模式代码观察者接口public interface IHanFeiZi{ // 当吃早饭时 public void havBreakFast(); // 进行娱乐活动时 public void haveFun();}具体的被观察者public class HanFeiZi implements IHanFeiZi{ `// 根据是否在吃饭，作...

TypeScript 函数函数类型为函数定义类型function add(x: number, y:number):number{ return x + y;}let myAdd = function(x:number, y:number):number{ return x + y;}使用这种方式，为函数定义返回的类型function add(x, y) { ret...

TypeScript接口接口只读属性使用关键字readonly定义只读的接口属性interface Point { readonly x: number; readonly y: number;}// 定义一个接口interface Point{ readonly x: number; readonly y: number;}// 对接口赋值let p1: Poin...

传统的js是使用函数和原型链的方式用来模拟类es6中加入了类，class关键字类// 定义类class Greeter { greeting: string; constructor(message: string){ this.greeting = message; // 使用this表示访问的是类成员 } greet() { return "Hello," ...

JavaScript设计模式入坑介绍设计模式编写易于维护的代码。设计模式的开创者是一位土木工程师。Σ( ° △ °|||)︴，写代码就是盖房子。模式模式一种可以复用的解决方案。解决软件设计中遇到的问题。设计模式的结构如何编写一个新的设计模式一个设计模式将会产生如下的内容模式名称对模式名称的书写上下文大纲适用的上下文问题陈述对需要解决的问题进行陈述解决方案对问题的...

TypeScript 入坑安装使用npm安装使用全局方式安装npm install -g typescript编辑器安装插件 https://github.com/Microsoft/TypeScript-Sublime-Pluginhttps://packagecontrol.io/packages/TypeScript编译使用node.js进行编译hello world编...

多媒体和图形编程这个属于在客户端生成图片，可以减少服务器的压力脚本化图片web页面使用img元素，嵌入图片。img元素可以通过控制src属性来操控img。一个栗子，鼠标经过的时候，改变图片当鼠标经过的时候，会触发两个事件，分别是onmouseover以及onmouseout两个html如下&lt;!doctype html&gt;&lt;html&gt;&lt;head&g...

SVG绘制饼状图昨天学习了基本的SVG，下面是使用SVG绘制饼状图创建SVG空间创建SVG需要一个document.createElementNS()方法 一个一个setAttribute()方法编写如下js，将会创建一个svg空间 // 创建一个XML命名空间 var svgns = "http://www.w3.org/2000/svg"; // 创建一个SVG元素指定...

webpack-基础貌似这些属于编译原理的内容。当时看了一点编译原理，当中的自动机，彻底懵。不过大概了解了一点内容。感觉webpack一个打包工具非常类似于一个编译器，将一个文件，转换为另外一个文件。一些概念入口入口，即寻找入口文件的及其依赖项的文件。即编译前的文件配置文件为webpack.config.js中修改为module.exports = { entry: "./a...

cookiecookie是指web浏览器储存的少量数据，同时也是与具体页面有关的。cookie会自动在web服务器和web浏览器中传输。cookie 是用来保存状态的。即用户登录，一个网站如何判断用户登录的时候，会直接通过从客户端接收到的cookie来获取的。cookie 属性，有效期和作用域除了名(name)和值(value),cokie持续有效时间很短，只能持续在web浏览器的会...