Sophie_U
码龄8年
关注
提问 私信
  • 博客:557,991
    社区:472
    558,463
    总访问量
  • 183
    原创
  • 406,792
    排名
  • 1,919
    粉丝
  • 49
    铁粉

个人简介:勿忘初心,方得始终

IP属地以运营商信息为准,境内显示到省(区、市),境外显示到国家(地区)
IP 属地:四川省
  • 加入CSDN时间: 2016-06-21
博客简介:

Sophie_U的博客

查看详细资料
个人成就
  • 获得367次点赞
  • 内容获得145次评论
  • 获得1,277次收藏
  • 代码片获得1,830次分享
创作历程
  • 17篇
    2023年
  • 11篇
    2022年
  • 39篇
    2021年
  • 14篇
    2020年
  • 13篇
    2019年
  • 37篇
    2018年
  • 47篇
    2017年
  • 14篇
    2016年
成就勋章
TA的专栏
  • Web前端自学教程
    11篇
  • 小程序开发
    10篇
  • Vue
    18篇
  • 生产力工具
    7篇
  • 经验总结
    8篇
  • 解决方案
    10篇
  • 规范文档
    5篇
  • 考证之路
    24篇
  • React
    10篇
  • Node
    14篇
  • 运维知识
    10篇
  • 产品经理PM
    2篇
  • 斜杠技能
    6篇
  • 个人日志
  • 报错与处理
  • 小技巧
  • 初级前端知识
    36篇
  • 进阶前端知识
    6篇
兴趣领域 设置
  • 前端
    javascriptcssvue.jsreact.jses6webpackxhtml前端框架
  • 后端
    node.js
  • 移动开发
    flutter
  • 网络与通信
    https
  • 微软技术
    typescript
  • 学习和成长
    面试
创作活动更多

HarmonyOS开发者社区有奖征文来啦!

用文字记录下您与HarmonyOS的故事。参与活动,还有机会赢奖,快来加入我们吧!

0人参与 去创作
  • 最近
  • 文章
  • 代码仓
  • 资源
  • 问答
  • 帖子
  • 视频
  • 课程
  • 关注/订阅/互动
  • 收藏
搜TA的内容
搜索 取消

第七章:敏捷开发工具方法-part2-CI/CD工具介绍

什么是CI/Cd?持续集成是指多名开发者在开发不同功能代码的过程当中,可以频繁的将代吗行合并到一起并切相互不影响工作。持续部署是基于某种工具或平台实现代码自动化的构建、测试和部署到线上环境以实现交付高质量的产品,持续部署在某种程度上代表了一个开发团队的更新迭代速率。持续交付是在持续部署的基础之上,将产品交付到线上环境,因此持续交付是产品价值的一种交付,是产品价值的一种盈利的实现。持续交付并不是指软件每一个改动都要尽快的部署到产品环境中。它指的是任何的修改都已证明可以在任何时候实施部署。持续。
原创
发布博客 2023.09.05 ·
1297 阅读 ·
1 点赞 ·
0 评论 ·
1 收藏

第七章:敏捷开发工具方法-part1-敏捷开发基础

Scrum团队总结出来有:三个角色,四个仪式,三个物件1、三个角色- 产品负责人- 团队2、四个仪式- Sprint计划会议- 每日站会- Sprint评审会议- Sprint 回顾会议3、三个物件- 产品Backlog- 燃尽图。
原创
发布博客 2023.09.04 ·
1108 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

第六章:数据结构与算法-part3:数据结构算法提升

排序算法的稳定性: 如果在对象序列中有两个对象r[i]和r[j],它们的关键字 k[i] == k[j],且在排序之前,对象r[i]排在r[j]前面。, v[i-l] 是已经排好序的对象。排序是数据处理过程中经常使用的一种重要的运算,排序的方法有很多种,本节主要讨论内排序的各种算法,并对每个排序算法的时间和空间复杂性以及算法的稳定性等进行讨论。交换排序是通过交换进行排序的方法,基本思想是两两比较待排序对象的关键字,如果发生逆序(即排列顺序与排序后的次序正好相反),则交换之,直到所有对象都排好序为止。
原创
发布博客 2023.08.28 ·
798 阅读 ·
1 点赞 ·
1 评论 ·
0 收藏

第六章:数据结构与算法-part2:数据的存储结构

顺序存储二叉树的具体方法是:在一棵具有n个结点的完全二叉树中,从根结点开始编号为1,自上到下,每层自左至右地给所有结点编号,这样可以得到一个反映整个二叉树结构的线性序列;用顺序存储结构表示的栈。二叉链表:是指链表中的每个结点包含两个指针域和一个数据域,分别用来存储指向二叉树中结点的左右孩子的指针及结点信息。三叉链表是指链表中的每个结点包含三个指针域和一个数据域,相比二叉链表多出的一个指针域则用来指向该结点的双亲结点。链式存储是使用链表来存储二叉树中的数据元素链表中的一个结点相应地存储二叉树中的一个结点。
原创
发布博客 2023.08.28 ·
561 阅读 ·
0 点赞 ·
0 评论 ·
3 收藏

第六章:数据结构与算法-par1:典型数据结构

数据结构是介于数学、计算机硬件和计算机软件三者之间的一门核心课程,数据结构不仅是一般程序设计(特别是非数值计算的程序设计)的基础,而且是设计和实现编译程序、操作系统数据库系统及其它系统程序和大型应用程序的重要基础。
原创
发布博客 2023.08.28 ·
1057 阅读 ·
1 点赞 ·
1 评论 ·
0 收藏

第四章:前端框架Vue基础入门

官方文档:https://cn.vuejs.org/guide/introduction.html.文档可选择使用optionsAPI(选项式API)阅读,或者CompositionApi(组合式API)阅读。选项式API更适合平滑从vue2过渡,以下示例均以Compositions API方式编写。如何使用compositions API?: 在.vue文件的script标签上,添加setup属性则被识别为使用compositionsAPI。不添加则默认为optionsAPI方式。
原创
发布博客 2023.08.15 ·
1564 阅读 ·
0 点赞 ·
0 评论 ·
1 收藏

第三章:前端UI框架介绍

1、 简介Bootstrap,来白 Twitter,是目前最受欢迎的前端框架之一。Bootstrap 是基丁 HTML、CSS、JavaScript的,它在jQucry的基础上进行了更为个性化和人性化的完善,形成一套自己独有的网站风格,并兼容大部分jQuery插件。Bootstrap 简洁灵活,使得 Web 开发更加快捷。其最大的优势是响应式布局,使得开发者可以方便的让网页无论在台式机、平板设备、手机上都获得最佳的体验2、Bootstrap包括内容。
原创
发布博客 2023.08.12 ·
1205 阅读 ·
0 点赞 ·
0 评论 ·
1 收藏

第二章:CSS基础进阶-part3:弹性例子布局

这是一个简写flex-direction和flex-wrap属性。共同定义了flex容器的主轴和交叉轴。默认是row nowrap。使用弹性盒布局能让容器的宽度跟随浏览器窗口的变化而变换。
原创
发布博客 2023.08.11 ·
889 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

第二章:CSS基础进阶-part2:CSS过渡与动画

perspective属性用来定义3D元素距视图的距离,以像素计,通常和perspective-origin属性一起使用,perspective-origin属性可以改变3D元素的底部位置。perspective-origin属性允许改变3D元素查看3D元素的视图;当为元素定义perspective属性时,其子元素会获得透视效果,而不是元素本身;perspective 属性只影响 3D 转换元素。perspective属性语法格式:- number:元素距离视图的距离,以像素计;
原创
发布博客 2023.08.11 ·
798 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

第二章:CSS基础进阶-part1:CSS高级选择器

* 结构选择器 p元素匹配的父元素内为奇数子元素背景改青色 *//* p元素匹配的父元素内为奇数的P标签字体改红色 *//* a标签title属性有连接符且以on开头 */nth-child和nth-of-type的区别。/* a标签以http开头 *//* a标签以.md结尾 *//* 相邻兄弟选择器 *//* 子元素选择器 *//* 后代选择器 *//* 群组选择器 *//* 属性选择器 */以下,E代表子元素,
原创
发布博客 2023.08.10 ·
846 阅读 ·
0 点赞 ·
0 评论 ·
1 收藏

第一章-JavaScript基础进阶part5:移动端网页特效

TouchEvent 是一类描述手指在摸平面(摸屏、触摸板等)的态变化的事件。这类事件用于描述一个或多个触点,使开发者可以检测触点的移动,触点的增加和减少,等等。移动端click 事件会有300ms的延时,原因是移动端屏幕双击会缩放(doubletap to zoom)页面。github地址:https://github.com/ftlabs/fastclick。// targetTouches: 正在触发当前DOM元素的手指列表。官网地址:https://www.swiper.com.cn/
原创
发布博客 2023.08.08 ·
320 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

第一章-JavaScript基础进阶part4:PC端常见特效实现原理

/ 2、因为offset包含padding,border,width值,所以此处返回为200+10+10+2+2 = 224。// 当父元素.father有position:relative属性时,返回40,0;// 1.获取相对偏移量。// elObj -> 要实现动画的元素对象, target:停止动画的距离。// 3.获取具有定位的父元素(当父元素没有定位时默认为body)// 如果元素对象有定时器,需要先清理,防止重复创建定时器。// 如果元素对象有定时器,需要先清理,防止重复创建定时器。
原创
发布博客 2023.08.08 ·
579 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

第一章-JavaScript基础进阶part3:BOM

JavaScript基础进阶之BOM
原创
发布博客 2023.08.05 ·
598 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

第一章-JavaScript基础进阶part2:事件

/ 2、事件冒泡:addEventListener第3个参数传false或不传,事件触发顺序从child->parent-document。// 1、事件捕获:addEventListener第3个参数传true, 事件触发顺序从document->parent->child。// 利用事件冒泡原理,拿到的target为触发事件的元素对象li。// alert("这是parent");// alert("这是parent");// this返回的是绑定事件的元素对象。
原创
发布博客 2023.08.04 ·
574 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

第一章-JavaScript基础进阶part1:DOM

Javascrip基础进阶-DOM
原创
发布博客 2023.08.03 ·
572 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

Web前端自学教程笔记导读

Web前端系列入门教程导读
原创
发布博客 2023.08.01 ·
397 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

项目总结:微信小程序端实现蓝牙通信功能

小程序实现蓝牙跳绳通信,处理安卓与ios端不一致问题,实时监听数据变化
原创
发布博客 2023.06.12 ·
9724 阅读 ·
14 点赞 ·
1 评论 ·
69 收藏

基于VitePress搭建静态文档系统

vitePress:与vue press相似,是一个静态网站生成器,相较于vuepress而言,vitepress是基于vue3的,采用vite构建,拥有更轻量更优秀的性能。VitePress的目标是拥有编写文档所需的最低限度功能。其他功能放在主题中实现。另外一方面,VuePress有更多的现成功能,包括由它的插件的生态系统启用的功能。vuepress则是基于vue2.x通过webpack来构建的。VitePress官方文档VuePress官方文档vitePress基于Vite,VuePress基于。
原创
发布博客 2022.12.22 ·
1798 阅读 ·
1 点赞 ·
1 评论 ·
3 收藏

vite项目中使用vite-plugin-mock来Mock后台接口

来模拟后端接口,用于应对后端先定义好接口文档,但接口未完成的时期。在配置好mock后,通过axios请求相应接口地址,可以返回预先设置的内容。
原创
发布博客 2022.12.13 ·
1685 阅读 ·
1 点赞 ·
0 评论 ·
6 收藏

Vue3+Vite项目按需自动导入配置及常见问题修复

element-plus,antd-design-vue按需引入。vue api自动导入,组件自动导入。处理相关eslint, typescript报错等。
原创
发布博客 2022.12.12 ·
9239 阅读 ·
12 点赞 ·
0 评论 ·
39 收藏
加载更多