- 博客(53)
- 收藏
- 关注
RSS订阅原创 每天一个知识点
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
259
原创 二刷高级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
548
原创 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
815
原创 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
1479
原创 中午随想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
706
原创 Markdown使用
背景：老早就想学习一下Markdown,感觉好酷哦，先过一下历史：Markdown语言 04年 纯文本格式 可选择性的转化为XHTML/HTML 轻量级标记语言一。用法：*font* 斜体**font** 加粗#font 一级标题##font 二级具体请戳：markdown_百度百科...
2021-12-07 12:54:00
108
原创 随想-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
580
原创 浏览器发展史
世界上第一个web网页浏览器：WorldWideWebmosaic浏览器：netscope navigator:发展史：五大主流浏览器及四大内核 - 简书自己的总结：
2021-11-24 17:27:53
391
原创 前端常见英文词汇
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
438
原创 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
154
原创 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
90
原创 前端小功能点
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
244
原创 前端的兼容性||安全性
因为运行环境不支持，所以才有了兼容性1.html: 标签的兼容, =>废弃标签2.css: 浏览器前缀3.js: 装babel + 设置browerslist文件
2021-09-14 13:02:33
186
原创 初识Webpack
1.前提： node2.npm install webpack webpack-cli -g webpack 是全局 webpack-cli 是执行文件时调用的
2021-08-17 16:53:19
228
原创 node版本更新
1.node官网下载稳定的stable version .msi 11.msi文件保存下来 22.点击.msi文件 一路下一步 33.修改路径到原来安装位置 使用 where node 查看node原来位置 44.node -v...
2021-08-17 15:24:37
300
原创 This理解
1.执行环境： this指向谁，看()前是谁function foo() { console.log(this)}var obj = { name: 'tom', foo}obj.foo()
2021-08-10 18:38:20
158
原创 再探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
336
原创 常见处理 .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
300
原创 使用 Vue3.0 + Element Plus + TS/TSX
1.element配合 vue3.0的版本: vue add elementImport on demandzh-CN
2021-07-20 14:59:30
1725
原创 ECMAScript
1. 查看浏览器兼容性：http://kangax.github.io/compat-table/es6 不兼容需要安装babel
2021-07-14 18:05:29
140
原创 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
649
原创 复盘-网页顶部存在select
场景： 顶部：品牌下拉，门店下拉。 初始化： 渲染品牌列表的第一个，门店选中第一个品牌下的第一个门店。 切换品牌：门店切换为当前品牌的第一个门店； 切换门店：切换门店，且刷新页面（刷新前要记录当前的品牌和门店）1.初始化：获取数据源，分成几个小的数据源，或者是一个整体的数据源。记录选中品牌时的下标， 或者直接分片存数据源初始化品牌： ...
2021-06-23 17:04:56
114
原创 复盘- vue select onchange事件 列表的列数据显示隐藏
选择下拉项，发生onchange事件后，根据下拉项值决定table显示的列数据，接收到最新table data后，组件中改变数据，tableData1
2021-06-10 10:28:45
919
原创 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
262
原创 vue computed 计算属性
computed什么场景用： 有复杂的逻辑计算时，用在动态属性、模板内的表达式、组件页面的store中使用。computed中
2021-06-08 14:48:42
356
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人