code随手笔记
文章平均质量分 78
主要记录我在学习过程中对一些代码和原理的理解,以及在开发过程中遇到的问题及解决方法
哈哩噜啾啾哈呀呀
这个作者很懒,什么都没留下…
展开
-
配置flutter环境遇到的那些坑
flutter安装我是直接使用flutter中文社区(https://flutter.cn/docs/get-started/install)中的安装包和教程进行安装的,macOS big sur环境下载和安装过程中没有遇到太大问题,主要的遇到的问题就是因为众所周知的网络原因,无法下载对应包的问题Running “flutter pub get” in myapp 一直没反应主要原因是社区里配置环境变量的方法不好使,还是需要在配置文件里写进去才好用,在用户目录下的.zshrc文件里把环境变量都放进去原创 2021-01-08 18:16:55 · 845 阅读 · 1 评论 -
react-reudx的使用
1.redux原理及简单使用a.为什么使用redux?redux解决的问题是组件状态的管理。在使用redux之前,我们进行组件之间的通讯时都是使用props进行传递,之后有了Context API,可以使得我们不再对数据进行层层传递,但是还是需要对每个组件的状态(state)进行管理,整体依然是混乱的。redux的核心之一就是将每个组件的state抽离出来,放在一起,使得一个app只有一个state,存放在store中,任何一个组件需要获取数据的时候,都可以从同一个state中获得,这样首先原创 2020-07-30 11:10:17 · 432 阅读 · 0 评论 -
React Context API 入门
一、Context API入门react版本16.13.11.context的作用react中通过属性自上而下传递数据,但如果需要穿透多层组件传递数据,则需要在每层的组件都传递props属性,非常繁琐。context解决的就是穿透中间组件传递数据。 使用props传递数据 使用context传递数据 使用context可以在最顶层(数据获取位置)创建Provider,就可以在这个组件之后的所有子组件中随时调用context中的数据,同时当context中的.原创 2020-07-30 11:05:18 · 438 阅读 · 0 评论 -
重绘与回流
重绘:元素样式发生变化,颜色,背景等;大小,位置不变,不会影响其他元素的大小位置。重新绘制页面,只要页面有变化就会重绘回流(重排):元素的大小位置发生变化,触发重新布局,导致渲染树重新计算布局和渲染。重新排布页面结构,页面的结构布局,元素之间的位置关系发生变化重排一定会引起重绘,而重绘不一定会重排如何避免回流放弃传统的DOM操作,使用vue/react使用虚拟DOM,D...原创 2020-04-04 22:52:42 · 104 阅读 · 0 评论 -
伪类 nth-child() 和 nth-of-type()
:nth-child(n)选择器匹配属于其父元素的第 N 个子元素,不论元素的类型。n 可以是数字、关键词或公式。这个选择器是先找前面元素的父元素,然后再找父元素下的第N个子元素,如果这个子元素和伪类前的选择器匹配,则添加相应样式,否则忽略。<!DOCTYPE html><html><head><style> p:nth-chil...原创 2020-04-04 22:52:07 · 157 阅读 · 0 评论 -
使用VSCode中遇到的问题
使用vscode的过程中遇到很多意外情况,每次都通过搜索解决,查看大量帖子去解决相关的工具使用问题还是很浪费时间的,所以将每次遇到的问题与解决方案记录,防止之后遇到再次重复浪费时间。现象:代码提示时有时无,特别是在vue文件中,代码提示突然消失成因:插件冲突,ESLint和Vetur最新版本(0.23.0)冲突vetur最新版本问题解决方法:将vetur回退至上一版本(0.22...原创 2020-04-04 22:48:50 · 1016 阅读 · 0 评论 -
解决chrome主页被hao123劫持的记录
自己的chrome浏览器首页被流氓劫持,每次打开都会跳转至hao123主页,问题:chrome浏览器打开后默认跳转至hao123页面或其他非自己设置的主页情况1:chrome快捷方式右键属性,查看目标位置,目录后是否跟随链接地址解决方法:删除后面链接,清理至只存在文件目录的状态如果删除连接之后,重启浏览器成功解决问题,那这种情况是相对比较容易解决的。如果没有解决,依然出现跳转请参考...原创 2020-04-04 22:48:13 · 11206 阅读 · 0 评论 -
箭头函数为什么不能作为构造函数?
在电话面试中,被问到箭头函数和普通函数的区别。这是常见面试题,我就按照我的理解回答常见答案:写法更简洁,没有this指向,this来自上下文,不能作为构造函数,这时候面试官追问,为什么箭头函数不能作为构造函数?我之前对于这个问题的理解是,构造函数需要this这个对象,用于接收传来的参数,以及在构造函数最后将这个this return出去。箭头函数没有this,所以不能作为构造函数。由于紧...原创 2020-04-04 22:47:03 · 11636 阅读 · 8 评论 -
webpack4中遇到的坑
很多坑都是由于版本变化所产生的,我学习的时候看的教程是webpack3的,但是在练习的时候使用的是webpack4,所以把遇到的坑和解决方法整理在这里。1.babel-loder版本问题及相关报错报错 Error: Cannot find module ‘@babel/core’babel-loder是需要安装对应的babel-core版本的,babel-loader 8 对应的 babe...原创 2020-04-04 22:44:54 · 2170 阅读 · 0 评论 -
for...in,for...of,forEach的区别
for…in访问的是keyfor...in语句以任意顺序遍历一个对象的除Symbol以外的可枚举属性。for … in是为遍历对象属性而构建的,不建议与数组一起使用for…of访问的是valuefor...of语句在可迭代对象(包括 Array,Map,Set,String,TypedArray,arguments 对象等等)上创建一个迭代循环,调用自定义迭代钩子,并为每个不...原创 2020-04-04 19:56:26 · 126 阅读 · 0 评论 -
DOM diff
利用创建对象的方法,在内存中创建一个与真实节点结构相同的虚拟节点对象。再创建一个将要改变的虚拟节点对象比较两个虚拟节点的区别,产生petch补丁包将补丁替换在真实节点上。DOM diff的优化策略同级比较不进行跨级比较,如果同一级没有相同节点,则删除对应节点如果同级节点换位,则只改变对应位置,不操作其他节点,节省资源差异计算dom树先序遍历(根左右),深度优先平级元素换...原创 2020-04-04 19:54:24 · 209 阅读 · 0 评论 -
cookie session token
cookie形式是name:value,有过期时间,json格式,内容是字符串明文记录用户状态,不能记录敏感信息存储在客户端,不耗费服务器存储,性价比高在向服务器发送请求时会携带客户端的cookiesession客户端发送登录表单数据后,服务端进行验证,验证通过后将用户信息存贮在session中,生成一个sessionId,写回一个存放sessionId的cookie给客户端。...原创 2020-04-04 13:48:09 · 112 阅读 · 0 评论