A front-end development newbie
????
回想起来，2025的确是令我难忘的一年。我觉得自己今年成长了许多。 无论是个人形象上的改变，比如剪短了头发，开始健如身（健身房完全是一个高能量场所，我的快乐老家了，仅限ytc'lk）。 还是在情感方面，我经历了人生的初恋，体会到了那种心动的甜蜜，也体会到了分离时的痛苦。在这期间，我学会了用文字记录情感，梳理自己的情绪。其实2025的后半年，我的生活几乎都围绕…
AEM - Adobe Experience Manager…
Prerequisites - Understanding how to configure components are on AEM pages - Basic front-end development skills, not limited to HTML, JavaScript, Vue.js !TIP Using the CLP project …
Angualr 组件模式 AMD scope 00 ng-app 指令表明这个 html 文件为 angular 模板文件解析 使用 ngApp 指令自动引导 AngularJS 应用程序非常简单，并且适合大多数情况。在高级情况下，例如使用脚本加载器时，您可以使用命令/手动方式来引导应用程序。 1. The injector that will be use…
今天在找登录token发先存于Cookie的access token被加密成ASCII字符串，遂找到了两个window下的api Binary To ASCII btoa() 方法可以将一个 二进制字符串 （例如，将字符串中的每一个字节都视为一个二进制数据字节）编码为 Base64 编码的 ASCII 字符串。 ASCII To Binary atob() …
计算属性computed 适合用在模板渲染中，某个值是 依赖了其它的响应式对象 甚至是 计算属性 计算而来 - 支持缓存 ，只有依赖数据发生改变，才会重新进行计算 - ==不支持异步==，当computed内有异步操作时无效，无法监听数据的变化 - computed 属性值会默认走缓存，计算属性是基于它们的响应式依赖进行缓存的，也就是基于data中声明过…
HTTP无状态（ 一旦数据交换完毕，客户端与服务器端的连接就会关闭，再次交换数据需要建立新的连接 ），引入 cookie 、 session 维持和跟踪用户状态。 Session 用户与服务器建立连接的同时，服务器会自动为其分配一个SessionId cookie每次请求都把SessionId自动带到服务器 当一个用户提交了表单时，浏览器会将用户…
💡项目地址 初始化项目 yarn add create-react-app app-name --template typescript prettier yarn add -D prettier husky yarn add -D husky 启用 Git 钩子 ： npx husky install 添加 pre-commit 钩子…
-webkit-line-clamp CSS 属性可以把块容器中的内容限制为指定的行数。 它只有在 display 属性设置成 -webkit-box 或者 -webkit-inline-box 并且 box-orient 属性设置成 vertical 时才有效果。 在大部分情况下，也需要设置 overflow 属性为 hidden ，否则，里面的内容不会被…
JS单线程，为了不阻塞线程，很多代码通过回调的方式异步执行 JS代码执行顺序被打乱，就需要一种机制--事件循环，协调各个事件的执行顺序 浏览器 1. 同步代码，一行一行在Call Stack中执行（压栈弹栈） 2. 遇到异步代码，记录下代码，等时机到了将代码入队Callback Queue中 3. 当同步代码执行为空，Call Stack为空，Event L…
1、immediate 写错位置 哭晕…
…
Welcome to Hexo! This is your very first post. Check documentation for more info. If you get any problems when using Hexo, you can find the answer in troubleshooting or you can ask…
==HTTP== Hyper Text Transfer Protocol Stateless : every Request is INDEPENDENT regard each request as a single transaction use cookie session localStorage ... to enhance user exper…
JS是动态类型语言，我们在定义一个变量其实并没有指定这个变量到底属于那种类型，只有到程序执行阶段才确定当前数据类型。 而 各种 运算符 对数据类型是有要求的 ，所以就会触发类型转换机制（no matter 人为 or 隐式触发） 显示转换： 通过JS内置的函数 明确转换的数据类型 Number parseInt(string, ?进制) 比Number宽…
标签 一些属性 defer 推迟 async 异步 期间不要动DOM intergrity 检查安全 src GET 跨域 引入外部文件文件，行内代码写了没用 MIME 代码块中的脚本语言内容类型 严格模式（ES5增加） 遵守的是es3的语法 开启严格模式，脚本开头写上 "use strict"; ，也可写在函数内部开头，单独开启严格模式 变量 var …
迷茫是自由产生的旋涡 顺其自然，随意地飘去吧 真实自有万钧之力 ...…
pre 1. 运行时（Runtime) "运行时"就是程序运行的时候，也就是 指令加载到内存并由CPU执行 的时候。 与之相对应的是“编译时”，其指代码编译的时候，也就是C代码编译成可执行文件的时候，此时指令没有被CPU执行。 2. 运行时库（Runtime Library） 运行时库就是程序运行的时候所需要依赖的库。 3. 运行时环境（Runtime en…
node package manager 基于命令行的工具 安装、卸载、更新、发布 version 版本号x,y,z 主 次 补丁 ^ 锁定从左边数第一个非0的 ~ 锁定主版本or次版本 latest 最新版本 依赖 dependecies devDependencies 开发依赖 peerDependencies 对等依赖，（插件不能凭空运行，需要依赖某一…
React库和框架的区别是什么？ 页面组件化 数据驱动 MVC V层 react库 react.js是一个开放的js工具库，用于基于UI自检构建用户界面 react框架 通过脚手架工具搭建的一套完善的前端环境，包括：路由、状态管理、数据获取、第三方的UI组件库和第三方Hooks库(ahooks react-use) 严格模式 检查组件是否为 纯函…
Redux-Toolkit 摘自官网 Redux Toolkit 是 Redux 官方强烈推荐，开箱即用的一个高效的 Redux 开发工具集。 简化最常见场景下的 Redux 开发， 包括配置 store、定义 reducer，不可变的更新逻辑 可以立即创建整个状态的 “切片 slice”，而 无需手动编写任何 action creator 或者 a…
1. 关于生命周期 1.1 生命周期有哪些？发送请求在created还是mounted？ Vue2.x系统自带有8个 发送请求在created还是mounted？ ==生命周期：先执行 父前三，在执行子元素前四== ==如果优先加载子组件的数据，就放在mounted中发送请求== ，==确保子组件优先挂载== 1.2 为什么发送请求不在beforeCreat…
一、CSS 1.说一下CSS的盒模型。 在HTML页面中的所有元素都可以看成是一个盒子 盒子的组成：内容content、内边距padding、边框border、外边距margin 盒模型的类型： 标准盒模型 margin + border + padding + content ==IE盒模型== margin + ==conte…
01 数据类型 基本数据类型： - Null - typeof null 等于 object - Undefined - Let var 声明未初始化值为 undefined - Boolean - falsely=== null undefined 0 '' NaN - Number - 10 进制 1 - 8 进制 0 开头 070 - 16 进制 0x…
在不可靠的网络链路中，进行可靠的链接/断开 全双工（Full Duplex） 1. 双向传输:TCP连接的两端都可以同时发送和接收数据包。 2. 双向流量控制:发送方和接收方都可以通过滑动窗口机制控制数据流量,防止对方缓冲区溢出。 3. 双向确认:发送的数据包可以得到对方的确认应答ACK。接收方也可以通过ACK告知发送方自己已经正确接收了数据。 4. 双向重…
Qqqqq…
Llllllb, 购买了正版 Typora 之后，终于可以美美享受图床服务咯 图床平台 ：sm.ms 5.00 GB 免费空间 上传服务器 ：PicGo 手把手步骤： - sm.ms - 注册 - 获取 Token - - PicGo - 全局下载 CLI： yarn add global picgo - 配置： picgo set 全部默认就行（图床选择 …
volta 试了多种node版本工具 nvm fnm ，都没有成功下在离线状态下托管本地node包 快速安装管理和切换不同版本的node、npm、yarn等的工具 离线管理不同版本的node（Windows） 1. 下载安装volta https://github.com/volta-cli/volta/releases/download/v2.0.1/vo…
~~ 啊啊啊啊学了这么久vue3还不知道 sync 已经在vue3中被剔除了！！！ ~~ 在vue2中我们利用v-bind值给子组件，子组件props接受父组件传来的值 image-20230804094605352.png 子组件想直接通过props修该父组件传来的值，是不被允许的，这违背了 单项数据流 的原则 那要子组件想要修改父组件的值，需要通过 自定…
「模块化」是思想 内容概要 ==模块化的演变过程== 都是依靠script标签加载模块，不能代码控制加载 1. 文件划分方式（全靠约定） 每一个文件是一个独立模块，存入的状态数据和功能函数 script src引用 使用函数和全局变量 缺点： 污染全局变量、命名冲突、管理模块之前依赖关系 2. 命名空间方式 将每个模块封装到一个 对象 中，依靠name属性命…
prerequisite 菲区电话卡、菲区梯子🪜 流程 0. Spotify换区（挂上🇵🇭🪜） 1. 某宝下单菲律宾电话卡（推荐Globe卡￥20+） 2. 话费充值（推荐易付宝， Google Play下载） 3. 登录进入 手机端Spotify ，选择套餐通过 话费充值 切记💡 第三步 ，必须在手机端中操作，账号登录成功后不要挂任何🪜，网络直…
寒假终于有机会出游（ 蹭的 ）（特别感谢我哥和我嫂子）🫰 三天两晚，乐山城区、苏稽古镇、金口河 （不得不说来乐山旅游的人真的太多多多了，城区每家店子人都爆满 吃的 板眼儿 多得 遭不住 :sos: | 炸串（排队排队） | 咔饼 | 豆腐脑（不能接受勾了芡的食品） | 甜皮鸭 | | -----------------------------------…
~~一个前端开发者没有一个博客像什么话呢？~~ 因为这个网上搜寻了一番，如何搭建一个博客。 虽然也没什么好写的，而且分享的东西也只不过是别人嘴里吐出来的话罢了。（管他的， im just a 菜鸡🤡 大部分人用的 hexo 这个静态站点生成器，而且也有很多现成的模版 嘻嘻，最终被我发现了 Frame 这个主题。虽然开箱即用的功能没其他主题多，胜在这完美的U…
--- 永远怀念那一个自由的夏天 --- 洱海傍晚 我最好的一张摄影作品🫣（just shot on the mobile device） 喜洲稻田 洱海午后 其他 | | | ------------------------------------------------------------------------------------------…
去新加坡看了泰勒斯威夫特时代巡回演唱会哦！！ 20240307 125216 20240307 132647 20240307 132847 20240307 154607 20240307 183520 20240307 184135 20240307 193513 20240308 125909 20240308 130431 20240308 1711…
==highlight== :sa: 2…
最近在写一个注册表单的需要一个滑动验证模块。 👨💻网上搜寻一番，发现了一个组件比较好用 vue3-puzzle-vcode ---- 配合 ELement-Plus : dialog 和 form 组件使用 Login组件控制Register表单组件显示 Register组件 （表单校验成功后，打开滑动验证组件，再次成功调用onSuccess） 注意调…
一个模版文件Toast.vue 一个渲染挂载导出方法文件index.ts 通过Toast.success('xxxx') 调用 这里UI使用 Flowbite 的Toast组件（需要配合tailwindcss） image-20230817102433189.png 供给渲染的模板 导出toast方法，提供给Vue进行挂载 index.ts 👨💻使用 …
配合xlsx模块 + fileSaver模块 ⚙️ 下载 yarn add xlsx file-saver 🔦 使用 tableData格式 xxx: yyy , .... 本来是想利用WebWorker在另一线程中处理数据，~~在vite中还没配置好，on the way~~~…
主要围绕简历展开 自我介绍 从未准备过，每次都是“面试官你好，我是来自xx学校xx学院的学生，学习前端xx年了”，然后就戛然而止。。。 项目 实习项目简介 实习负责板块介绍 难点，遇到什么问题 对于技术上手快吗 计网 Ajax 工作方式 http请求响应过程 杂项 JWT 前端axios拦截 后端加密解密~ vue react 区别 会不会后端（❓ 是否…