- 博客(49)
- 收藏
- 关注
RSS订阅
1原创 长期更新,记录自己在工作当中遇到的问题
具体总结自己在工作学习当中遇到的问题和解决方法,按照Vue,Css,JavaScript等进行分配,后面可能涉及到后端在此长期记录,方便自己记忆,和防止遗忘。
2022-09-26 23:32:22
258
原创 leetcode记录(二)
单向链表类似于火车，有一个火车头，火车头会连接一个节点，节点上有乘客，并且这个节点会连接下一个节点，以此类推。链表的火车结构链表的数据结构head 属性作为(指针)指向链表的第一个节点。链表中的最后一个节点指向 null。当链表中一个节点也没有的时候，head 直接指向 null。...
2022-08-26 09:57:30
124
原创 leetcode记录(一)
这里应该会长期记录,主要记录自己刷leetocde的过程,尽量保证遇到的题目自己都会和懂,语言用Java和JavaScript。从最简单的题目开始,尽量保证都每道题都会,并且一定要。
2022-08-18 11:26:57
87
原创 Typescript学习(一)
TS是是由微软2012年开发的一款开源的编程语言TypeScript 是 Javascript 的超集，遵循最新的 ES6、Es5 规范。TypeScript 扩展了 JavaScript的语法在js的基础上，为js添加了类型支持。
2022-08-07 11:22:01
288
原创 微信小程序学习(二)
分包指的是把一个完整的小程序项目，按照需求划分为不同的子包，在构建时打包成不同的分包，用户在使用时按需进行加载。独立分包本质上也是分包，只不过它比较特殊，可以独立于主包和其他分包而单独运行分包预下载指的是在进入小程序的某个页面时，由框架自动预下载可能需要的分包，从而提升进入后续分包页面时的启动速度。...
2022-07-17 21:07:46
95
原创 微信小程序学习记录(一)
Page({/***页面的初始数据*/data{//存放轮播图数据的列表swiperList[],//存放九宫格数据的列表gridList在data中定义数据,在home.js中使用相应的数据。
2022-07-17 10:57:57
148
原创 Mysql学习(四）
这里将学习Mysql的第四部分,主要包括聚合函数聚合函数作用于一组数据，并对一组数据返回一个值。聚合函数类型AVG()SUM()MAX()MIN()COUNT()聚合函数语法聚合函数不能嵌套调用。比如不能出现类似“AVG(SUM(字段名称))”形式的调用。对数值类型才能使用svg函数和sum函数,求出总和或者平均数对任意数据类型的数据使用 MIN 和 MAX 函数，返回最大或者最小值问题：用count(*)，count(1)，count(列名)谁好呢?(都i可以得到函数的总和)对于M
2022-07-10 22:25:17
203
原创 Mysql学习(三)
在这里主要学习到的是使用order by进行排序和分页Order By的规则使用 ORDER BY 子句排序单列排序包括升序和降序升序降序多列排序(先按照一个排序,再按照另一个排序)先排序,再按照降序排序2 分页2.1背景背景1：查询返回的记录太多了，查看起来很不方便，怎么样能够实现分页查询呢？背景2：表里有 4 条数据，我们只想要显示第 2、3 条数据怎么办呢？1，以此类推）；第二个参数“行数”指示返回的记录条数。分页显式公式： *（当前页数-1）每页条数，每页条数注意：L
2022-07-08 23:57:36
694
原创 Mysql学习(二)
算术运算符主要用于数学运算，其可以连接运算符前后的两个数值或表达式，对数值或表达式进行加（+）、减（-）、乘（*）、除（/）和取模（%）运算。通过运算结果可以得出如下结论通过求模(求余)运算符来得到剩下的值比较运算符用来对表达式左边的操作数和右边的操作数进行比较，比较的结果为真则返回1，比较的结果为假则返回0，其他情况则返回NULL。通过比较运算符查询#查询salary=10000，注意在Java中比较是==当使用安全等于运算符时，两边的操作数的值都为NULL时,，返回的结果为1而不是NU
2022-07-01 22:41:52
140
原创 Mysql学习(一)
展开Mysql的学习DDL（Data Definition Languages、数据定义语言），这些语句定义了不同的数据库、表、视图、索引等数据库对象，还可以用来创建、删除、修改数据库和数据表的结构。主要的语句关键字包括 CREATE 、 DROP 、 ALTER 等。DML（Data Manipulation Language、数据操作语言），用于添加、删除、更新和查询数据库记录，并检查数据完整性。主要的语句关键字包括 INSERT 、 DELETE 、 UPDATE 、 SELECT 等。SELE
2022-07-01 11:33:12
349
原创 MySQL必知必会(二)
这里主要继续练习如何使用sql语句这里主要连续如何将数据进行过滤在SELECT语句中，数据根据WHERE子句中指定的搜索条件进行过滤。WHERE子句在表名（FROM子句）之后给出这里包含了where语句的过滤条件例如,列出不是由供应商1003制造的所有产品：为了检查某个范围的值，可使用BETWEEN操作符。其语法与其他WHERE子句的操作符稍有不同，因为它需要两个值，即范围的开始值和结束值。例如，BETWEEN操作符可用来检索价格在5美元和10美元之间或日期在指定的开始日期和结束日期之间的所有
2022-06-30 11:48:13
323
原创 MySQL必知必会(一)
通过MySQL必知必会来重新学习数据库数据库这个术语的用法很多，但就本书而言，数据库是一个以某种有组织的方式存储的数据集合。理解数据库的一种最简单的办法是将其想象为一个文件柜。此文件柜是一个存放数据的物理位置，不管数据是什么以及如何组织的。表是一种结构化的文件，可用来存储某种特定类型的数据。表可以保存顾客清单、产品目录，或者其他信息清单表由列组成。列中存储着表中某部分的信息。理解列的最好办法是将数据库表想象为一个网格。网格中每一列存储着一条特定的信息。例如，在顾客表中，一个列存储着顾客编号，另一
2022-06-29 15:52:16
94
原创 Vue学习日记(三)
在这里学习CompositionAPi,主要包含以下内容shallowReactive：只处理对象最外层属性的响应式（浅响应式）。shallowRef：只处理基本数据类型的响应式, 不进行对象的响应式处理。什么时候使用?作用：创建一个自定义的 ref，并对其依赖项跟踪和更新触发进行显式控制。实现防抖效果：...
2022-06-28 10:26:00
81
原创 Vue3学习日记(二)
这是学习Vue3相比Vue2的第二部分，主要讨论计算属性与监视、生命周期和自定义属性等两个小“坑”,deep无法监视对象数据类型监视reactive定义的响应式数据时：oldValue无法正确获取、强制开启了深度监视（deep配置失效）。同时也可以监听里面的多个属性监视的是reactive素定义的对象中的属性，配置的deep有效watch的套路是：既要指明监视的属性，也要指明监视的回调。watchEffect的套路是：不用指明监视哪个属性，监视的回调中用到哪个属性，那就监视哪个属性。w
2022-06-27 20:49:33
281
原创 Vue3学习日记(一)
记录一下Vue3的学习记录,相比起Vue2有什么区别Vue3相比起Vue2的改变Composition API（组合API）新的内置组件其他改变setup是所有Composition API（组合API）组件中所用到的：数据、方法等等，均要配置在setup中。setup函数的两种返回值：若返回一个对象，则对象中的属性、方法, 在模板中均可以直接使用。（重点关注！）若返回一个渲染函数：则可以自定义渲染内容。（了解）reactive函数作用: 定义一个对象类型的响应式数据（基本类型不要用它，要用函数）
2022-06-27 00:23:51
105
原创 canvas学习(一)
一直以来，web上的动画都是flash实现的，例如，广告、游戏等。flash是有缺点的，例如我们需要安装Adobe flash player插件，并且漏洞多、重量比较大、卡顿、不流畅等。因此，HTML5推出了新的画布标签—canvas。canvas是一个轻量级的画布，我们使用canvas进行JavaScript编程，不需要增加额外的插件，性能也很好，不卡顿，在手机中也很流畅。canvas彻底颠覆了flash的主导地位。无论是广告、游戏，都可以用canvas实现。canvas的本质：利用代码在浏览器上进行画画
2022-06-25 17:59:22
472
原创 (一)BFC
BFC - Block Formatting Context 块级格式化上下文,在官方文档当中的定义是这样一个BFC区域包含创建该上下文元素的所有子元素，但是不包括创建了新的BFC的子元素的内部元素，BFC是一块块独立的渲染区域，可以将BFC看成是元素的一种属性，拥有了这种属性的元素就会使他的子元素与世隔绝，不会影响到外部其他元素具体的意思如下假设box1和box5是两个BFC区域，那么根据上述原理能理解到的就是，box1这个BFC区域包含了子元素box2，box3，box4，box5。但不包括box
2022-06-25 01:03:48
102
原创 (十)打包和项目部署
在这一部分将项目打包上传,并且进行服务器部署网页所在url的协议, 域名, 端口号, 和Ajax请求url的协议, 域名, 端口号有一个对应不上, 就发生跨域三种解决跨域的方法需要前端和后端同时支持例子代码(看看就行, 不用尝试)cors方式前端什么也不用做后端需要开启cors如果后端jsonp也不弄, cors也不弄, 就给你个接口地址2、项目打包npm run serve 是启动开发环境的服务器 (编写代码过程查看效果用)npm build 也是打包项目代码(但是会输出到dist文件
2022-06-24 17:05:54
1990
原创 (九)前端优化细节和额外知识点
在这里学习到了常见的性能优化和如何将文件打包并且进行上传性能优化包括以下部分额外的知识问题,当切换的时候,里面的数据每次切换切换都会刷新,形成卡顿切换的时候,原先的数据不会完全刷新,结合 vue 内置的 keep-alive 组件，可以实现组件的状态保持。在App.vue中的router-view外层套上一个keep-alive组件在Layout.vue中的router-view外层套上一个keep-alive组件但发现搜索页面和详情页面多被缓存起来了 (多次进入不同的文章, 发现都是同一个文章详情)对
2022-06-23 16:56:32
614
原创 (七)小思同学和性能
该部分包含Websocket和路由懒加载,路由守卫等,接下来的部分是性能优化包含以下内容1 websocket2优化细节性能优化包括以下部分学习到的东西WebsocketWebsocket原生ajax存在一个问题,只是发送之后得到一个响应，无法实现即时通信,但可模拟以上技术叫计时器轮询, 迫不得已才能使用(一般用不上, 了解即可)HTML5出了一个新的技术叫WebSocket, 可以在一个TCP链接上, 实现即时通信效果Websocket的使用介绍它是一种新的技术, 前后端只要支持这种协议,
2022-06-22 13:50:05
65
原创 (六)文章评论功能和个人中心
在这一部分,完成文章评论功能和个人中心文章评论功能包括以下内容学习到的东西数组去重的方法通过set**,Set里面不允许重复的数据**,有重复的数据就会消去,再通过reset解构赋值转换成数组点赞或取消点赞类似的逻辑处理这类的逻辑可以通过传入一个true和false,如果是true就将原先的置为false,如果false就置为true,再调api点击滚动条,到达下面的方法获取想要的元素 通过来获取高度,再通过,当点击的时候会直接到达下面如果需要动画要通过animation (配合帧动画), trans
2022-06-21 11:44:13
138
原创 总结第三次面试
总结第三次面试,企业用的是react-native,大部分围绕基础,总结这次的面试问题问题一、http和https有什么区别默认的http请求的内容, 在网络中传输, 明文的形式传递的 (https 对内容加密)HTTPS 是安全版的 HTTP。HTTP 协议在传输数据时采用的是明⽂方式传递，因此，⼀些敏感信息的传输就变得很不安全。而 HTTPS 就是为了解决 HTTP 的不安全⽽产⽣的。问题二、 HTTPS是如何保证安全的？那HTTPS采用的什么样的加密方式呢？我们来了解下一些加密的基本概念。
2022-06-16 15:57:56
59
原创 总结第二次面试
总结第二次面试,这一次面试的薪资依旧是三千至四千,主要以Vue为主,记录一下值得注意的问题问题一、如何将项目部署上线,打包工具用什么,有什么问题问题二、Vuex如何处理数据丢失Vue的action和mutation当中,action负责处理异步请求,或请求数据,可以在下一步的时候设置如果没有数据返回一个空对象等问题三、Vue当中组件传值的几种方法props、 $emit $on...
2022-06-15 16:21:03
57
原创 总结一次面试(一)
总结第一次面试,面试的岗位是前端开发,工资在三千到四千左右,实习生岗位，面试当中遇到了许多的问题,在此记录一下面试总共有三部分 自我介绍 面试官提问 面试者提问环节通常需要自我介绍的原因通常在这个阶段会询问你是否熟悉相关的框架的,内容也涉及到原生,在此记录第一次面试遇到的问题HTML5新增标签以及其作用考察点: 是否了解 html5 新增的一些新特性CSS3新增内容以及其作用移动端布局rem和vw的区别，前端的移动端布局问题em：根据其父元素的font-size来计算，默认1em=16pxrem就
2022-06-14 14:42:18
79
原创 (五)反馈__频道操作
在这一部分主要完成以下几件事情主要完成以下工作根据设计图完成以下操作实现思路1.铺设下面的一级面板通过组件在axios当中有两个拦截器,一个是响应拦截器.一个是请求拦截器。请求拦截器，当真正发起请求之前响应拦截器,当请求发送出去,响应回来的数据基于此在两个拦截器上分别添加方法在相应拦截器上捕获错误,如果状态码为401就跳转到登陆页面在请求拦截器上添加,每次请求如果本地有token,就携带token传递过去这里使用了可选链完成频道管理的功能，涉及到以下功能学习到的内容深拷贝和浅拷贝接口
2022-06-13 23:09:03
67
原创 前端性能优化(三)防抖和节流
通过防抖和节流来防止js代码的高频率执行函数防抖原理：当持续触发一个事件时，在n秒内，事件没有再次触发，此时才会执行回调；如果n秒内，又触发了事件，就重新计时当一直有人进电梯时（连续触发），电梯门不会关闭，在一定时间间隔内没有人进入（停止连续触发）才会关闭。函数节流原理：当频繁的触发一个事件，每隔一段时间， 只会执行一次事件。如果在时间间隔内我们就触发事件,如果不在事件间隔内我们就触发事件区别：降低回调执行频率，节省计算资源。防抖和节流本质是不一样的。防抖是将多次执行变为最后一次执行，节流是将
2022-06-10 22:17:12
179
原创 前端性能优化总结(二)图片懒加载
图片懒加载也就是图片的延迟加载，实现图片的懒加载总共有两种方法html代码javascript代码问题每一次滚动都会触发事件，即使滚动结束依旧会触发事件通过第二种方法IntersectionObserver可以更好的解决通过IntersectionObserver来监视,当检查区域与元素发生了交互的时候会产生什么该方法有两个参数通过来触发,通过来解绑当加载完成的时候就解绑,调用第三种方案三：直接给标签添加属性loading="lazy"就好了除了谷歌浏览器暂不支持...
2022-06-10 15:30:50
227
原创 常见的性能优化与问题总结(一)浅拷贝和深拷贝
为什么要使用深拷贝？我们希望在改变新的数组（对象）的时候，不改变原数组（对象）浅拷贝浅拷贝只复制指向某个对象的指针，而不复制对象本身，新旧对象还是共享同一块内存（分支）。浅拷贝是按位拷贝对象，它会创建一个新对象，这个对象有着原始对象属性值的一份精确拷贝。如果属性是基本类型，拷贝的就是基本类型的值；如果属性是内存地址（引用类型），拷贝的就是内存地址 ，因此如果其中一个对象改变了这个地址，就会影响到另一个对象。深拷贝深拷贝会另外创造一个一模一样的对象，新对象跟原对象不共享内存，修改新对象不会改到原对象，
2022-06-10 12:52:37
240
原创 (四)文章的列表展示
完成文章首页的列表展示,当用户进入文章首页的时候展示文章数据,包括文章的图片,除此之外还包括上拉刷新和下拉加载的功能分为两个部分完成主页的渲染,在这里使用vant当中的TabBar组件实现底部导航,并且配置路由,当点击首页的时候切换到主页,当点击个人中心的时候切换到个人中心查找Vant组件库文档, 全局注册, 在main.js给Layout页面底部设置TabBar导航美化样式, 给router-view外面, 套一个div.home_container, 并且防止二级页面内容, 被底部导航挡住
2022-06-09 16:19:07
1364
原创 (三)登录功能
src/router/index.js - 添加登录的路由规则别忘了路由给挂载点, 在App.vue中打开页面测试下, 是否能显示登录页面根据UI设计图, 铺设登录页面在main.js - 引入Vant组件 - NavBar导航 - 全局注册在Login/index.vue - 使用头部导航组件遇到的问题遇到一个问题,如果我们想要按照设计稿还原当前的颜色,应该怎么办最简单的给组件起一个类名class类名覆盖小结表单组件的使用表单组件正则校验在表单控件中正确的使用表单控件需
2022-06-08 00:59:25
262
原创 (二)文件配置
该项目有主要功能：资讯列表、标签页切换，文章举报，频道管理、文章详情、关注功能、点赞功能、评论功能、搜索功能、登录功能、个人中心、编辑资料、小思同学生产环境的包开发环境的包项目相关的技术点跳过部分如何创建Vue,不再赘述,使用Vue create就可以创建 另外根据需求,可能需要删除elslint或创建eslint下面总结Eslint经验ESLint 是一个代码检查工具，用来检查你的代码是否符合指定的规范在写代码过程中, 检查你代码是否错误, 给你提示ESLint可以约束团队内代码的风格统一规范文档:
2022-06-07 17:16:19
221
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人