TS初学
基础类型布尔值
最基本的数据类型就是简单的 true/false 值，在JavaScript 和 TypeScript 里叫做 boolean（其它语言中也一样）。
123let isDone: boolean = false;isDone = true;// isDone = 2 // error
数字
和 JavaScript 一样，TypeScript 里的所有数字都是浮点数。 这些浮点数的类型是 number。 除了支持十进制和十六进制字面量，TypeScript 还支持 ECMAScript 2015中引入的二进制和八进制字面量。
1234let a1: number = 10 // 十进制let a2: number = 0b1010 // 二进制let a3: number = 0o12 // 八进制let a4: number = 0xa // 十六进制
字符串
JavaScript 程序的另一项基本操作是处理网页或服务器端的文本数据。 像其它语言里一样，我们使用 string 表示文本数据类型。 和 JavaScript 一样，可以使用双引号（&qu ...
初学vue3
组合式API-setup函数
从组件生命周期来看，它的执行在组件实例创建之前vue2.x的beforeCreate执行。
这就意味着在setup函数中 this 还不是组件实例，this 此时是 undefined
在模版中需要使用的数据和函数，需要在 setup 返回。
总结setup 组件初始化之前执行，它返回的数据和函数可在模版使用。
1234567891011121314151617181920212223<template> <div class="container"> <h1 @click="say()">{{msg}}</h1> </div></template><script>export default { setup () { console.log('setup执行了') console.log(this) // 定义数据和函数 ...
vue修饰符
修饰符事件修饰符语法：
.stop 阻止事件继续传播
.prevent 阻止标签默认行为
.capture 使用事件捕获模式,即元素自身触发的事件先在此处处理，然后才交由内部元素进行处理
.self 只当在 event.target 是当前元素自身时触发处理函数
.once 事件将只会触发一次
.passive 告诉浏览器你不想阻止事件的默认行为
12345678910111213141516171819202122232425262728<!-- 阻止单击事件继续传播 --><a v-on:click.stop="doThis"></a><!-- 提交事件不再重载页面 --><form v-on:submit.prevent="onSubmit"></form><!-- 修饰符可以串联 --><a v-on:click.stop.prevent="doThat"></a><!-- 只有修饰符 -->&l ...
节流和防抖
一、函数节流
一个函数执行一次后，只有大于设定的执行周期后才会执行第二次
原理：用时间戳来判断是否已到回调该执行时间，记录上次执行的时间戳，然后每次触发 scroll 事件执行回调，回调中判断当前时间戳距离上次执行时间戳的间隔是否已经到达 规定时间段，如果是，则执行，并更新上次执行的时间戳，这样循环下去
12345678910111213141516171819202122/*** 节流函数* @param fn 事件触发的操作* @param mustDelay 间隔多少毫秒需要触发一次事件*/function throttle(fn,mustDelay){ let timer, start = 0; return function (){ let now = new Date().getTime(), self = this, args = arguments; if(now > start + mustDelay){ fn. ...
通过component标签加上is属性动态切换组件
利用component组件和is属性来控制页面里面展示内容
比如后台系统要实现普通用户跳转普通页面，而管理员用户跳转管理页面的这种情况就可以使用这种方式来解决
一、使用方法也简单
1234567 <!-- 结构就是这样--><template> <div class="dashboard-container"> <!-- 通过component标签加上is属性动态切换组件--> <component :is="currentRole" /> </div></template>
然后引入不同的组件
12345678910// 管理员页面import adminDashboard from './admin'// 普通页面import editorDashboard from './editor'export default { // 同一注入一下 components: { admin ...
vue 跨域配置webpack
工作中经常遇到跨域的问题，当后端没有帮你解决的时候只能自己解决了，我们可以用webpack，那么我们需要在webpack上做代理设置，具体步骤如下：
新建一个 webpack.config.js
12345678910111213141516171819202122232425devServer: { historyApiFallback: true, hot: true, inline: true, contentBase: "./app", // port: 3000, //前面是配置 webpack-dev-server 的，也可以 package.json 文件中配置 proxy: { "/api": { // target: 'http://localhost:8888', target: 'https: //www.baidu.co ...
CSS 速查笔记
CSS 速查笔记CSS 学习套路
找它，利用选择器，把对应标签选出来；
摆它：利用布局样式（标准流、浮动、定位等），把盒子摆在需要的位置；
标准流可以从上向下摆放块级盒子，从左向右摆放行内盒子；
浮动可以从左向右摆放多个块级盒子，盒子之间没有缝隙并且顶端对齐；
定位可以让盒子：摆放在另一个盒子中的任意位置（子绝父相）或者固定在屏幕中的某个位置。
改它：利用外观样式（字体、文本、背景等），修改盒子内容的显示效果。
一. 三种引入 CSS 的方式
样式表
优点
缺点
使用频率
控制范围
注意点
行内
书写方便，权重高
结构样式混合
低
控制一个标签
不需要 style 标签
内部
部分结构和样式分离
没有彻底分离
较多，授课和练习使用
控制一个页面
样式定义在 style 标签中
外部
完全结构和样式分离
需要 link 引入
多
可以被多处复用
样式定义在标签的 style 属性中
二. 选择器（找它）2.1 基础选择器
基础选择器
作用
特点
使用频率
☆ 标签选择器
选中相同标签
统一设置相同标签的样式，没有差异化
较多
☆ 类选择器(.)
...
css三角 scc丝带
思路1 利用css三角
思路是用两个css三角一大一小，小的压住大的丝带就出来了，然后文字逆时针旋转45度就好了
12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title&g ...
代码搞笑注释
1.根据文字生成字符画：http://patorjk.com/software/taaghttp://www.network-science.de/ascii/http://life.chacuo.net/convertfont2char
2.根据图片生成字符画：http://www.degraeve.com/img2txt.phphttp://life.chacuo.net/convertphoto2char
3.根据流程图生成字符画：http://asciiflow.com/
4.更多实例https://www.bootschool.net/ascii-art/chinese
1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374 _oo0oo_ o8888888o ...
sql常见语句
1 查询语句（ select ）12345-- 通过 * 把 users 表中所有的数据查询出来select * from users-- 从 users 表中把 username 和 password 对应的数据查询出来 select username, password from users
2 添加语句（ insert into ）12-- 向 users 表中，插入新数据，username 的值为 tony stark password 的值为 098123insert into users (username, password) values ('tony stark', '098123')
3 修改语句（ update ）12345-- 将 id 为 4 的用户密码，更新成 888888update users set password='888888' where id=4-- 更新 id 为 2 的用户，把用户密码更新为 admin123 同时，把用户的状态更新为 1update users set ...