simple5960的博客

我的创作纪念日

simple5960 — Thu, 06 Jul 2023 11:09:51 +0800

可能虽然日常忙碌但你还在坚持创作、可能初心还在但博客已良久未更新。也许是立志成为一名专业 IT 作者、也许是记录一段刚实践的经验。《关于HTML5中得input表单，你所不知道的几点》还记得 2020 年 09 月 13 日吗？在这段时间里，相信你已经获得了更大的成长。在这平凡的一天，你赋予了它不平凡的意义。但在那一刻，你已在创作这趟旅程中出发。但创作这份心情，任何时刻你打开都新鲜。今天，是你成为创作者的第1024天。

koa使用socketio

simple5960 — Thu, 05 Aug 2021 17:09:45 +0800

服务端 const Koa = require('koa'); const Router = require('koa-router') // koa 路由中间件 const app = new Koa(); const router = new Router(); // 实例化路由 const process = require('child_process'); // 使用中间件,保证可跨域 const CORS = require('./middleware/cors.js'); const { de

vue中的装饰器

simple5960 — Tue, 15 Jun 2021 20:21:25 +0800

Vue Property Decorator npm i -S vue-property-decorator Usage There are several decorators and 1 function (Mixin): @Prop @PropSync @Model @ModelSync @Watch @Provide @Inject @ProvideReactive @InjectReactive @Emit @Ref @VModel @Component (provided by vue-cl

js中!(感叹号)的使用

simple5960 — Tue, 15 Jun 2021 19:47:59 +0800

export default class YourComponent extends Vue { @Prop(Number) readonly propA: number | undefined @Prop({ default: 'default value' }) readonly propB!: string @Prop([String, Boolean]) readonly propC: string | boolean | undefined } 这个感叹号在这里是强制propB为st

位运算的使用

simple5960 — Tue, 15 Jun 2021 18:22:59 +0800

~‘1.345’.indexOf(’.’) 这是一个位运算，效果等同于xxx.indeOf(‘oooo’)!=== -1 ;位运算效率会高一些，而且写起来简单

JS中对decimal类型数据的处理（高精度计算）

simple5960 — Tue, 15 Jun 2021 17:50:21 +0800

JS中对decimal类型数据的处理（高精度计算）

HTTP-Proxy-MiddleWare

simple5960 — Fri, 11 Jun 2021 14:25:39 +0800

HTTP-Proxy-MiddleWare

vue中配置proxy代理不起作用

simple5960 — Fri, 11 Jun 2021 11:44:25 +0800

记住！在修改完vue.config.js文件只后一定要用npm run serve重启服务

ES6装饰器

simple5960 — Fri, 11 Jun 2021 10:30:37 +0800

1.类的装饰 @testable class MyTestableClass { // ... } function testable(target) { target.isTestable = true; } MyTestableClass.isTestable // true 上面代码中，@testable就是一个装饰器。它修改了MyTestableClass这个类的行为，为它加上了静态属性isTestable。testable函数的参数target是MyTestableClass类本身。

less使用混入(mixin)使px转为rem

simple5960 — Thu, 10 Jun 2021 14:49:49 +0800

.px2rem(@name, @px) { @{name}: @px / 37.5px * 1rem; } .home { .test{ background:red; .px2rem(width,20) } }

如何让宿主机访问docker容器内的服务

simple5960 — Thu, 10 Jun 2021 12:50:08 +0800

1.比如我在docker内开了一个服务地址是localhost:7001 如上图所示,这个服务的内容是hello world 那么如何让宿主机也能访问到这个服务呢 2.宿主机访问docker内服务目前网上大多数的方案都是更改docker容器的端口映射但是我在自己的机子上就是找不到这些文件=-= 所以用如下方法,如果可以,最好自己修改端口映射如果想要不改变容器内容和配置的情况下更改端口映射只有先停止，然后将容器打包成镜像，然后在运行新的镜像的时候指定新的端口映射。 #先停止容器 docker

docker的使用

simple5960 — Thu, 10 Jun 2021 09:46:22 +0800

1.在终端下载docker 2.打开docker安装images docker pull image-name 3.启动镜像容器 $ docker run -it centos /bin/bash 参数说明： -i: 交互式操作。 -t: 终端。 centos: ubuntu 镜像。 /bin/bash：放在镜像名后的是命令，这里我们希望有个交互式 Shell，因此用的是 /bin/bash。要退出终端，直接输入 exit: 注意,每次docker run后面直接跟image-name的都是不同的容

vue中设置代理解决跨域

simple5960 — Wed, 09 Jun 2021 15:48:30 +0800

编辑vue.config.js文件 module.exports={ devServer:{ proxy:{ '/test':{ target:'http://localhost:7002', changeOrigin: true, secure: false, pathRewrite: { '^/test': ''

babelrc 和 babel.config.js区别

simple5960 — Wed, 09 Jun 2021 10:50:49 +0800

babelrc 只会影响本项目中的代码 babel.config.js会影响整个项目中的代码，包含node_modules中的代码推荐使用babel.config.js babelrc { "plugins": [ [ "@ks/babel-plugin-component", { "libraryName": "@ks/sharp-ui", "sty..

vue中使用v-bind=“$attrs“进行多层组件的传值

simple5960 — Mon, 07 Jun 2021 16:07:56 +0800

有如下的嵌套关系比如说在grandfather中传给了father一些props grandfather.vue

应用中的图片上传

simple5960 — Fri, 28 May 2021 16:54:36 +0800

前端这里采用的是将图片转为base64然后传到后端 const uploadFile=()=>{ var imageFileName=""; var imgURL=document.querySelector('#upload-file').files[0]; imageFileName=imgURL.name //图片预览部分 //var img=document.que

计网期末考试

simple5960 — Sat, 22 May 2021 11:58:04 +0800

CRC循环冗余码一般考试的时候会给出生成多项式和一个信息位 1.确定除数如p(x)=1*x3+1*x2+0*x1+1*x0=>1101 得到除数为1101 2.根据多项式p(x)的最高阶为信息位补0 最高阶为3,所以在信息位后补三个0=>101001000 3.让信息位补0与除数做异或运算得到余数 101001000 xor1 1101 res1 1110 //结果省去0依次借后面的位

FileSaver

simple5960 — Wed, 19 May 2021 15:07:48 +0800

todo

vue指令

simple5960 — Wed, 19 May 2021 14:39:26 +0800

vue2注册指令 Document