- 博客(108)
- 收藏
- 关注
RSS订阅原创 跨域+四种解决方法
这里我遇到一个问题，不管是使用记事本还是vscode打开配置文件，再修改编辑后保存会无法保存，尝试了好几次都保存不了，后面我是通过在Ubuntu的Linux系统中使用vim编辑器打开配置文件，然后修改保存，这其中又遇到一个问题，如果没有加sudo权限的话执行。通过上图，可以看到使用JSONP实现跨域请求的请求结果，状态码是200，表示请求成功并响应结果，这表明使用JSONP成功实现了跨域请求。注意，使用nginx配置代理不能使用localhost，必须使用Windows主机的ip，打开Ubuntu输入。
2023-08-05 22:33:30
1028
原创 2023/07/30
baseline是英文小写字母x的最低处的下划线，因此它和bottom之间有一定的距离，留白就是baseline和bottom之间的距离。素，行内元素和行内块元素都是。
2023-07-30 17:43:58
111
原创 CSS动画——实现波浪摇摆效果...
波浪的摇摆实际上是通过波浪图的左右移动实现的，因此我们只需写一个实现波浪图从右(左)到左(右)移动的动画即可，但是在实现循环移动的动画中会存在一个问题，波浪图向左移动后，将移出屏幕边界，并且右侧会空出来，因此我们**在盒子内放两张相同的波浪图，一张初始位置在屏幕内，一张在屏幕右侧，当第一张向左移动时，第二张紧跟着一起移动实现弥补原本的空出来的位置，这样就可以实现波浪上下摇摆的动画效果了。
2023-07-30 17:16:52
1285
原创 2023/07/23
外层容器给弹性盒子布局, 且给外层盒子一个after伪类元素。//两边布局 flex - wrap : wrap;//换行 } // 可以理解为占位 . container : : after {height : 0;将元素隐藏，但是在网页中该占的位置还是占着。给容器内的盒子宽度按照100%等分，比如每行三个盒子就可以给30%，四个盒子就可以给25%, 高度可以由固定内容撑开最好，也可以自己给固定高度。. item {
2023-07-23 22:37:30
197
原创 微信原生实现一个简易的图片上传功能
wx.showActionSheet()：显示操作菜单，选择是从相册选择还是相机拍摄照片wx.chooseImage()：从本地相册选择图片或使用相机拍照。wx.uploadFile()：将本地资源上传到服务器。客户端发起一个 HTTPS POST 请求，其中 content-type 为 multipart/form-data。wx.previewMedia(): 预览图片和视频。
2023-07-16 16:11:44
3635
原创 2023/07/13
如下案例：若使用opacity设置0.5的透明度，十字背景图片将会有0.5的透明度导致跟ui原稿颜色不一致，这种情况使用rgba即可解决。里面的数据会成为响应式数据，但是当我们给响应式的对象新增属性，或者给响应式的数组增加元素时，数组的变化不会展示在页面上。一般在方法里修改了引用数据类型最后调用此方法实现强制刷新页面，新增的元素或属性虽然不是响应式的，但也实现了页面更新。重新给data中的数组、对象赋值的方法也能实现给新增属性或元素添加响应式。可以看到，数组新增的元素和对象新增的属性都没有渲染在页面上。
2023-07-13 23:05:07
618
原创 H5用户体验规范
为保证最后项目的用户体验，项目中的部分交互和视觉属于约定俗成的默认逻辑，产品文档和交互文档中即使未出现相关的说明，作为开发人员，在开发过程中也需要补全这部分的交互和视觉逻辑，如有疑问，可向项目管理人员询问。
2023-07-06 11:58:53
498
原创 2023/06/28
1.export和export default的区别2.npm和cnpm的区别3.npm run dev/serve的区别4.slice、splice和split的区别
2023-06-28 22:07:39
1353
原创 vim编辑器基本使用
今天在练习git相关操作时，无意间发现当你使用commit命令提交代码时，忘记添加备注信息会自动进入一个奇怪的模式，按esc键亦或是ctrl+C都无法退出，这个奇怪的模式也就是vim编辑器。vim是一种文本编辑器，它通常在命令行界面下使用。vim具有非常强大的编辑能力和快捷键操作，可以用来编辑各种文本文件，如代码、配置文件等。它是vi编辑器的改进版，因此也叫做vi Improved（vi改良版）。vim在各种Unix和Linux系统中广泛使用，是开源软件，拥有丰富的插件和扩展功能。另外要说的是，使用。
2023-06-08 22:15:49
1106
原创 日期处理库moment的基本使用
moment是JavaScript的一个日期时间处理库，它具有简单、强大和易于使用的特点，可以方便地进行日期和时间的格式化、解析等操作，在项目中可以很好的代替new Date()去使用，省去计算时间戳的步骤
2023-06-08 21:40:26
2847
原创 CSS复习笔记
绝对定位、固定定位会完全压住盒子以及下面标准流所有的内容，浮动元素不同，只会压住它下面标准流的盒子，但是不会压住下面标准流盒子里面的文字（图片）
2023-06-04 22:29:35
1037
原创 2023/5/30面试小结
1.408基础不扎实，多回顾，多记忆，多思考2.编程能力薄弱，多刷算法题3.前端三小件基础不扎实4.语言组织能力弱，很多知识点不能表述清晰。
2023-05-30 17:41:14
799
原创 JavaScript进阶——闭包、高阶函数与柯里化
具体来说，柯里化就是把一个多参数函数转化为多个单参数函数的过程。在 JavaScript 中实现柯里化通常使用闭包和高阶函数。例如，一个接受两个参数的普通函数 add(a, b) 可以转化为柯里化函数 curriedAdd(a)(b)，这样我们可以分别传入不同的参数来调用这个函数，实现更加灵活的使用。
2023-05-24 21:51:03
759
原创 Vue——状态管理库Pinia
Pinia 是一个新的状态管理库，也是专门为 Vue 3 开发的。它提供了一个类似于 Vuex 的状态管理模式，但采用最新的 Vue 3 API 构建。相比 Vuex，Pinia 更简单、更轻量，更加灵活，并支持 TypeScript 类型检查。
2023-05-24 21:32:02
2300
原创 Vue3+TS知识点补充
在 Vue 3 中，使用 `v-model` 与 Vue 2 中的用法略有不同，主要是因为 Vue 3 中有了新的 `setup()` 函数和 `reactive()` 函数，这些函数使得我们可以更方便地编写组件逻辑。在 Vue 3 中，`v-model` 可以使用 `modelValue` 和 `update:modelValue` 两个属性来实现双向数据绑定
2023-05-19 21:09:41
2510
原创 TypeScript之非空断言
非空断言（Non-null Assertion）是 TypeScript 2.0 引入的新特性，用于告诉编译器一个变量不为 `null` 或 `undefined`，在某些场景下可以方便地解决一些类型检查问题。
2023-05-19 15:13:16
1788
原创 JavaScript中的 ?? 操作符
JavaScript 中的 ?? 是一个新的操作符，被称为 Nullish Coalescing Operator ，意为“空值合并运算符”。它的作用是当左侧表达式为 null 或 undefined 时，返回右侧表达式的结果。如果左侧表达式的值不为 null 或 undefined，则返回左侧表达式的值。
2023-05-18 14:44:01
1063
原创 TypeScript基础
TypeScript是一种由微软开发的自由和开源的编程语言,它是JavaScript的一个超集，TypeScript包含了JavaScript的库和函数，TypeScript上可以写任何的JavaScript，调用任何的JavaScript库。而且本质上TypeScript扩展了JavaScript的语法解决JavaScript的“痛点”：弱类型和没有命名空间，导致很难模块化。
2023-05-13 20:40:38
1897
5
原创 在CRA中配置别名路径并添加别名路径提示
目的：简化项目中的路径处理，和Vue项目中的类似。自定义CRA的默认配置CRA将所有工程化配置，都隐藏在包中，所以项目中看不到任何配置信息。通过第三方库来修改，比如,（推荐）通过执行yarn eject命令，释放中的所有配置到项目中，该过程不可逆（不常用）在本文中将主要介绍第一种方法，第二种方法请自行探索目的：配置了路径别名后，输入别名时是不会有路径提示的，该步能够让VSCode识别别名并给出路径提示。
2023-05-08 17:14:59
819
原创 Vue2组件通信专题
props适用于的场景：父子组件通信注意事项：如果父组件给子组件传递数据（函数）：本质其实是子组件给父组件传递数据。如果父组件给子组件传递数据（非函数）：本质就是父组件给子组件传递数据。
2023-04-20 21:17:31
1133
1
原创 一文学会使用Git将本地代码上传GitHub仓库
将代码上传到 GitHub 的好处有以下几点：代码备份：将代码上传到 GitHub，在本地电脑数据丢失或出现其他突发情况时，可以保证代码的安全。在 GitHub上，用户可以创建公共或者私有仓库，保留自己的代码并方便其他开发者的参考和使用。多人协作：GitHub提供了高效的团队协作平台，多个团队成员可以同时参与同一个项目，并实时地查看、编辑、合并代码等。各种工具和功能都是为高效团队开发而设计的。参考学习：在 GitHub 上，用户可以查找到许多开源项目和代码，可以研究交流已有的高质量代码，受益于其
2023-04-19 16:33:34
2764
1
原创 一文学会VSCode代码同步至GitHub
每次想在寝室中继续撸实验室电脑上代码时会稍微麻烦点，之前是直接放弃不撸了，今天突然想到直接上传git私有仓库可能更方便一点。便有了这篇记录
2023-04-19 12:13:43
4785
1
原创 Vue3——组件间通信的五种常用方式
本文采用``语法糖的编写方式，比`options API`更自由。``语法糖详细内容看查看文档：[setup语法糖官方文档](https://cn.vuejs.org/api/sfc-script-setup.html)然后我们会讲以下五种常用的组件通信方式- props- emit- v-model- refs- provide/inject
2023-04-12 15:14:35
1842
原创 Vue3——一文入门Vue3
Vue3的优势1. 性能的提升打包大小减少41%，初次渲染快55%，更新渲染快133%，内存减少54%…2. 源码的升级使用Proxy代替defineProperty实现响应式，重写虚拟DOM的实现和Tree-Shaking
2023-04-09 11:17:11
684
原创 Vue3——getCurrentInstance()
Vue2中，可以通过this来获取当前组件实例； Vue3中，在setup中无法通过this获取组件实例，console.log(this)打印出来的值是undefined。在Vue3中，getCurrentInstance()可以用来获取当前组件实例
2023-04-06 13:09:07
582
原创 VSCode快捷开发必备配置——配置用户代码片段
在我们日常工作中经常会有重复使用到的代码，比如函数封装，请求，异步函数操作等等，这时我们就需要对这些经常用到的代码片段进行封装，通过简短的命令符快速生成，来提高我们的工作效率
2023-04-03 23:14:33
2479
1
原创 Vue——插槽
插槽的作用：Vue插槽是Vue中常见的一种组件间的相互通信方式，作用是让父组件可以向子组件指定位置插入html结构，适用于，在要接收数据的组件页面通过标签来表示，简单来说，。插槽的基本使用：这里我们选定App.vue作为父组件，Card.vue作为子组件，作为演示插槽基本使用的代码文件。App.vue运行结果：从上面的运行结果可以看到，插槽的基本使用是子组件自身内容正常显示，插入的内容是父组件向子组件插入的内容，并且插入的内容可以显示多条，如果没有插入内容，将显示
2023-03-28 14:40:02
2284
原创 JavaScript——防抖与节流
防抖函数 debounce 指的是某个函数在某段时间内，无论触发了多少次回调，都只执行最后一次。假如我们设置了一个等待时间 3 秒的函数，在这 3 秒内如果遇到函数调用请求就重新计时 3 秒，直至新的 3 秒内没有函数调用请求，此时执行函数，不然就以此类推重新计时。
2023-03-27 14:48:08
772
原创 JavaScript——一文搞懂深浅拷贝
开发中我们经常需要复制一个对象。如果直接用赋值会有下面问题。当改变新对象时，原对象也跟着发生变化，以上情况被称为，当我们修改新对象时，不希望原对象也发生改变，此时我们就需要了解一下深拷贝与浅拷贝，以及其中的区别。
2023-03-26 17:33:23
650
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人