- 博客(92)
- 收藏
- 关注
RSS订阅原创 一文理解前端工程化、模块化和组件化
就像你计划整个聚会的流程，从邀请客人、准备食物、布置场地到确保一切顺利进行。这涉及到很多细节，你需要确保每个环节都井然有序。
2024-07-08 00:44:03
352
原创 关于使用rem的一个简单记录
响应式媒体查询可以根据rem去实现，rem是根据根元素的font-size属性大小变化的，正常情况下根元素的字体大小固定了，所以要实现响应式，按照以前人们的做法，就是根据浏览器窗口大小改变根元素的字体大小。现在很多都会使用一些插件来实现，实际的原理差不多，相对会处理得完善些。获取根元素的大小，设计稿宽度为1920，计算得到字体大小。
2024-06-14 14:09:32
137
原创 this[kHandle] = new _Hash(algorithm)Error: error:0308010C:digital envelope routines::unsupported报错解决
在项目中 package.json 的 scripts 中新增 SET NODE_OPTIONS=–openssl-legacy-provider。在 nodeJs V17 版本发布了 OpenSSL3.0 对算法和秘钥大小增加了更为严格的限制， V17 和之后版本会出现这个错误。即：NODE_OPTIONS环境变量设置成允许–openssl-legacy-provider的格式。如果不能更换node版本的话这样处理。
2024-06-12 23:33:45
178
原创 webpack解析原理及前端优化-更新中
可以从TCP、请求资源（渲染，体积，大小，数量等）、接口方面来控制。项目体积不宜过大，可以根据项目体积由什么因素影响来控制。根据访问网站到显示页面的过程。
2024-05-31 21:54:12
292
原创 git新电脑下载配置记录
（2）生成两个文件，复制.pub,在GitHub的setting里面设置ssh，（3）git push成功，就提交上去了，后面按照正常开发的步骤即可。新建一个文件 readme.md，然后就可以提交文件。（3）选第二个，就会跳弹窗和网页，安装步骤走就好。（3）验证远程是否配置成功。（2）首次的话输入账号密码。（1）在本地新建文件夹。4、新建一个本地仓库。
2024-05-29 11:37:59
332
原创 mkcert安装教程
查看CA证书存放位置：mkcert-v1.4.4-windows-amd64.exe -CAROOT。按“Windows键+R”调出运行框，输入certmgr.msc命令。打开证书控制台，查看有无证书。查看帮助：mkcert-v1.4.4-windows-amd64.exe --help。2、安装，该文件目录下打开cmd（可以把文件复制到别的文件夹），执行命令。注意：如果报错下面这种，用管理员打开。3、查看安装是否成功。
2024-02-19 16:26:49
1160
原创 MarkText简单快捷键和编码字符记录
ctrl+j 调出侧边框（导航左上角-view-show sidebar）插入代码行后输入Java或其它可以选择不同编辑器。ctrl+shift+t 快速插入表格。```+enter 插入代码行。ctrl+t 创建一个新文件。##+空格 h2标题。
2024-01-17 10:39:59
501
原创 fiddler电脑手机抓包
1、打开fiddler-tools-options，根据图片进行勾选，选择安装证书，一直点确定-点击ok。iqoo手机：设置-安全-更多安全设置-从手机存储安装-ca证书-点击找到下载好得证书进行安装。2、下载后点击安装包安装-安装成功后打开安装的路径文件夹-选择Fiddler.exe即可打开。1、打开官网-完成填写邮箱和选择-点击download for windows下载。打开一个浏览器-设置-隐私与安全性-安全-管理证书-导入证书。2、手机浏览器打开http://IP地址:8888，下载证书。
2024-01-15 13:46:42
501
转载 react学习基础-vite.config.ts常用配置项
defineConfig 函数是在 Vite 中用于创建配置对象的常见方法，它通常用于定义开发环境和生产环境的配置选项。sbuild：用于配置 esbuild 相关的选项，比如自定义 JSX 配置、代码压缩优化等。build：包含了构建相关的配置选项，比如输出路径、是否开启压缩、是否开启代码分割等。resolve：用于配置模块解析规则，包括路径别名、模块文件后缀名的解析顺序等。css：用于配置 CSS 相关的选项，比如预处理器、样式模块化等。是 Vite 项目中用来配置构建选项和插件的配置文件。
2023-12-15 09:54:21
386
原创 从零开始学习React：掌握前端开发的核心技能——更新中
js的基本数据类型：String、Number、NULL、Undefined、Boolean、Symbol、BigInt。1、ts是js的超集，即你可以在ts中使用原生js语法：JavaScript + 更多功能 = TypeScript。void：无类型，如果函数没有返回值可以用void。any：不清楚是什么类型用any，匹配任意字符。js是弱类型语言，而ts对此进行了加强。1.6any和void。
2023-05-12 18:39:47
683
1
原创 手写代码理解vue响应式原理
1、Proxy 的第二个参数可以有 13 种拦截方法， 比 Object.defineProperty() 要更加丰富,Proxy 作为新标准受到浏览器厂商的重点关注和性能优化。2、相比之下Object.defineProperty() 是一个已有的老方法。Proxy返回的是一个新对象,我们可以只操作新的对象达到目的,而Object.defineProperty只能遍历对象属性直接修改。3、Proxy 的兼容性不如 Object.defineProperty()。
2023-03-11 23:00:30
371
原创 关于js数据类型的理解
constructor是prototype对象上的属性，指向构造函数，undefined和null没有constructor属性。浅拷贝和深拷贝都是只针对于像Object，Array这样的复杂对象。浅拷贝只复制对象的第一层属性、深拷贝可以对对象的属性进行递归复制。使得引用数据类型传递的是值而不是地址。像对象、数组、日期、正则等等。引用数据类型传的是地址。
2023-03-10 14:06:08
310
原创 面试题解-理解cookie、session和token
用户填写密码账号发送至后端，由后端生成token，返回给前端，前端把它存放起来，如放在cookie或者localStorage里面前端向服务器发起请求时在请求头携带token，判断用户身份给与反应。
2023-03-10 10:31:49
471
原创 css选择器详解
简单选择器根据名称、id、类来选取元素 ，组合器选择器根据它们之间的特定关系来选取元素， 伪类选择器根据特定状态选取元素，伪元素选择器选取元素的一部分并设置其样式 ，属性选择器根据属性或属性值来选取元素
2023-03-06 19:35:12
302
原创 前端HTML-三栏布局
双飞翼布局 <style> .container { float: left; width: 100%; } .main { height: 200px; background-color: aqua; margin-left: 100px; margin-right: 100px;
2023-02-01 12:40:00
449
原创 踩坑记录-elementui的文本域设置宽度不起作用
直接给input设置宽度，效果没实现。为什么会这样呢，因为elementui会自动在外套一层div，对其设置的宽度并没有直接设置在文本域上。
2022-07-30 14:17:58
2230
原创 上传图片-微信小程序（那些年的坑记录2022.4）
这里遇到一个坑，就是上传到云存储是异步操作，如果和上传数据库放在一起，好像就是先执行数据库后在执行云存储，这样的话就存空图片数据了，所以建议分开写，先把图片上传后，再触发上传数据库。B先生查询房屋信息，遍历数据接口数据，渲染出房屋信息，就可以看到A先生发布的租房图片。A先生要发布租房信息，需要上传一张图片，首先要选择图片，选择图片之后，保存图片信息。选择上传图片后，把图片上传到云存储中，会返回云存储的图片使用链接。再把链接地址，通过数据接口存放在数据库，那样数据存储成功。...
2022-07-28 16:52:40
603
原创 想找前端工程师工作，需要学什么？（学习记录中）
Flutter、自建站、数据可视化（FineBL、FineReport）VUE写页面，nodejs写数据接口，使用MYSQL存数据。原生VUE、JQuery、React、Angular。
2022-07-27 14:32:06
771
原创 微信支付JAVA版的安装与调试
微信支付JAVA版。右击项目，选择“属性”，找到“MyEclipse”下面的“ProjectFacets”，选中DynamicWebModule和java(1.8)。在src/main/java的代码窗口添加一个新文件MatrixToImageWriter.java。在WebRoot下添加jquery-3.5.1.min.js。...
2022-07-24 13:41:46
286
1
原创 什么是HTML语义化？
在HTML5出来之前，我们习惯于用div来表示页面的章节或者不同模块，但是div本身是没有语义的。但是现在，HTML5中加入了一些语义化标签，来更清晰的表达文档结构。在我们学习的时候，了解到像div、span这样，是无语义标签，看到div的时候，我们不能判断他是显示哪方面的内容。比如header，可以知道是头部显示的内容区域。...
2022-07-24 13:29:07
156
原创 关于hash和history的区别和使用
刷新页面，资源请求失败，发送网络请求/MyHome/message/details/1/message001失败，因为服务器上没有这个请求（history模式存在这个问题，hash模式则无）
2022-07-15 09:17:59
11662
原创 前端巩固8-一个Vue3项目创建 （2022.6.10）
1.性能的提升2.源码的升级3.拥抱TypeScript4.新的特性Composition API（组合API）setup配置ref与reactivewatch与watchEffectprovide与 inject新的内置组件FragmentTeleportSuspense其他改变新的生命周期钩子data 选项应始终被声明为一个函数移除keyCode支持作为 v-on 的修饰符最后安装vue插件，可做可不做（谷歌不好装可以再edge装）...
2022-06-21 23:11:59
96
原创 同构JavaScript应用以及前后端分离
同构JavaScript应用就是在浏览器客户端和Web应用服务器端间共享同一套JavaScript代码的应用简单的说，就是可以运行客户端和服务器端的JavaScript应用程序，后端和前端共享相同的代码后端渲染指传统的 ASP、Java 或 PHP 的渲染机制；前端渲染指使用 JS 来渲染页面大部分内容，代表是现在流行的 SPA 单页面应用；同构渲染指前后端共用 JS，首次渲染时使用 Node.js 来直出 HTML。一般来说同构渲染是介于前后端中的共有部分。前后端同构出现的原因是现在流行的SP
2022-05-27 21:12:55
701
原创 Android作业中遇到的各种问题
1、如何设置Edit View不可输入不可编辑不可点击？//eidtex为要设置的文本框的ideidtext.setEnabled(false);//去掉点击时编辑框下面横线:eidtext.setFocusable(false);//不可编辑eidtext.setFocusableInTouchMode(false);//不可编辑eidtext.setKeyListener(null);//不可粘贴，长按不会弹出粘贴框eidtext.setClickable(false);//不可点击，ei
2022-04-30 14:46:49
376
原创 前端巩固-7、css水平居中和垂直居中显示
一，水平居中的方法1、元素为行内元素，设置父元素 text-align:center2、如果元素宽度固定，可以设置左右 margin 为 auto ;3、如果元素为绝对定位，设置父元素 position 为 relative ，元素设left:0;right:0;margin:auto;4、使用 flex-box 布局，指定 justify-content 属性为 centerdisplay 设置为 tabel-ceil1、元素为行内元素，设置父元素 text-align:center<
2022-04-29 17:29:07
665
原创 前端巩固-6、let var const区别
在JavaScript中，我们可以使用var,let,const等关键字声明一个变量var使用var声明变量，相当于声明一个全局变量，我们知道在浏览器中，window是全局对象，所以全局变量是window对象的属性，因此使用var声明变量，相当于往window对象声明一个属性var a = 10;console.log(window.a == a);//输出trueletlet是ES6新增的用于代替var关键字，使用let声明的变量，有以下几个特征：变量不能在声明前使用变量声明后不能再次声
2022-04-10 22:29:00
161
原创 前端巩固-5、Javascript对象
1、 JavaScript对象分为：自定义对象、内置对象、浏览器对象(web API)对象可以让代码结构更加清晰内置对象就是js已经提供好的功能方法，提前内置好的，直接拿来使用就可以的 可以在文档查找MDN/W3C 1、查阅该方法的功能 2、参看参数意义和类型 3、查看返回值的意义和类型 4、通过demo测试本质：对象就是一组无序的相关属性和方法的集合这里介绍两个知识点1、new关键字2、for …in扩展，this有很多种指向<script> fun
2022-04-08 19:58:16
1141
原创 前端巩固-4、Javascript基础学习DOM
一、js数据类型数据和存储空间是有关系的，比如一个瘦的人睡单人床，胖胖的人睡双人床，充分利用。js是弱类型的语言，var num，是不确定是那种数据类型，要给它赋值才知道js分为简单数据类型和复杂数据类型简单数据类型number，Boolean，String，Undefined，Null（1）NaN是非数字，isNaN()方法判断是否非数字（2）字符串长度判断length属性（3）声明变量未赋值，undefined未定义数据类型（4）typeof检测变量数据类型二、数据类型转换1、转成字
2022-03-14 23:08:19
1115
原创 前端巩固-3、导航栏练习分析
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Do.
2022-03-12 22:29:46
342
原创 前端巩固-2、如何禁止input展示输入的历史记录
使用autocomplete(自动完成)=“off”AutoComplete控件就是指用户在文本框输入前几个字母或是汉字的时候，该控件就能从存放数据的文本或是数据库里将所有以这些字母开头的数据提示给用户，供用户选择，提供方便。<input type="input" autocomplete="off"/><form action="demo_form.asp" method="get" autocomplete="on">...
2022-03-05 21:28:57
179
空空如也
联想小新蓝屏是什么原因造成
2023-04-07
想问下，为什么真机调试的时候，在APP内访问不了接口，可是在手机的浏览器却可以访问接口呢
2023-02-23
TA创建的收藏夹 TA关注的收藏夹
TA关注的人