- 博客(96)
- 收藏
- 关注
RSS订阅原创 vue框架后遗症∶被遗忘的dom操作
用多了vue、react等前端框架，不得不说用数据驱动视图来开发真的很香，但是也免不了会有不用这些框架的项目，dom操作还是很有必要的，一开始学习网页设计的时候就教过，后面一直开发项目基本上用框架。虽然有些想不起来了，简单的dom操作还是会一点的，像获取元素，修改元素内容，给元素加个类……多个事件绑定到同一个元素或物件上的需求的解决方案，直接看方法三对js事件的理解。
2025-02-24 16:33:56
429
原创 vue按照官网设置自动导入后ElMessageBox不生效问题
按照官网的方式导入之后，ElMessageBox不用再引入了，不然就会造成冲突不生效。解决的方法：将组件中的引入删除，直接使用。
2025-01-17 17:23:55
300
原创 记录natapp内网穿透使用
可以访问的外网为 http://9vz7ew.natappfree.cc （即 127.0.0.1:10000 ）2、执行命令 natapp -authtoken=刚刚你申请的authtoken。购买之后,还可以再次配置,更改端口等信息。这里我选择windows 64 位。其中authtoken很重要。1、打开natapp.exe。本地对外的端口为10000。1 登录,购买免费隧道。说明已经开启了外网映射。
2024-08-20 22:54:27
538
原创 一文理解前端工程化、模块化和组件化
就像你计划整个聚会的流程，从邀请客人、准备食物、布置场地到确保一切顺利进行。这涉及到很多细节，你需要确保每个环节都井然有序。
2024-07-08 00:44:03
754
原创 关于使用rem的一个简单记录
响应式媒体查询可以根据rem去实现，rem是根据根元素的font-size属性大小变化的，正常情况下根元素的字体大小固定了，所以要实现响应式，按照以前人们的做法，就是根据浏览器窗口大小改变根元素的字体大小。现在很多都会使用一些插件来实现，实际的原理差不多，相对会处理得完善些。获取根元素的大小，设计稿宽度为1920，计算得到字体大小。
2024-06-14 14:09:32
187
原创 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
623
原创 webpack解析原理及前端优化-更新中
可以从TCP、请求资源（渲染，体积，大小，数量等）、接口方面来控制。项目体积不宜过大，可以根据项目体积由什么因素影响来控制。根据访问网站到显示页面的过程。
2024-05-31 21:54:12
333
原创 git新电脑下载配置记录
（2）生成两个文件，复制.pub,在GitHub的setting里面设置ssh，（3）git push成功，就提交上去了，后面按照正常开发的步骤即可。新建一个文件 readme.md，然后就可以提交文件。（3）选第二个，就会跳弹窗和网页，安装步骤走就好。（3）验证远程是否配置成功。（2）首次的话输入账号密码。（1）在本地新建文件夹。4、新建一个本地仓库。
2024-05-29 11:37:59
379
原创 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
2744
原创 MarkText简单快捷键和编码字符记录
ctrl+j 调出侧边框（导航左上角-view-show sidebar）插入代码行后输入Java或其它可以选择不同编辑器。ctrl+shift+t 快速插入表格。```+enter 插入代码行。ctrl+t 创建一个新文件。##+空格 h2标题。
2024-01-17 10:39:59
645
原创 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
910
转载 react学习基础-vite.config.ts常用配置项
defineConfig 函数是在 Vite 中用于创建配置对象的常见方法，它通常用于定义开发环境和生产环境的配置选项。sbuild：用于配置 esbuild 相关的选项，比如自定义 JSX 配置、代码压缩优化等。build：包含了构建相关的配置选项，比如输出路径、是否开启压缩、是否开启代码分割等。resolve：用于配置模块解析规则，包括路径别名、模块文件后缀名的解析顺序等。css：用于配置 CSS 相关的选项，比如预处理器、样式模块化等。是 Vite 项目中用来配置构建选项和插件的配置文件。
2023-12-15 09:54:21
889
原创 从零开始学习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
814
原创 手写代码理解vue响应式原理
1、Proxy 的第二个参数可以有 13 种拦截方法， 比 Object.defineProperty() 要更加丰富,Proxy 作为新标准受到浏览器厂商的重点关注和性能优化。2、相比之下Object.defineProperty() 是一个已有的老方法。Proxy返回的是一个新对象,我们可以只操作新的对象达到目的,而Object.defineProperty只能遍历对象属性直接修改。3、Proxy 的兼容性不如 Object.defineProperty()。
2023-03-11 23:00:30
533
原创 关于js数据类型的理解
constructor是prototype对象上的属性，指向构造函数，undefined和null没有constructor属性。浅拷贝和深拷贝都是只针对于像Object，Array这样的复杂对象。浅拷贝只复制对象的第一层属性、深拷贝可以对对象的属性进行递归复制。使得引用数据类型传递的是值而不是地址。像对象、数组、日期、正则等等。引用数据类型传的是地址。
2023-03-10 14:06:08
333
原创 面试题解-理解cookie、session和token
用户填写密码账号发送至后端，由后端生成token，返回给前端，前端把它存放起来，如放在cookie或者localStorage里面前端向服务器发起请求时在请求头携带token，判断用户身份给与反应。
2023-03-10 10:31:49
536
原创 css选择器详解
简单选择器根据名称、id、类来选取元素 ，组合器选择器根据它们之间的特定关系来选取元素， 伪类选择器根据特定状态选取元素，伪元素选择器选取元素的一部分并设置其样式 ，属性选择器根据属性或属性值来选取元素
2023-03-06 19:35:12
370
原创 前端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
519
原创 踩坑记录-elementui的文本域设置宽度不起作用
直接给input设置宽度，效果没实现。为什么会这样呢，因为elementui会自动在外套一层div，对其设置的宽度并没有直接设置在文本域上。
2022-07-30 14:17:58
2485
2
原创 上传图片-微信小程序（那些年的坑记录2022.4）
这里遇到一个坑，就是上传到云存储是异步操作，如果和上传数据库放在一起，好像就是先执行数据库后在执行云存储，这样的话就存空图片数据了，所以建议分开写，先把图片上传后，再触发上传数据库。B先生查询房屋信息，遍历数据接口数据，渲染出房屋信息，就可以看到A先生发布的租房图片。A先生要发布租房信息，需要上传一张图片，首先要选择图片，选择图片之后，保存图片信息。选择上传图片后，把图片上传到云存储中，会返回云存储的图片使用链接。再把链接地址，通过数据接口存放在数据库，那样数据存储成功。...
2022-07-28 16:52:40
649
原创 想找前端工程师工作，需要学什么？（学习记录中）
Flutter、自建站、数据可视化（FineBL、FineReport）VUE写页面，nodejs写数据接口，使用MYSQL存数据。原生VUE、JQuery、React、Angular。
2022-07-27 14:32:06
818
原创 微信支付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
368
1
原创 什么是HTML语义化？
在HTML5出来之前，我们习惯于用div来表示页面的章节或者不同模块，但是div本身是没有语义的。但是现在，HTML5中加入了一些语义化标签，来更清晰的表达文档结构。在我们学习的时候，了解到像div、span这样，是无语义标签，看到div的时候，我们不能判断他是显示哪方面的内容。比如header，可以知道是头部显示的内容区域。...
2022-07-24 13:29:07
198
原创 关于hash和history的区别和使用
刷新页面，资源请求失败，发送网络请求/MyHome/message/details/1/message001失败，因为服务器上没有这个请求（history模式存在这个问题，hash模式则无）
2022-07-15 09:17:59
11969
原创 前端巩固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
116
原创 同构JavaScript应用以及前后端分离
同构JavaScript应用就是在浏览器客户端和Web应用服务器端间共享同一套JavaScript代码的应用简单的说，就是可以运行客户端和服务器端的JavaScript应用程序，后端和前端共享相同的代码后端渲染指传统的 ASP、Java 或 PHP 的渲染机制；前端渲染指使用 JS 来渲染页面大部分内容，代表是现在流行的 SPA 单页面应用；同构渲染指前后端共用 JS，首次渲染时使用 Node.js 来直出 HTML。一般来说同构渲染是介于前后端中的共有部分。前后端同构出现的原因是现在流行的SP
2022-05-27 21:12:55
803
原创 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
411
原创 前端巩固-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
698
原创 前端巩固-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
197
空空如也
联想小新蓝屏是什么原因造成
2023-04-07
想问下，为什么真机调试的时候，在APP内访问不了接口，可是在手机的浏览器却可以访问接口呢
2023-02-23
TA创建的收藏夹 TA关注的收藏夹
TA关注的人