随笔分类 - 前端相关
html,css,js,vue等等
摘要：React 从react16.8之后，出现了fiber链表，将递归渲染组件树变成可打断的渲染（使用链表串联关系）,他是一个承载各种节点信息的工作单元，也是一个对象 一开始function组件没有状态，通过fiber节点添加memorizedState 属性用来存储数据，然后在 function 组件
阅读全文
摘要：Vue.js面试学习 Vue3源码 目录剖析 ├── packages │ ★ ├── compiler-core # 所有平台的编译器 │ ★ ├── compiler-dom # 针对浏览器而写的编译器 │ ├── compiler-sfc # 针对单文件SFC编译 │ ├── compiler
阅读全文
摘要：本文阅读时长：1分钟不到 前端面试，那可是经常问到同源策略和跨域这问题啊 解决跨域的其中一种方式那必离不开JSONP，想必大伙随口都能答上来 那万一面试要手写JSONP实现时，如何写出让面试官眼前一黑的代码呢？ Webpack的异步加载模块也用到了JSONP哦 何为同源、跨域 同源就是"协议+域名+
阅读全文
摘要：秋招字节第一面就问到了ts工具类中的Record,当时才刚接触ts不久，人都懵了。遂发文记录下稍微复杂点的工具类学习记录 /** * 参考文章: https://juejin.cn/post/6994102811218673700#heading-3 */ interface Eg1 { name:
阅读全文
摘要：油猴脚本快速入门带简易案例 很简短。。 通过本文，你将学会 如何编写、发布油猴脚本 了解油猴脚本提供的封装好的浏览器插件API 油猴脚本入门 油猴脚本头部的注释信息很重要，他除了声明该脚本的基本信息之外，还标注了该脚本可在哪些指定的页面上运行，声明将要引入的外部文件、脚本运行时机，如果要调用油猴提供
阅读全文
摘要：前端面试学习 开始于2021年3月17日。最后编辑于2022年3月20日 JavaScript基础 数据类型 基本类型：null、undefined、boolean、number、string、symbol、bigInt 、引用类型：object 当对字符串进行parseInt转换等其他转换时，返回
阅读全文
摘要：组件设计原则 层次结构和 UML 类图(用于快速帮助了解应用程序布局和其他细枝末节) 对于前端组件W的UML类图可以有 State、Props、Methods、Event、Slot、与其他组件的关系 扁平化、面向数据的 state/props 低耦合、辅助代码分离 避免直接操作DOM，避免使用ref
阅读全文
摘要：TypeScript入门学习笔记 typescript编译成为javascript，在编译时进行类型检查和代码转换，减少错误 ts=typescript,js=javascript ts特性介绍 ts和js最大的区别就是ts多了类型注解功能, 通过名字中的"type"也能看出语言的重点在"类型"上.
阅读全文
摘要：Vue风格指南小结 来源：https://cn.vuejs.org/v2/style-guide/ 参考：https://www.kancloud.cn/donaf/vue/633942 必要的 组件名为多个单词，避免跟现有的以及未来的 HTML 元素相冲突，因为所有的 HTML 元素名称都是单个单
阅读全文
摘要：前端开发规范简要概括 缩进多少看自己的需求。。 作者：腾讯@AlloyTeam 来源：https://alloyteam.github.io/CodeGuide/ TODO: 阅读【吐血整理的前端代码规范系列 -- css规范】 https://zhuanlan.zhihu.com/p/196345
阅读全文
摘要：在vue中使用vue-cropper图片裁剪并上传图片 思路:封装一个对话框(Modal),里面包含一个vue-cropper,用于ant-upload上传文件时调用弹出此对话框让用户编辑此图片.裁剪完emit一个事件,然后上传这个编辑后的图片(file) 先是对vue-cropper进行再封装 该
阅读全文
摘要：Vue评论留言的表情功能实现 介绍:使用的微信提供的表情包地址,生成img标签,然后用v-html渲染.然后点击标签返回#表情名字; 带有#表情名字;的内容用正则表达式处理替换成img标签,其他文字不变,然后用v-html渲染出来 大概就是点击标签,然后input/areatext框里面出现#表情名
阅读全文
摘要：在vue中使用animate.css动画库 npm安装以及使用(4.1.0版本) npm安装npm install animate.css --save // in main.js import animated from 'animate.css' Vue.use(animated) 使用cdn引
阅读全文
摘要：Vuex概念复习 自己再度复习Vuex时的总结 核心概念 State 提供唯一公共数据源 https://vuex.vuejs.org/zh/guide/state.html 调用1 this.$store.state.xxx 调用2 使用辅助函数 mapState 当一个组件需要获取多个状态的时候
阅读全文
摘要：网上摘录常用js片段 时间戳转换为时间 默认为当前时间转换结果 isMs 为时间戳是否为毫秒 链接：https://zhuanlan.zhihu.com/p/143862373 function timestampToTime(timestamp = Date.parse(new Date()),
阅读全文
摘要：网上摘录常用css片段 垂直水平居中 /*绝对定位 ＋ 未知宽高 ＋ translate*/ position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); /*flex 轻松搞定水平垂直居中(未知宽高*/ dis
阅读全文
