个人对话
桃子彩虹无限
没啥好说的
展开
-
CSR/SSG/SSR
SEO SSR原创 2023-02-27 11:11:18 · 497 阅读 · 0 评论 -
微前端架构思想的简单实现
【代码】微前端架构思想的简单实现。原创 2023-02-28 00:15:00 · 134 阅读 · 0 评论 -
接口请求到ng配置转发
接口请求到nginx的转发过程原创 2023-02-27 15:15:00 · 209 阅读 · 0 评论 -
前端logo猜一猜
这是一个小游戏原创 2023-01-27 15:51:50 · 89 阅读 · 0 评论 -
Vue的打印pdf+导入导出
总结常用功能原创 2023-01-11 09:19:13 · 177 阅读 · 0 评论 -
Babel-JavaScript编译器
js编译器原创 2023-01-07 15:08:12 · 375 阅读 · 0 评论 -
vscode-coding规范
vscode 代码规范原创 2022-10-20 09:27:30 · 246 阅读 · 0 评论 -
起因是git本地项目与远程仓库建立连接
本地文件夹 与 远程仓库 建立关联原创 2022-09-09 20:00:00 · 189 阅读 · 0 评论 -
网络系统-图解
网络体系-粗颗粒度整理原创 2022-09-05 20:30:00 · 198 阅读 · 0 评论 -
每天一个知识点
Flex:flex-shrink: 0; // 不缩小 默认值为1box-sizing:不可继承属性垂直居中:1. position: 父box: position: relative; // width要固定! 子box: postion: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; 2. flex+margin: 父box: display: flex; align-i.原创 2022-04-26 00:08:18 · 235 阅读 · 0 评论 -
二刷高级js之新领悟
领悟记录簿JavaScriptV8引擎工作原理:文件流 -> A.词法、语法解析 -> B.parse编译+preparse -> C.字节码 -> 机器码解析js代码De过程函数函数跟变量的交集JavaScriptV8引擎工作原理:文件流 -> A.词法、语法解析 -> B.parse编译+preparse -> C.字节码 -> 机器码A阶段. GO中的变量提升B阶段. 确定作用域范围C阶段. 边解释边执行: 解释成全平台通用的字节码,再交给原创 2022-01-09 23:16:02 · 522 阅读 · 0 评论 -
JavaScript流程控制
分支结构1.多分支结构:if/else if/else ifswitch/case2.循环结构:达到复用forwhilebreak; continue;1.多分支结构:if/else if/else ifswitch/case2.循环结构:达到复用forwhilebreak; continue;原创 2021-12-16 13:15:10 · 787 阅读 · 0 评论 -
Javascript基础篇-ECMAScript
JavaScript部分JavaScript,简称JS 是什么?是解释性脚本语言: 一句by一句, 边解释边运行是动态语言:变量类型,在运行时,根据等号右侧的类型才能确定是高级编程语言的一种JS实现的依据:ECMA-262 简称ESJS能干什么?能让计算机执行某种操作JS构成: ECMAScript / BOM/ DOMJS 与内存的关系数据类型基本数据类型Number类型进制:二进制 八进制(0开头) 十进制 十六进制(0-9+a-f)与内存的关系数字/小写字母 半角符号(英文符号) 占一个byte;大原创 2021-12-12 12:45:02 · 1416 阅读 · 0 评论 -
中午随想git
Gitgit 分布式版本管理工具 管理远程版本的工具git使用网络:在公网使用: github【国外】、码云【国内】在局域网使用: gitlabgit使用人群:-有权限的人,使用clone-没权限的人:A。使用fork 在他远程仓库生成一个,他自己维护,最后合并到别人远程,需要发起pull request 请求(pull: 包含了拉取最新代码并merge)B。再或者申请成有权限的git命令初始化: git initls 【查看目录下有啥】ls la 【查看隐藏文件: windows原创 2021-12-09 13:32:40 · 684 阅读 · 0 评论 -
Markdown使用
背景:老早就想学习一下Markdown,感觉好酷哦,先过一下历史:Markdown语言 04年 纯文本格式 可选择性的转化为XHTML/HTML 轻量级标记语言一。用法:*font* 斜体**font** 加粗#font 一级标题##font 二级具体请戳:markdown_百度百科...原创 2021-12-07 12:54:00 · 86 阅读 · 0 评论 -
随想-shim/polyfill-devtools-watch
1.shim: 硬垫 指将一个新的API引入到一个旧的环境中,而且仅靠旧环境中已有的手段实现google和github上都有一段用于兼容ie等低版本浏览器的html标签库 html5shiv polyfill: 软垫 特指用在浏览器API上的shim/shiv-判断浏览器是否支持2.devtools安装:GitHub - vuejs/devtools: ⚙️ Browser devtools extension for debugging Vue.js applications....原创 2021-12-07 12:31:23 · 562 阅读 · 0 评论 -
浏览器发展史
世界上第一个web网页浏览器:WorldWideWebmosaic浏览器:netscope navigator:发展史:五大主流浏览器及四大内核 - 简书自己的总结:原创 2021-11-24 17:27:53 · 355 阅读 · 0 评论 -
前端常见英文词汇
1.variable: 变量 var简写2.constant: 常量 const简写3.assess: 使用复现场景: log(obj) //TypeError: cannot assess 'obj' before initialization const obj = {}4.assignment to: 分配给 赋值给复现场景:const obj = {} obj = 'hahhah' //TypeError:Assignmen...原创 2021-10-12 10:07:03 · 406 阅读 · 0 评论 -
JavaScript高级二
1.javascript多态:对不同数据类型,进行同一操作时,表现出来的行为不一样对于传统java、ts而言,实现继承,是多态体现的前提js灵活不要继承来实现2.字面量增强方法-es6: enhanced object literals1.proporty shorthand var obj = {name, age}2.method shorthand3.computed proporty names: 计算属性名 做keyvar obj = {n...原创 2021-10-12 09:33:50 · 128 阅读 · 0 评论 -
this错题集
var name = "window";var person = { name: "person", sayName: function () { console.log(this.name); }};function sayName() { var sss = person.sayName; sss(); // window -默认绑定 person.sayName(); // person -隐式绑定 (person.sayName)(); // window.原创 2021-09-27 13:27:51 · 72 阅读 · 0 评论 -
前端职业生涯-工具集及规范
1.模板简历: 知页原创 2021-09-26 02:03:25 · 88 阅读 · 0 评论 -
前端小功能点
1.复制文本2.创建多个wangEditor3.$set $delete4.请求尽量在当前组件页面发,在当前页面接受数据,顺便store-》storage里存一份5.文件上传-content-type: ...form-data 入参是new formData 包裹文件对象File 前端实现点击链接导出:a标签模拟触发click 点击链接下载:a href="...."...原创 2021-09-23 09:53:45 · 208 阅读 · 0 评论 -
前端的兼容性||安全性
因为运行环境不支持,所以才有了兼容性1.html: 标签的兼容, =>废弃标签2.css: 浏览器前缀3.js: 装babel + 设置browerslist文件原创 2021-09-14 13:02:33 · 163 阅读 · 0 评论 -
JavaScript高级一
qqq原创 2021-08-31 11:20:57 · 162 阅读 · 0 评论 -
初识Vite
一起源:1.原创 2021-08-24 14:15:27 · 445 阅读 · 0 评论 -
初识Webpack
1.前提: node2.npm install webpack webpack-cli -g webpack 是全局 webpack-cli 是执行文件时调用的原创 2021-08-17 16:53:19 · 203 阅读 · 0 评论 -
node版本更新
1.node官网下载稳定的stable version .msi 11.msi文件保存下来 22.点击.msi文件 一路下一步 33.修改路径到原来安装位置 使用 where node 查看node原来位置 44.node -v...原创 2021-08-17 15:24:37 · 276 阅读 · 0 评论 -
This理解
1.执行环境: this指向谁,看()前是谁function foo() { console.log(this)}var obj = { name: 'tom', foo}obj.foo()原创 2021-08-10 18:38:20 · 133 阅读 · 0 评论 -
再探vue3.0
Vue.createApp({ template: `..`, data() { return { count: 100}}, methods: {..}})1.模板语法-Mustache<template> <div>{{ count }}</div> A,基本用法 <div>{{ count * ...原创 2021-08-06 23:01:21 · 301 阅读 · 0 评论 -
前端各种网站-好习惯
1.查概念: MDN + 搜索内容2.查问题的解决方案: stackoverflow (国外)原创 2021-08-04 22:37:33 · 106 阅读 · 0 评论 -
常见处理 .gitignore/SSH/GitBash/nodeSass/eslint飘红
1..gitignore文件作用在未跟踪文件已加入跟踪的文件,在提交时删除提醒:删除了,本地记录就没有了...第一步:git rm --cached .history -r git add 后:new file: .history/src/assets/styles/variable_20210726172758. new file: .history/src/assets/styles/variable_2021072617280...原创 2021-07-27 11:24:30 · 269 阅读 · 0 评论 -
使用 Vue3.0 + Element Plus + TS/TSX
1.element配合 vue3.0的版本: vue add elementImport on demandzh-CN原创 2021-07-20 14:59:30 · 1663 阅读 · 0 评论 -
VScode 好用插件
1.css插件: css navigation:跳转定位到css class定义的地方原创 2021-07-15 11:23:45 · 291 阅读 · 0 评论 -
ECMAScript
1. 查看浏览器兼容性:http://kangax.github.io/compat-table/es6 不兼容需要安装babel原创 2021-07-14 18:05:29 · 121 阅读 · 0 评论 -
cpu 硬盘 内存
内存是运行环境,把运行结果给cpu,软件存放在硬盘【C盘等】磁盘是存储空间原创 2021-07-01 18:57:15 · 124 阅读 · 0 评论 -
TypeScript
本地写ts文件,要安装ts编译器: npm i -g typescript tsc hello.ts 每次需要重新编译,再看效果js是动态类型语言,typescript是静态类型语言,是js的超集。类型声明 所以ts文件内类型解析失败,也是可以tsc ts文件成js文件tpyescript-类型声明:1.基本类型声明:let a: 基本数据类型 = 基本数据let a:...原创 2021-06-28 17:38:12 · 599 阅读 · 0 评论 -
复盘-网页顶部存在select
场景: 顶部:品牌下拉,门店下拉。 初始化: 渲染品牌列表的第一个,门店选中第一个品牌下的第一个门店。 切换品牌:门店切换为当前品牌的第一个门店; 切换门店:切换门店,且刷新页面(刷新前要记录当前的品牌和门店)1.初始化:获取数据源,分成几个小的数据源,或者是一个整体的数据源。记录选中品牌时的下标, 或者直接分片存数据源初始化品牌: ...原创 2021-06-23 17:04:56 · 92 阅读 · 0 评论 -
复盘- vue select onchange事件 列表的列数据显示隐藏
选择下拉项,发生onchange事件后,根据下拉项值决定table显示的列数据,接收到最新table data后,组件中改变数据,tableData1原创 2021-06-10 10:28:45 · 878 阅读 · 0 评论 -
vue组件 导出 下载
//导出excel // xx.api.jsresponseType: 'blob'// 页面 处理返回数据 let blob = new Blob([res], { type: 'application/vnd.ms-excel;charset=utf-8' }) // 2.获取请求返回的response对象中的blob 设置文件类型,这里以excel为例 let url = window.URL.createObjectU.原创 2021-06-08 17:52:58 · 244 阅读 · 0 评论 -
vue computed 计算属性
computed什么场景用: 有复杂的逻辑计算时,用在动态属性、模板内的表达式、组件页面的store中使用。computed中原创 2021-06-08 14:48:42 · 316 阅读 · 0 评论