- 博客(71)
- 收藏
- 关注
RSS订阅原创 前端性能优化
前端项目的优化是提升网站性能和用户体验的关键步骤。以下是一些前端项目优化的建议：减少HTTP请求：合并CSS和JavaScript文件，使用CSS Sprites技术（将多个图片转成一个大图），减少页面图片数量等。压缩资源文件：压缩CSS、JavaScript、HTML文件，在不影响功能的情况下删除注释和空格以减小文件大小。图片优化：对图片进行压缩，减少文件大小，同时保证图片质量。使用CDN：将静态资源文件存放到CDN服务器上，可以加快页面加载速度。
2023-04-24 13:30:30
969
原创 浏览器兼容问题的方法：
使用Polyfill和Shim库：Polyfill是一种代码填充工具，能够让浏览器支持它原本不支持的JavaScript API，而Shim则是一种让老版本浏览器支持新特性的库。根据浏览器添加CSS Hack：对于特定的浏览器特有的样式属性，我们可以使用Hack技巧进行优化，例如针对IE浏览器的条件注释等。了解不同浏览器的差异：掌握各个浏览器的特性和支持的技术标准，特别是IE浏览器的兼容性问题。写兼容性通用代码：避免写特定于某个浏览器的代码，而用兼容性通用的代码实现同样的效果。
2023-04-24 13:29:54
534
1
原创 前端算法 第一章：队列
import ArrayQueue from "./01_实现队列结构Queue";// 1.创建队列// 2.将所有的数字加入到队列中i < n;i++) {// 3.判断队列中是否还有数字i < m;i++) {// 下面代码执行逻辑是先出队，再入队 类型断言 告诉代码有返回值，不为undefined;// 3// 2。
2023-04-06 18:23:26
641
原创 React的Hooks
Hooks显示的指明因变量有什么好处当使用时，y与changeX会被缓存下来，只要x不变，始终读取的是缓存的值，如果不使用时，每次函数组件执行时，实际会基于x，创建新的y与changeX这涉及到React的性能优化，个人建议，在遇到性能优化的瓶颈之前，都可以暂时不使用这两个Hooks副作用是函数式编程中的概念对于一个函数，如果固定的输入一定会产生固定的输出，如果这里面x是固定的，输出的结果就是一定的，那这说这是一个纯函数但当我们引入随机数Z时，x一定是输出是不固定的。
2023-03-07 17:48:58
382
原创 第一章: 邂逅数据结构与算法
注意点：不管在哪里调用方法都会执行，不论是全局调用，局部调用，console.log打印调用，甚至是if等条件语句中调用都会执行。打印的时候 调用方法的时候，里面的变量或者值也会改变值。泛型是指在定义函数、接口或者类的时候。不预先指定具体的类型，而在使用的时候在指定类型的一种特性。要把十进制转化成二进制，我们可以将该十进制数字和2整除（二进制是满二进一），直到结果是0为止。计算出来的余数：后放进来的余数，在组成二进制的时候是放在高位的。2.node–需要同个ts-node库 运行代码。
2023-02-23 10:16:24
744
1
原创 小程序项目学习--第八章:播放页功能-代码重构-分包优化-打包发布
隐藏滚动条歌词分页的上下滚动区域动态设置样式思考什么时候是第一句歌词，什么时候是最后一句歌词。
2023-02-02 22:00:00
483
原创 小程序项目学习--第七章：播放页布局-歌曲进度控制-歌词的展示
1.实现自定义导航栏一旦自定义导航的时候，导航栏会消失，状态栏也会消失不见（statuBar）都会消失，不在占据位置，我们的内容也都会上移，但是我们状态栏我们并不希望展示东西，状态栏我们展示电池量时间等，使用我们会在自定义导航的位置，中添加一个view，给他设置一个动态高度用来动态响应不同的手机0.动态获取高度在app,.js中获取设备信息中的状态栏高度。
2023-02-02 20:45:00
1332
原创 小程序项目学习--第六章：项目实战二、推荐歌曲-歌单展示-巅峰榜-歌单详情-页面优化
自定义组件song-item-v20.创建组件song-item-v21.注册2.使用3.子组件接收数据} . info {flex : 1;
2023-02-02 19:30:00
1201
原创 小程序项目学习--第五章：项目实战一
之前做过网络封装,这里直接复用之前使用个的网络请求封装，这里使用类封装的请求方法// 封装成类 -> 实例 import {const {
2023-02-02 18:00:00
571
原创 小程序项目学习--第四章：组件化-插槽-混入-生命周期-系统API-登录
1.在onload中发起网络请求wx,request({})传入参数2.在wxml中展示数据1.Page({data: {},onLoad() {// 1.网络请求基本使用// },// }// })})})2.
2023-02-02 15:30:00
1380
1
原创 小程序项目学习--**第三章：WXSS-WXML-WXS语法**事件处理-组件化开发
是小程序的一套脚本语言，结合 WXML，可以构建出页面的结构为什么要设计WXS语言呢？在WXML中是不能直接调用Page/Component中定义的函数的.因为双线程模型由于运行环境的差异，在 iOS 设备上小程序内的 WXS 会比 JavaScript 代码快 2 ~ 20 倍。在 android 设备 上二者运行效率无差异（因为底层的实现不同）；
2023-02-02 14:45:00
464
原创 小程序项目学习-- 第二章：注册App和Page-常见内置组件-wxss样式
02_(掌握)注册小程序-判断进入场景和生命周期03_(掌握)注册小程序-App数据共享和页面获取globalData数据不是响应式的，这里共享的数据通常是一些固定的数据04_(掌握)注册小程序-登录操作和storage存取数据05_(掌握)知识点-代码组件方式调整1.获取item ,需要在wxml中自定义属性,内置的自定义属性data-item=“{{item}}” 就是往点击事件中添加属性 data-item=“{{item}}”这里只有和wxml保持一直即可 const item =
2023-02-02 10:17:30
318
原创 var a = { n: 1 }； var b = a； a.x = a = { n: 2 }；JavaScript中运算符优先级----坑坑坑
JavaScript中运算符优先级----坑坑坑。
2023-02-01 09:58:52
168
原创 小程序项目学习--第一章：邂逅小程序开发
外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-3KXvyGTy-1675132790460)(https://qny.xjc1016jzy.love/blog/applet/image-20230117103832271.png)]
2023-01-31 10:43:25
476
原创 [“usingComponents“][“van-search“]: “@vant/weapp/search/index“ 未找到 坑关于Vant Weapp中组件引入未找到的解决方案
在开发微信小程序时，需要引入一些第三方UI库，这时就需要用到微信小程序的 UI，分享一些遇到的问题Vant Weapp框架引入组件失败问题:使用Vant 组件 [“usingcomponents”][“van-button”]: “@vant/weapp/button/index” 未找到：[ pages/main-music/main-music.json 文件内容错误] pages/main-music/main-music.json: [“usingComponents”][“van-search”
2023-01-30 08:00:00
1747
1
原创 react入门小案例案例
源码：https://github.com/dansoncut/React-beginner-tutorial-TeacherEgg.git视频地址：https://www.bilibili.com/video/BV1be411w7iF/?
2023-01-12 10:21:37
991
原创 JSJavaScript基础
类数组对象一个拥有 length 属性和若干索引属性的对象就可以被称为类数组对象，类数组对象和数组类似，但是不能调用数组的方法。常见的类数组对象有 arguments 和 DOM 方法的返回结果，还有一个函数也可以被看作是类数组对象，因为它含有 length 属性值，代表可接收的参数个数。● DOM 指的是文档对象模型，它指的是把文档当做一个对象，这个对象主要定义了处理网页内容的方法和接口。
2023-01-04 09:00:00
537
原创 SSL证书网址不安全宝塔配置--阿里云ssl证书
2022阿里云免费SSL证书品牌为DIgicertDV单域名证书，每个阿里云账号可以申请20个免费SSL证书资源包，SSL证书大全图文详解阿里云SSL证书免费申请教程，包括SSL证书申请域名DNS验证等操作：阿里云SSL证书页面 阿里云SSL证书申请页面阿里云SSL证书DV单域名证书【免费试用】按照以下选择：商品类型：SSL证书SSL证书服务：DV单域名证书【免费试用】数量：20可以看到配置费用为0元，然后点“立即购买”，勾选协议，支付0元，如下图：0yuan.jpg阿里云SSL证书0元免费
2023-01-03 10:06:21
1080
3
原创 前端数据结构与算法
对于二叉树、每个节点有左右两个子节点，对于是先访问左子节点、还是当前节点，或是右子节点，可以把遍历分为前序中序和后序三种。先看前序遍历，前序遍历会先访问当前节点的值，之后访问左子节点或右子节点，这里假定先访问左子节点，然后再访问右子节点，对于每个子节点都是做同样的操作。对于算法的评价，会分为最佳情况、平均情况和最坏情况，因为有的算法会根据输入数据的不同，会有不同的时间复杂度，大 O 表示法通常表示的是最坏情况。对于前序遍历，我们先打印出当前节点的值，然后递归的调用自己，传递左节点，再调用自己传递右节点。
2023-01-03 09:15:00
389
原创 计算机网络篇--DNS协议介绍
概念： DNS 是域名系统 (Domain Name System) 的缩写，提供的是一种主机名到 IP 地址的转换服务，就是我们常说的域名系统。它是一个由分层的 DNS 服务器组成的分布式数据库，是定义了主机如何查询这个分布式数据库的方式的应用层协议。能够使人更方便的访问互联网，而不用去记住能够被机器直接读取的IP数串。作用： 将域名解析为IP地址，客户端向DNS服务器（DNS服务器有自己的IP地址）发送域名查询请求，DNS服务器告知客户机Web服务器的 IP 地址。
2022-12-29 18:00:00
737
原创 计算机网络篇--HTTP状态码
（1）2XX 成功● 200 OK，表示从客户端发来的请求在服务器端被正确处理● 204 No content，表示请求成功，但响应报文不含实体的主体部分● 205 Reset Content，表示请求成功，但响应报文不含实体的主体部分，但是与 204 响应不同在于要求请求方重置内容● 206 Partial Content，进行范围请求（2）3XX 重定向● 301 moved permanently，永久性重定向，表示资源已被分配了新的 URL。
2022-12-29 17:15:00
286
原创 JavaScript语法糖写法--JS代码优化
/ 获取数组的最后一项 // bad let arr = [ 1 , 2156 , 4 , 645 , 5 ];
2022-12-29 15:32:08
733
原创 计算机网络篇--HTTPS协议
HTTP协议采用明文传输信息，存在信息窃听、信息篡改和信息劫持的风险，而协议TLS/SSL具有身份验证、信息加密和完整性校验的功能，可以避免此类问题发生。TLS/SSL的功能实现主要依赖三类基本算法：散列函数hash、对称加密、非对称加密。这三类算法的作用如下：● 基于散列函数验证信息的完整性● 对称加密算法采用协商的秘钥对数据加密● 非对称加密实现身份认证和秘钥协商1）散列函数hash常见的散列函数有MD5、SHA1、SHA256。
2022-12-29 13:03:59
585
原创 计算机网络篇--HTTP协议
GET和POST方法都是HTTP中的方法什么是 HTTP？超文本传输协议（Hypertext Transfer Protocol，缩写 HTTP）旨在启用客户端和服务器之间的通信。HTTP 充当客户端和服务器之间的请求-响应协议。
2022-12-29 09:30:00
533
原创 七牛云图床+Typora+PicGo+实现图片上传存储并解决{“success“:false,“message“:“upload error. see C:\\XXX\\picgo.log}
了解七牛云图床之前，我们需要先了解一下图床是什么，图床就是把图片上传到一个专门储存图片的服务器，可以用外链网址直接访问到，有效减少我们自己站点服务器的资源，市面上图床比较多，免费和收费的都有，这里我选择使用的是七牛云图床。
2022-12-27 15:00:00
611
原创 JSES7--13新增知识点
async是一个加在函数前的修饰符，被async定义的函数会默认返回一个Promise对象resolve的值。await 修饰的如果是Promise对象：可以获取Promise中返回的内容（resolve或reject的参数），且取到值后语句才会往下执行；如果不是Promise对象：把这个非promise的东西当做await表达式的结果。async/await 是ES7提出的基于Promise的解决异步的最终方案。await 也是一个修饰符，只能放在async定义的函数内。async/await是什么。
2022-12-27 09:30:00
570
原创 宝塔docker安装Halo
我们前面还是需要先在宝塔面板环境中安装Docker，一般默认时候是没有安装的。这里我们在宝塔面板中的Docker管理器应用商店中安装。我们可以看到直接等待安装成功。后面在部署程序的时候有需要用到这里界面。
2022-12-26 22:28:07
1023
1
原创 JavaScript数据类型
/ "ABC"在访问’abc’.length时，JavaScript 将’abc’在后台转换成String(‘abc’)，然后再访问其length属性。if(!a) {包装类返回的是一个对象答案是什么都不会打印，因为虽然包裹的基本类型是false，但是false被包裹成包装类型后就成了对象，所以其非值为false，所以循环体中的内容不会运行。
2022-12-25 09:30:00
1121
原创 前端JS常用八大数据结构
数据结构指的是“一组数据的存储结构”，算法指的是“操作数据的一组方法”。数据结构是为算法服务的，算法是要作用再特定的数据结构上的。最常用的数据结构预算法:数据结构：数组、链表、栈、队列、散列表、二叉树、堆、跳表、图、Tire树算法： 递归、排序、二分查找、搜索、哈希算法、贪心算法、分治算法、回溯算法、动态规划、字符串匹配算法。
2022-12-22 09:15:00
443
原创 解决cookie存储不进去本地
Cookie就是一些数据，用于存储服务器返回给客服端的信息，客户端进行保存。在下一次访问该网站时，客户端会将保存的cookie一同发给服务器，服务器再利用cookie进行一些操作。利用cookie我们就可以实现自动登录，保存游览历史，身份验证等功能。Cookie 是以字符串的形式存储在计算机浏览器中的，本身为 document 对象的属性。Cookie创建成功后，须在本地服务器下的Application中查看。如此，一个 cookie 数据就创建成功了。方式一、可以通过live serve插件。
2022-12-13 09:30:00
2014
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人