- 博客(160)
- 收藏
- 关注
RSS订阅原创 纯css实现-让字符串在文字少时显示为居中对齐，而在文字多时显示为左对齐
BFC阻止了文本框从Flex容器中溢出，确保文本框的背景颜色不会延伸到Flex容器之外。在文本少时，子元素宽度等于文本长度，但父容器让其居中，就表现出子元素中文本是居中的。而文本多时，子元素宽度等于容器长度，虽然父容器也让子元素居中，子元素也在父容器中居中了。不过子元素中文本向左对齐，于是用户看到的就是子元素文本的向左对齐的表现形式。
2024-02-29 21:49:30
1060
1
原创 20240113----重返学习-`nginx/conf/nginx.conf`的https证书配置说明
【代码】20240113----重返学习-`nginx/conf/nginx.conf`的https证书配置说明。
2024-02-23 20:00:48
455
原创 20240123----重返学习-原生js纯函数获取用户电脑上的文件
【代码】20240123----重返学习-原生js纯函数获取用户电脑上的文件。
2024-01-23 20:46:01
466
原创 20240121----重返学习-`nginx/conf/nginx.conf`的动静分离-单ip地址双服务器资源-最简配置说明
【代码】20240121----重返学习-`nginx/conf/nginx.conf`的动静分离-单ip地址双服务器资源-最简配置说明。
2024-01-21 17:54:59
449
原创 20240113----重返学习-`nginx/conf/nginx.conf`的多虚拟主机配置最简配置说明
【代码】20240113----重返学习-`nginx/conf/nginx.conf`的多虚拟主机配置最简配置说明。
2024-01-13 13:52:27
390
原创 20240106----重返学习-在VMware里给centos7设置静态IP地址
学习nginx中，想要设置静态IP地址，以便让win10主环境中的Xshell里能够连接到VMware中的CentOS7上，进而可以在Xshell里进行操作。可以做到如复制粘贴之类的，而不是在虚拟机中的默认终端上进行操作。其实用动态ip地址的话，一开始就可以。不过为了固定ip，而不是在虚拟机上因网络环境不稳定，导致Xshell连接的地址还要变动。不过按照视频教程中，配置了后，发现Xshell连不上虚拟机。原因个人觉得是，虚拟机的网络配置有问题，如NAT能分配的子ip地址区段和视频教程中不符合。
2024-01-13 12:16:54
422
原创 个人学习来源说明
1. 学习nginx--尚硅谷Nginx教程（亿级流量nginx架构设计）2. 学习原生js--MDN文档3. 学习md文档--菜鸟教程MD
2024-01-07 21:25:29
375
1
原创 20240104----重返学习-关于`npm --legacy-peer-deps`与`npm --force`升级版本
相对旧版本升级了几个大版本到了指定版本,但结构没扁平化,同时有些东西可能已经不再兼容当前UI框架或vue或react版本了;相对旧版本升级了几个大版本到了指定版本,但结构没扁平化,同时也废弃了一些其它的依赖的升级如。记–legacy-peer-deps与–force的了解与思考。相对旧版本升级了两个小版本,但结构没扁平化;相对旧版本升级了两个小版本,相对。没升级,但结构扁平化了;
2024-01-07 21:19:33
641
原创 20230728----重返学习-新电脑环境
把D盘合并到C盘，以后文件基本上都装C盘，防止软件有问题。安装公司内网通信工具,如。安装git图形化管理工具。
2023-09-10 23:36:37
152
原创 20230728----重返学习-跨域-模块化-webpack初步
day-122-one-hundred-and-twenty-two-20230728-跨域-模块化-webpack初步跨域跨域为什么要跨域？浏览器为了安全，不能让我们的html文件可以随意引用别的服务器中的文件，只允许我们的html或js文件中，请求我们自己服务器。这个就是浏览器的同源策略。因为我们的网页是一个html文件，这个html是在一个域名里的。而这个html会引用各种文件，如图片、js文件、css文件，这些文件，有时候并不在一个服务器里。所以我们就需要去到其它服务器中查找这些
2023-07-29 00:18:37
1101
原创 20230725----重返学习-vue3项目实战-知乎日报第2天
一般有业务的组件之类的方法和状态中，可以使用自定义hooks。一般通用逻辑中，也用的自定义hooks。src/useAutoImport.js 定义自定义hooksimport * as vue from 'vue' //直接导入vue中全部的api，方便后面使用vue中的东西可以不用再导入。import {// 二次处理一些事情，直接拿到想要的结果。防止重复进行操作。
2023-07-25 22:29:58
297
原创 20230724----重返学习-vue3知乎日报项目实战
pinia 和 vuex4 的区别@vue/cli和vite的区别@vue/cliwebpackvite脚手架ESModule模块vite脚手架IE低版本浏览器vitewebpackvitelessvite不是用webpackwebpackrollup打包快rollup的生态webpackVue3 和 Vue2 的区别Vue3DOM-diff算法Vue21.3~2倍diff算法Vue2数据劫持不兼容IE浏览器vue2响应式原理vue3响应式原理使用Proxy基于Proxyget/set劫持has。
2023-07-25 03:23:13
552
原创 20230722----重返学习-vue3项目实战-收尾
md5特点?不是加密算法，摘要算法。内容不同摘要的结果不同如果内容发生一点变化就会发生翻天覆地的变化 ， 雪崩效应生成长度一致相同的内容生成的结果一直不可逆。
2023-07-23 04:13:42
79
原创 20230721----重返学习-vue3实战项目初步
而我们项目中，有一些配置相关的代码是在node环境下跑的，一般我们需要让这些在node环境下跑的代码后缀写成cjs，以便区分项目中的代码是跑在ESModule还是node。src/installVant.js 配置一些不能直接按需导入的全局属性及全局方法，以插件的形式来写，让相关功能的代码更统一在一起。.eslintrc.cjs 配置让项目环境支持node的CommonJS规范及浏览器的ES6Module规范。把css文件中的px单位转成rem，具体转换比例看postcss.config.cjs。
2023-07-21 23:57:59
92
原创 20230720----重返学习-小程序页面的初步完成
设置自定义分享按钮< button type = " info " open-type = " share " > 分享小程序 </ button >< button type = " info " open-type = " share " > 分享小程序 </ button >< button type = " info " open-type = " share " > 分享小程序 </ button >
2023-07-21 03:01:45
229
原创 20230718----重返学习-微信小程序初步
立即注册微信小程序前往注册首页小程序发布流程小程序开发与管理开发设置开发开发管理开发设置小程序。
2023-07-19 03:29:31
125
原创 20230717----重返学习-常见面试题-todoList-封装服务相关的组件-vue3生态-vue-router-pinia
day-114-one-hundred-and-fourteen-20230717-常见面试题-todoList-封装服务相关的组件-vue3生态-vue-router-pinia常见面试题vue2模版编译vue3模版编译对于一些导入的模块，可以在npm 官网、 github官网找到模块查看原理。v-if与v-forvue2模板编译网站vue3模板编译网站查看一些第三方插件，可以通过npm或github来进行查找。v-if 和 v-for的优先级问题vue2 肯定是v-f
2023-07-18 03:26:36
256
原创 20230715----重返学习-vue3新API-Vue3和Vue2对比-vue3语法-Vue3编码
提供⾃定义渲染器，可以在⾮DOM环境中使⽤Vue的运⾏时。虚拟dom的优点？平时我们一般并不需要使用这个api，只是为了扩展渲染能力才会使用，如用vue写微信小程序之类的需求。这个api主要就是可以自定义渲染方式。说明：vue2中没createRenderer的写法。vue3中有createRenderer自定义浏览器的写法。v-bind绑定样式CSS变量在css中使⽤v-bind绑定样式具有scoped属性的style标签中新加的选择器在scoped中自定义深度选择、插槽、
2023-07-16 03:06:30
2225
原创 20230714----重返学习-DOM-diff算法-构建工具-包管理工具-Vite基本使用-Vue3新特性
day-112-one-hundred-and-twelve-20230714-DOM-diff算法-构建工具-包管理工具-Vite基本使用-Vue3新特性DOM-diff算法vue2中diff算法同级比对，跨级比对性能差。而且采用的方式是递归比对，更差一点。根节点只能有一个，比对的时候会从根节点进行比对，先判断两个根节点是否是同一个节点。如果不是同一个节点则直接将老节点删除掉，换成新节点。根据标签名、key。isSameVnode()这个方法来判断是否是相同的同一个节点。如果两个节
2023-07-15 03:03:34
313
原创 20230712----重返学习-权限校验
登录时拿到用户所有的权限标识列表并保存到vuex中。在自定义指令的inserted阶段中，用用户调用该全局自定义指令时传入的权限标识比对用户所有权限标识列表，如果不存在，就移除该DOM。在需要使用权限标识的标签上，使用该全局自定义指令，并传入一个对应这个标签的权限标识。登录时拿到用户所有的权限标识列表并保存到vuex中。在自定义指令的inserted阶段中，用用户调用该全局自定义指令时传入的权限标识比对用户所有权限标识列表，如果不存在，就移除该DOM。
2023-07-13 00:37:32
136
原创 20230711----重返学习-组件缓存-图片上传-富文编辑器-鉴权处理
/图片上传 /* // https://iot.fastbee.cn/prod-api/iot/tool/uploadAuthorization 需要传递Token请求主体file:文件对象返回值：code: 200msg: "操作成功"/* 暴露API */ const API = {<script>data() {return {},methods: {//限制大小；this.$message.warning("上传的图片不能超过1000kb");
2023-07-11 20:48:31
891
原创 20230710----重返学习-物模型增删改查-欢迎页图表展示-图表展示
如果是一个弹框，在同一个组件中，可以给弹框中存储一个公共状态对象，之后通过那个对象中的数据来修改。如果是另一个路由页面，那么将使用如问号传参或params传参或路径传参这类路由传参将当前项的id传递到另一个路由地址中，而另一个路由地址再通过id查询到当前表单的信息。
2023-07-10 23:56:22
610
原创 20230708----重返学习-通用物模型基础样式
fang/f20230708/ManageSystem/src/layout/HeaderLayout.vue 做数据强制更新。fang/f20230708/ManageSystem/src/api/iot.js 仅本地做缓存。
2023-07-08 23:59:16
125
原创 20230707----重返学习-物美管理系统-登录流程-页面路由跳转-面包屑导航-访问历史列表
【代码】20230707----重返学习-物美管理系统-登录流程-页面路由跳转-面包屑导航-访问历史列表。
2023-07-07 23:59:41
283
原创 20230706----重返学习-vue路由导航守卫相关-物美后台管理系统
vue全家桶：vue@2 + vuex@3 + vue-vue-router@3。从零开始，基于Vue2全家桶+ElementUI构建一个管理系统类项目。“axios” 发送ajax请求。也可以使用fetch。“xlsx” 处理Excel表格的上传、下载、解析等。“vuex-persist” vuex的持久化存储。开发依赖：--------------Word/PDF 解析的插件。设置页面的title。
2023-07-05 22:52:44
259
原创 20230704----重返学习-SPA单页面应用-vue-router-路由的配置
day-105-one-hundred-and-five-20230704–SPA单页面应用-vue-router-路由的配置vue-router常见面试题面试题：说说你对 SPA 单页面的理解，它的优缺点分别是什么？面试题：介绍一下路由的两种实现模式：hash模式 和 history模式面试题：说一下路由跳转的方案及传参方式有哪些？面试题：介绍一下 vue-router 中的导航守卫函数面试题：介绍一下你对vue-router的理解？代码正常但找不到html页面的问题报错信息：C
2023-07-05 00:02:10
112
原创 20230703----重返学习-组件封装-Vue.extend()语法-创建一个使用函数来调用的组件-组件和插件的问题-vuex-Vue.mixin()
组件调用：template中标签语法。使用函数的方式去调用。
2023-07-03 23:55:50
268
原创 20230701----重返学习-Vue的单向数据流-todoList项目-组件封装-jsx语法
fang/f20230701/day0701/src/main.js或fang/f20230701/day0701/src/global.js，因为global.js是在入口文件main.js直接引入的，和在入口文件执行代码差不多。fang/f20230701/day0701/src/main.js或fang/f20230701/day0701/src/global.js，因为global.js是在入口文件main.js直接引入的，和在入口文件执行代码差不多。在需要用到该按钮的地方直接使用。
2023-07-02 00:09:03
282
原创 20230630----重返学习-QQ音乐-从零开始构建一个Vue2的项目-常见面试题-Vue组件间通信
如果不想传递东西只想操作实例：在父组件中，可以基于ref($children)获取子组件的实例，这样就可以很方便地去操作子组件实例上的数据和方法了，然后想做什么就做什么。如果需要传递的是一些值/方法：基于属性即可。在代码编译的时候，可以把我们写的px单位的值，按照指定的rem和px和换算比例，自动转换为rem的值！Vue2进阶/VueQQMusic/src/assets/images/loading.gif。Vue2进阶/VueQQMusic/src/assets/images/music.svg。
2023-06-30 23:52:03
176
原创 20230628----重返学习-自定义指令的玩法和作用-对象新增属性不能响应的问题-Vue组件中的data属性-Vue生命周
面试题：自定义指令的玩法和作用在我之前的项目中，有些需求我是基于创建自定义指令完成的。我觉得这也算是一种封装技巧，把一些要实现的功能，封装成为自定义指令，以后基于v-xxx进行调用，用起来也很方便！比如我之前封装过：v-power 实现权限的校验。在自定义指令内部，获取登录者具备的权限标识，根据传递进来的需要判断的标识，验证当前登录者是否具备相应的权限，从而控制元素的渲染和销毁。v-debounce/throttle 实现函数的防抖和节流。
2023-06-29 00:03:37
243
原创 20230627----重返学习-全局处理vue-Vue.use()-element-ui说明-vue2中原型链-如何设置样式
创建，用于设置全局相关的配置。在中，在导入之前先导入。
2023-06-28 00:28:41
331
原创 20230626----重返学习-Vue的学习路线-常用的vue指令-v-model-vue常见面试题
template>jsx语法OptionsAPI样式私有化方案类组件函数组件UI组件库二次封装vuexvue-router上拉刷新下拉加载超长列表登录权限管理模型。
2023-06-26 23:56:51
312
原创 20230623----重返学习-vue-cli脚手架
安装和使用可选择当前配置项文件目录jsconfig.json文件：不仅给webpack看，而且对vscode编辑器也有用！babel.config.js 这个是babel的配置文件，用于处理js与vue语法的！vue.config.js 这个是vue的配置项。@vue/cli 脚手架，为了美化项目的目录结构，把配置好的webpack规则都隐藏到了 node_modules 中，基于 vue-cli-service 进行管理！如果想查看配置好的规则？
2023-06-23 23:53:16
660
原创 20230621----重返学习-仿QQ音乐播放器-静态页面的免费部署-vue2
audio标签标签的属性各浏览器对不用音频格式的支持是不一样的可以在audio标签用内部使用source来指定可以使用的音频源。</audio标签对应的DOM元素对象的常见属性</</let;/*currentTime:存储了当前播放的时间「单位秒」duration:存储了总的时间ended:true/false 是否播放完毕paused:true/false 当前是否为暂停的volume:0~1 控制音量的 1最大音量 0静音play方法：控制音频播放pause方法：控制播放暂停。
2023-06-21 23:56:23
1386
原创 20230620----重返学习-移动端事件处理-响应式
day-095-ninety-five-20230620-移动端事件处理-响应式移动端事件处理移动端的事件处理移动端事件处理PC端主要以：鼠标事件、键盘事件、资源加载事件、动画事件等事件为主。其中click在PC端是点击事件！移动端主要以：手指事件（单手指和多手指）、资源加载事件、动画事件等为主。其中，click在移动端是单击事件。移动端事件问题移动端事件的各个问题：问题1：click事件在移动端存在300ms的延迟。原因：click事件在移动端是单击
2023-06-20 23:58:41
2594
原创 20230619----重返学习-图片缩略图幻灯片-插件封装的步骤-NativeApp与WebApp
day-094-ninety-four-20230619-图片缩略图幻灯片-插件封装的步骤-NativeApp与WebApp图片缩略图幻灯片总体思路整理思路。所有的结构都包在一个盒子中。盒子里有两层内容：盒子宽高由前端根据设计稿来定。盒子宽高应具体到px，以便内部使用百分比进行布局。一层是封面，用于展示播放时长和视频主图。一层是进度图，用于展示进度条对应的视频缩略图。根据用户鼠标在盒子中横向距离与盒子宽度的比例，控制进度图的进度，之后进度图控制精灵图中显示的区域。精灵图是一张
2023-06-19 23:47:56
825
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人