- 博客(29)
- 收藏
- 关注
RSS订阅原创 Flutter onGenerateRoute路由传参配置
flutter配置命名路由传递参数import 'package:flutter/material.dart';//import 'package:flutter_demo/provider/provider.dart';import 'package:flutter_demo/routes/routes.dart';//import 'package:provider/provider.dart';void main() { //runApp(ChangeNotifierProvider(
2021-07-19 09:49:28
1087
3
转载 登录使用Token与cookie/session相比的优劣
优势支持跨域访问: Cookie是不允许垮域访问的，token支持无状态： token无状态，session有状态的去耦: 不需要绑定到一个特定的身份验证方案。Token可以在任何地方生成，只要在 你的API被调用的时候， 你可以进行Token生成调用即可.更适用于移动应用: Cookie不支持手机端访问的性能: 在网络传输的过程中，性能更好基于标准化: 你的API可以采用标准化的 JSON Web Token (JWT). 这个标准已经存在 多个后端库（.NET, Ruby, Java,Py
2021-07-16 17:17:10
788
原创 flutter开发页面 使用column或row组件出现overflow问题
由于Row 和 Column 是 Flex 组件，是无法滚动的，如果没有足够的空间，flutter就提示溢出错误。return Column(children:[ Container( width: 1133, alignment: Alignment.topCenter, child: Row( mainAxisAlignment: MainAxisAlignment.spaceBetween, children: [ Container(
2021-07-13 14:26:15
2852
原创 用cookie和localStorage存储登录信息的区别
前几天面试问项目时问到了为什么用localStorage存储登录信息不用cookie,做项目的时候确实没有想过为什么，只是因为localStorage这个api用起来方便，cookie还要自己封装，于是查了查两者的区别1：cookie的大小在4kb左右，而localStorage的大小是5mb2：在客户端向服务器发送请求的时候cookie始终被携带在http请求中，即使不需要，会浪费很多流量，但是localStorage不会被携带在请求中3：cookie如果不指定过期时间，它的生命周期只到窗口关闭，l
2021-05-29 14:48:29
939
原创 webpack + typescript 做一个贪吃蛇小游戏
项目地址https://gitee.com/liang-yaoyang/snake可能有些小bug 但是不影响完成效果如下：是仿造尚硅谷的视频做的，学习视频可以看https://www.bilibili.com/video/BV1Xy4y1v7S2?p=30代码可能有些地方不同，建议向视频里那样分几个模块，由于打包的一些问题，我将几个类都放到了同一个文件...
2021-05-20 19:10:00
112
3
原创 webpack刷新时热更新了好几次的问题
做项目的时候发现一条语句在控制台打印了好几次仔细一看是webpack热更新了好几次，查了一下发现是webpack在index.html里自动加了好几条导入index.js的代码把代码删掉就可以了
2021-05-20 12:50:49
198
原创 typescript在webpack中导入模块的时候Module not found: Error: Can‘t resolve ‘xxx‘ in ‘xxx‘
在学ts做贪吃蛇的时候要创建几个类然后导入模块的时候webpack报错了import './style/index.less';import Food from './modules/Food';import ScorePanel from './modules/ScorePanel';import Snake from './modules/Snake';const food = new Food();把const food = new Food();删掉又可以正常编译Food的代码：
2021-05-19 17:25:34
2049
4
转载 vue用element-ui的滑块做音乐播放器进度条时拖动无法改变进度bug
做仿网易云音乐的时候要做一个音乐播放器就用了element-ui的slider滑块，然后发现滑动松开鼠标无法改变进度条，但是直接按可以改变解决方法参考https://blog.csdn.net/hhhhhhhssss/article/details/110932934原因分析：由于我设置当前时长是随着audio的更新而赋值达到实时更新的，而element的slider的change方法是在鼠标松开后才会触发，这就会导致在拉动的时候鼠标还没松开达到赋值给当前时长前，audio的timeupdata方
2021-05-09 20:34:58
1814
原创 TCP与UDP和他们的区别
TCP(传输控制协议):tcp是面向连接的，可靠的基于字节流的传输层通信协议UDP(用户数据协议):udp是无连接的传输协议，提供不可靠的非连接传输服务，面向报文区别：1.tcp是面向连接的比较可靠，udp面向非连接，不可靠2.tcp由于面向连接所以需要三次握手，重新确认等连接过程，具有延时性，容易柔道攻击，udp没有建立连接的过程，所以具有实时性。因此tcp可以用于数据量大追求可靠的传输，而udp可以用于追求效率的传输例如直播。3.tcp连接只能点到点，而udp支持一对一，多对多，一对多4
2021-05-02 22:39:26
72
原创 nodejs访问服务器上的文件
再使用nodejs上传文件到服务器上后如果想访问这个文件就在url上访问相应路径如果直接访问路径会无法找到所以需要中间件express.static来托管静态资源，app.use(express.static(path.join(__dirname,'img')));于是访问服务器的时候顺着static指定的路径去寻找再次访填写url就可以访问到图片了...
2021-04-23 21:23:04
584
原创 vue-cli动态加载图片问题，报错Cannot find module
在做项目时遇到动态设置图片出现错误<script>export default{ data(){ return{ src:'', img:'E:/web/vue-shop/src/assets/b7a99470-9f7b-11eb-aad4-45fe018fae54.jpg' } }, created(){ this.get() }, methods:{
2021-04-18 15:53:04
578
原创 怎么判断某个属性是自身的还是原型链上的
想要判断某个属性是自身的还是原型链上的需要结合hasOwnProperty()方法和in运算符原型链上继承过来的属性不能被hasOwnProperty检测到会返回falsefunction Student(){}Student.prototype.name='123';var student = new Student();student.hasOwnProperty('name'); // false<!------------------------------>studen
2021-04-12 23:40:19
1126
原创 简述cookie/session记住的登录状态机制原理
cookie：cookie是客户端的状态保存机制，用户登录验证成功后，如果是用cookie机制，服务器会将用户信息放在响应头的set-cookie属性中返回给客户端，之后每次的http请求都会携带这个cookiesession：session是服务器端的状态保存机制，登录成功后，服务器会在本地开辟一块空间用来存放用户信息，然后生成一个sessionid放在cookie中返回给客户端，之后每次的http请求都会携带这个cookie，服务器会通过cookie中的sessionid来标识用户信息...
2021-04-11 14:29:14
420
原创 js将扁平数组转化成树形结构数据
将城市数组转化成树形结构使用循环方法，非递归var list = [ { id: 1, city:'广东', pid: null }, { id: 2, city:'中山', pid: 1 }, { id: 3, city:'石歧', pid: 2 }, { id: 4, city:'广州', pid: 1
2021-04-08 23:08:10
442
原创 微众银行2021前端实习生笔试
一、投递信息岗位：前端开发实习生工作地点：深圳笔试时间：2021年4月6日笔试平台：赛码二、笔试题型单选+不定项选择题（10道）问答题 （3道）三、总结选择题考的都是基础的js,html5,css3，还是挺简单的，但是复习的不是很充分，可能错了几题问答题是三道编程题，还算简单，但是最近没怎么研究算法，只做出来一题，果然还是太菜了...
2021-04-06 21:41:32
722
1
原创 算法题:反转链表(js)
剑指offer的一道题，要求输入[1,2,3]返回[3.2.1]function ListNode(x){ this.val = x; this.next = null;}function ReverseList(pHead){ // write code here var node; while(pHead){ let temp=pHead; pHead=pHead.next; temp.next=node;
2021-04-05 00:13:34
126
原创 vue+nodejs实现文件上传
前端:<input type="file" name="file" @change="changeFile" ref="file"> <el-button @click="submit">提交</el-button><!------------------------------------------------------------><script>export default{ data(){ ret
2021-04-03 22:23:04
1325
1
转载 闭包为什么会造成内存泄漏？
本文基于《JavaScript高级程序设计》整理。闭包概念：闭包是一类函数。哪一类？有权访问 另一个 函数 作用域中变量的函数。想要理解闭包，必须从理解函数被【调用】的时候会发生什么入手。每次复习闭包的相关知识，我都习惯把作用域和闭包一起复习。函数的作用域链1.创建函数outerFun()时，会创建一个预先包含全局变量对象的作用域链，保存在内部的[[Scope]]属性中。2.调用函数outerFun()时，为此函数创建一个执行环境。3.然后复制函数的[[Scope]]属性中的对象构建起执行环
2021-03-31 22:37:41
1051
原创 [‘0‘,‘1‘, ‘2‘, ‘3‘].map(parseInt)返回结果是[0,NaN,NaN,NaN]
刷面经碰到的一套题，刚看到的时候还在想为什么不是[0,1,2,3]上网查了查才知道为什么map()在迭代的时候function有三个参数(value,index,array)parseInt()有两个参数(val,基数)map()的三个参数会被parseInt引用第1轮：map() value=‘0’ index=‘0’ array=[‘0’,‘1’, ‘2’, ‘3’]parseInt() value=‘0’ 基数=0 省略array因为0是虚数所以默认设置成10parseInt(‘0’
2021-03-30 22:43:52
192
原创 js中for of能否遍历对象
不能for of 循环首先会向被访问对象请求一个迭代器对象，然后通过调用迭代器对象的next() 方法来遍历所有返回值for of能遍历的有set map array string因为这些类型有迭代器对象但是object没有迭代器对象所以无法遍历对象但是可以用for in来遍历var a= { b:1}for(let i in a){ console.log(a[i]);}详情参考https://blog.csdn.net/xhom_w/article/details/1033134
2021-03-30 12:36:40
2979
转载 http1.x和http2.0的区别
最近刷面经经常看到的一题（1）.HTTP2使用的是二进制传送，HTTP1.X是文本（字符串）传送。二进制传送的单位是帧和流。帧组成了流，同时流还有流ID标示（2）.HTTP2支持多路复用因为有流ID，所以通过同一个http请求实现多个http请求传输变成了可能，可以通过流ID来标示究竟是哪个流从而定位到是哪个http请求（3）.HTTP2头部压缩HTTP2通过gzip和compress压缩头部然后再发送，同时客户端和服务器端同时维护一张头信息表，所有字段都记录在这张表中，这样后面每次传输只需要传
2021-03-29 21:37:08
260
原创 css动画属性animation停止动画
刷面经时刷到的一道题，平时没怎么看，原来animation有个属性animation-play-state，要停止动画只要设置一个监听事件把animation-play-state:running改成animation-play-state:pasued就行了参考https://www.w3school.com.cn/cssref/pr_animation-play-state.asp...
2021-03-29 21:30:33
1867
原创 项目中 await is a reserved word 问题解决方式
项目中 await is a reserved word 问题解决方式转载文章：https://blog.csdn.net/weixin_44883642/article/details/106231432
2021-03-28 22:36:45
789
原创 算法题：无重复字符的最长子串（js实现）
var lengthOfLongestSubstring = function(s) { var arr = s.split(''); var max=0; var str=[]; for(let i in arr){ //搜寻是否已存在同样的字符 var index=str.indexOf(arr[i]); if(index!=-1){ str.splice(0,index+1);//存在则将该字符和前面的字符
2021-03-28 20:08:22
162
原创 vue项目中使用nodejs实现登录
用vue,nodejs,mysql做的一个登录的页面代码放完的话有点麻烦，只放实现功能的代码把。vue部分:<script>export default { data() { return{ loginForm:{ username:'', password:'', },//下面两行是vuelogo的不用理会 circleUrl
2021-03-27 22:03:08
1604
2
原创 nodejs中cors解决跨域问题
因为浏览器存在同源策略，所以客户端向服务器发送请求时无法收到响应同源策略：https://blog.csdn.net/wqliuj/article/details/109437914在做vue项目的时候向自己用node搭建的静态服务器发送请求会跨域，所以查了一下如何解决跨域问题参考了简书的一篇文章https://www.jianshu.com/p/f32211c46325但是使用其中代码控制还是没有解决问题，不知道是不是其他地方没有配置app.all('*', function(req, res,
2021-03-26 22:14:50
682
1
原创 算法题：爬楼梯（js实现）
假设你正在爬楼梯。需要 n 阶你才能到达楼顶。每次你可以爬 1 或 2 个台阶。你有多少种不同的方法可以爬到楼顶呢？最近看面经经常考到的一道算法题直接用斐波那契会超出时间看了下评论 要使用尾递归的方法避免栈溢出var climbStairs = function(n,a=1,b=1) { if(n<=1) return a; return climbStairs(n-1,a+b,a);};尾递归详解可以看这篇文章：https://blog.csdn.net/wu
2021-03-26 19:31:42
475
原创 使用nodejs在vue项目中连接mysql
使用nodejs在vue项目中连接mysql先下载好mysql模块npm install mysql -D在项目中创建server文件夹和db.js用来连接mysql在db.js中写入代码var mysql = require('mysql')//引入mysql模块const mysqlConfig = { host: 'localhost', // 新数据库连接时的域名 user: 'root',//数据库用户名 password: '123456', // roo
2021-03-25 23:02:15
1747
2
原创 求教javascript canvas做雪花下落效果
大学生刚学习javascript老师让做一个雪花下落的作业像这样的自己做雪花下落的时候变成了一条线 还不会消失一直堆在那里想问下大佬们怎么改 下面是我的代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
2020-09-27 14:37:27
193
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人