- 博客(30)
- 收藏
- 关注
原创 Nodejs+Express+Vue ——添加token + 封装axios
一、添加 token阮一峰 JSON Web Token 入门教程1.原理1. 登陆时,客户端发送用户名密码2. 服务端验证用户名密码是否正确,校验通过就会生成一个有时效的token串,发送给客户端3. 客户端储存token,一般都会存储在localStorage或者cookie里面4. 客户端每次请求时都带有token,可以将其放在请求头里,每次请求都携带token5. 服务端验证token,所有需要校验身份的接口都会被校验token,若token解析后的数据包含用户身份信息,则身份验证
2021-11-30 14:45:40
974
原创 问题——nvm use 出现exit status 1:乱码
问题:利用nvm管理node版本 想要切换nvm use 14.18.1 但是展示乱码 切换不成功解决:1. 检查路径是否有空格和中文,同时检查setting.txt文件里面的路径是否一致2. 路径没问题,但是切换版本还是会报乱码,这时,将cmd用管理员的身份打开,显示切换成功...
2021-10-25 11:32:05
24840
16
原创 简易版—扫雷
比较好看的扫雷 demo流程图文件https://github.com/gyy1129/MineSweeper实现内容右键 标记左键 打开格子计算 剩余雷数踩雷 游戏结束剩下都是雷 游戏通关代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>MineSweeper</title></head>
2021-09-30 18:40:24
141
原创 算法—js实现 输入特定的字符串转化为特定结构化数据
题目:字符串仅由字母和[,]构成,且字符串不包含多余的空格示例一:'abc' -> {value:'abc'}示例二:'[abc[bcd[def]]]' -> {value:'abc',children:{value:'bcd',children:{value:'def'}}}解决问题:function normalize(str) { let obj = {} if (str.indexOf('[') == -1) { //判断两种字符串,并分别处理 obj
2021-09-26 17:34:42
293
1
原创 算法—js实现 对象扁平化
题目描述:// 实现一个 flatten 函数,实现如下的转换功能const obj = { a: 1, b: [1, 2, { c: true }], c: { e: 2, f: 3 }, g: null,};// 转换为let objRes = { a: 1, "b[0]": 1, "b[1]": 2, "b[2].c": true, "c.e": 2, "c.f": 3, // g: null, //null或undefined 都删去};方
2021-09-25 15:07:18
736
原创 css—头部侧边栏内容 布局
效果展示:代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> body { margin: 0; padding: 0; } .head { position: fixed; height: 1
2021-09-23 21:20:38
764
原创 js—判断数据类型
function getType(obj) { if (obj === null) return String(obj); return typeof obj === 'object' ? Object.prototype.toString.call(obj).replace('[object ', '').replace(']', '').toLowerCase() : typeof obj; } console.log(getTyp.
2021-09-20 22:09:51
95
原创 牛客网 赛码网 js输入输出
牛客网详细地址let readline = require('readline')const r1 = readline.createInterface({ input: process.stdin, output: process.stdout,})// 计算a+br1.on('line', function (line) { console.log(line) // 1 3 string let tokens = line.split(' ') console.log(
2021-09-17 15:19:52
770
原创 a标签 常用rel属性
描述: 带有 target="_blank" 的 a 标签被认为是有安全风险的,因为点击它后打开的新标签页面可以通过 window.opener.location = 来将来源页面跳转到钓鱼页面,给该 a 标签增加 rel=“noopener noreferrer” 属性就能阻止rel常用属性 链接解决安全风险 说明链接...
2021-09-05 15:36:24
374
原创 JS算法题----给定一个没有重复数字的序列,返回其所有可能的全排列
题目: 给定一个没有重复数字的序列,返回其所有可能的全排列。let permute = function (nums) { const res = [] const arr = [] const recursion = (arr) => { if (arr.length === nums.length) { res.push(arr.slice()) return } for (let i = 0; i < nums.length;
2021-09-05 14:43:26
719
原创 微信小程序中报错:TypeError: Cannot read property ‘openid‘ of null
主要原因: getWXContext函数是异步获取的,导致返回为空解决方法: 利用async&await,等待cloud.getWXContext()返回结果 链接
2021-09-03 13:24:34
5734
原创 vue组件中的data必须是函数
1.官方文档要求:2.注意:组件不能直接访问Vue实例中定义的data,即使可以,Vue实例也会非常臃肿3.data是函数的原因每一个组件都要有自己的状态,要有一个对象保存该状态,并且不会相互影响。data改为函数,会有自己的作用域,data函数每次会返回新的对象(地址不一样的对象),多个组件复用时,就不会相互影响。要是直接返回一个外部创建的obj,obj指向的指针地址都是一个地方,就会相互影响。...
2021-08-25 17:25:09
159
原创 git中常见报错情况
git错误:fatal: unable to access 'https://github.com/baidu/amis.git/': OpenSSL SSL_read: Connection was reset, errno 10054产生原因:一般是这是因为服务器的SSL证书没有经过第三方机构的签署,所以才报错解决办法:解除ssl验证后,再次git即可 git config --global http.sslVerify "false"...
2021-08-25 09:43:58
326
原创 http中的keep-alive和vue中的keep-alive
1.HTTP协议中 Connection: keep-alive文章链接2.Vue中的keep-alive(1) keep-alive作用:主要是让组件不要频繁的被创建created和销毁destroyed(2) keep-alive需要放在App.vue中的router-view的外侧 <keep-alive > <router-view></router-view> </keep-alive>(3) acitivate
2021-08-24 13:48:58
179
原创 vue代码片段
1.Vetur扩展插件2.文件—首选项—用户片段—搜索“vue”3.代码替换(可以依据个人情况修改代码模板){ "Print to console": { "prefix": "vue", "body": [ "<!-- $1 -->", "<template>", " <div class='$2'>$5</div>", "</template>", "", "&l
2021-08-22 11:29:48
436
原创 vue中的生命周期
1.vue生命周期有哪些beforeCreatecreatedbeforeMountmountedbeforeUpdateupdatedbeforeDestroydestroyedbeforeCreate() { console.log("初始化vue实例之前")},created() { console.log("初始化vue实例之后")},beforeMount() { console.log("js中的数据挂载到html之前")},mounted
2021-08-21 14:50:59
152
原创 webpack中问题解决 Module build failed: TypeError: this.getOptions is not a function
解决方法链接:https://blog.youkuaiyun.com/weixin_43717016/article/details/109288271
2021-08-13 16:12:41
644
原创 简单了解 sandbox 沙盒
1.操作系统和浏览器层面的沙盒:操作系统层面的沙盒的含义就是操作系统对进程的可访问的内存地址所做的限制,限制进程可访问的内存在其被分配的内存地址区间内,而不允许操作其他的内存地址,从而提供安全层面的防护。浏览器层面的沙盒本质原理没多大变化,实践层面可能会根据浏览器环境有所变化,比如限制脚本操作本页面之外的其他页面的DOM,限制访问非同源文档,限制向非同源服务器发送ajax等等,目的依然是安全。以chromium为例。chromium是多进程架构,浏览器前端界面由browser进程管理,各个web pa
2021-08-04 17:46:22
1991
原创 ElementUI 将table多选框改为单选框
描述:ElementUI有单选触发方式,但所做系统表格中 ,有一列是点击详情,所以需要利用ElementUI多选方式。实现效果如下:将多选改为单选:解决方法一:1. HTML <el-table ref="selectTable" :data="tableData" class="more_btn" v-loading="loading" element-loading-text="拼命加载中,请稍候......" border @selection-change="selectRow"
2021-08-03 09:46:32
4182
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人