mySoul

介绍之前使用的全是基于内存的认证，这里使用基于数据库的认证。设计数据表这里设计数据表创建项目这里使用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相整合。初阶

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...

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...

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

编码请求主体 HTTP的POST请求包括一个请求主体，将会包含客户端传递给服务器的数据，表单编码的请求HTML表单，当用户提交表单时，表单中的数据将会编码到字符串中，一并伴随着请求发送。 默认情况下HTML表单通过POST方法发送给服务器，而编码后的表单数据为请求主体。 规则：使用URL编码，使用等号把编码后的名字和值分开，并使用&amp;符号将名/值对分开。如下所示...

中止请求和超时一个栗子在上传多少秒以后直接终止请求// 发起HTTP GEt请求获取指定URl的内容// 如果响应成功到达，将会传入responseText给回调函数// 如果响应在timeout毫秒内没有到达，将会中止这个请求function timedGetText(url, timeout, callback) { var request = new XMLHttp...

举栗子 事件输出hello world 事件有两种，一种为事件传播，一种是事件冒泡事件传播和事件冒泡这还要从遥远的荒诞说起，两家网景和ie，为了能争夺市场，互相使用相反的技术，当网景使用事件传播的时候，ie使用事件冒泡。（两个正好相反）这个时候w3c来了，为了能规范规定，直接取折中，当事件发生时，先发生向下传播，当到底了以后再次使用事件冒泡，逐渐的冒泡到顶层window D...

文档和元素的几何滚动当浏览器在窗口中渲染文档时，它将会创建文档一个视觉表现层，在哪里每个元素都有自己的位置和尺寸。通常web应用程序将文档看做元素的树。文档坐标和窗口坐标元素位置以像素来进行度量，向右为x坐标的增加，向下为y坐标的增加。有两个坐标，一个坐标为文档的原点，一个为窗口的原点，这两个原点相互辅助。 文档包含滚动的内容，而窗口仅仅是当前用户所看到的内容。 文档坐标在用户...

脚本化HTTP 下面将会用js代码操纵HTTP 下面将会说明在没有导致web浏览器重新加载任何窗口或者窗体的情况下，脚本实现web浏览器和服务器之间的通信。 ajax：为一种找早起避免页面重载而动态更新页面的方式，不过现在是直接数据驱动，或者类似于vue的单页应用 comet：这个和ajax正好相反，为推送消息到web浏览器端 ps；ajax和comet都为一个美国的洗涤日用品牌，...

事件处理 客户端js程序采用异步事件驱动编程模型。在这种情况下当文档，浏览器，元素发生一些事情的时候，会产生事件。 举例 当浏览器加载完文档以后会触发一个事件。该事件会有一个函数进行处理，即回调函数这种只不单单用于web界面，所有使用图形界面的应用程序都采用了这种方式。事件类型事件分类依赖于设备的输入事件有些事件和特定输入设备直接相关。比如鼠标和键盘。...

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

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

效果如下代码&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

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...

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...

SVGsvg在线编辑器 https://editor.method.ac/多边形使用的是polygon标签该标签能创建含有不少于三个边的图形。如下 &lt;svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"&gt; &lt;polygon points="0,10 5,2 5,7 10,0"/&gt; &lt;...

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

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

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

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

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

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

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

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

xss 跨站脚本，称为xss这个术语用来表示一类的安全问题，指攻击者向目标web站点注入html标签或者脚本。来一个小栗子 　substring 返回介于两者之间的字符串，如果省去最后一个参数，则直接以length为填充 window.location.search 返回/后面内容包括问号 返回？后面的参数 window.location.search....

同源策略同源是js对能操作那些web内容的一条完整的安全限制。当web页面打开其他浏览器窗口，或者使用iframe的时候，会发挥作用。 即，脚本只能读取和所属文档来源相同的窗口和文档的属性。 文档的来源包含协议，主机，载入文档的url端口。从不同web服务器载入的文档具有不同的来源，同过同一主机的不同端口载入的文档也具有不同的来源。使用http和https的也是不同的来源，因为协议不同。 ...

一个洗牌的js程序先定义一个枚举类型的工厂方法/* * enumeration.js文件 * 2018年07月20日 02:31 */// 这个函数创建一个新的枚举类型，实参对象表示类的每个实例的名字和值(即传入的是一个集合,该集合是名字和值的键值对)// 返回值是一个构造函数// 类似于工厂函数，不过这个工厂函数加工的对象是构造函数// 这个构造函数会抛出异常...

哈。github的地址已经更换，求start https://github.com/mySoul8012继续~ Express框架简单介绍一下Express事实上Node内置的http模块上构建的一层抽象。理论上所有Express实现的功能都能用Node实现 核心特征; 1. 设置中间件响应http请求 2. 定义路由表，执行不同的http请求 3. 先模板传递参数，来...

函数式编程 和lisp这种纯粹的函数式编程不一样，js可以实现其为函数式编程使用函数处理数组计算一个数组的平均值// 定义一个用于计算和的函数var sum = function(x, y){return x + y;};// 初始化将要处理的数据var data = [23, 34, 324, 34, 45, 123, 56, 23];var mean = dat...

prototype属性每一个函数都包含prototype属性，这个属性是指向一个对象的引用，当将函数用作构造函数的时候，新创建的对象会从原型对象上继承属性call和apply方法以对象a的方法调用函数f()f.call(a);3f为函数，a为对象泛函我感觉有必要复习一下下数学 指定义域为函数，而值域为实数的函数，这样的函数为泛函 至此结束，用js写一下...

node函数js中一个函数可以作为另一个函数的参数，即先定义一个函数，然后传递匿名函数这个学过，过node路由要为路由提供请求的url，和其他需要的get的post请求。 随后，路由会根据需要进行执行响应的代码。 因此，需要根据http请求，从中提取中需要的url和get和post参数两个模块，url和qureystring模块http://loca...

函数的实参和形参可选形参if(a === undefined) a = [];等价于a = a || [];这两句是完全等价的，只不过后者需要提前声明a而已 如果参数没有传入，其余的填充undefined 可选的形式参数：通过注释/optional/来强调参数可选，并且要将其放在最后，否则就要使用null或者undefined来作为占位符来进行传入可变长...