让技术为我所用

探索编码的乐趣，欢迎来到我的博客！汇聚前沿技术和实用开发心得，为你打开编程世界的奇妙大门。

原创深入理解CSS：探索前端开发的进阶技巧

在这篇博客中，我们将深入探讨CSS的进阶技术和最佳实践，帮助前端开发者提升其技能水平。我们将讨论CSS预处理器、模块化CSS、CSS动画、响应式布局以及跨浏览器兼容性等方面的内容。通过这些进阶技巧的学习和应用，您将能够更加灵活地处理复杂的前端开发任务，同时提高代码的可维护性和可扩展性。无论您是想要进一步深入了解CSS，还是准备迎接更高级的前端挑战，本文都将为您提供宝贵的指导和建议。

2024-02-22 18:29:02 1737 1

Cookie是存储在用户浏览器中的一段不超过4KB的字符串。它由一个名称(Name)、一个值(Value)和其它几个用于控制Cookie有效期、安全性、使用范围的可选属性组成。不同域名下的Cookie 各自独立，每当客户端发起请求时，会自动把当前域名下所有未过期的Cookie一同发送到服务器。JWT(英文全称:JSON Web Token)是目前最流行的跨域认证解决方案。为了保证WT字符串的安全性当生成WT字符串的时候，需要使用secret 密钥对用户的信息进行加密，最终得到加密好的WT字符串。

2023-12-30 07:00:00 1156 1

原创网易换肤第一篇：换肤技术解密！

参考脑图：https://note.youdao.com/s/Q1e6r39j最终效果：Demo源码：www.baidu.com技术点分析换肤的核心思路主要是在setContentView()之前调用setFactory2()来收集控件属性，然后在Factory的onCreateView()中利用收集到的属性来创建view。不懂？没事，往下看。弄明白换肤技术的实现之前，得有上图这几个知识储备。首先得知道控件是在setContentView()方法中通过XmlPullParser解析我

2021-06-15 18:28:52 1313 21

原创什么？！！你从来没用SVG打造过不规则的自定义View？

目录SVG概念SVG特性SVG在安卓中能做什么标准SVG预览SVG语法介绍svg图下载地址巴铁！奔跑的小恐龙？（示例开始）自定义View展示SVGSVG概念SVG是一种图像文件格式，类似于PNG JPG。只不过PNG需要图像引擎加载，SVG则由画布来加载它的英文全称为ScalableVector Graphics,意思为可缩放的矢量图形。可以设计无损失、高分辨率的Web图形页面。用户可以直接用代码来描绘图像。SVG特性SVG可被非常多的工具读取和修改(比如记事本)SVG与JPEG和GI

2021-03-06 00:17:12 3280 16

原创 Coordinatorlayout嵌套滑动，自定义Behavior，听我来讲讲？

文章目录前言分析1、父容器子容器2、如何形成关联，谁是发起者3、NestedScrollingParent和NestedScrollingChild对应4、响应者示例前言嵌套滑动，顾名思义，嵌套嵌套就一定有父容器和子容器。如何能让子容器滑动能带动父容器（或父容器包含的其他子容器）滑动？什么样的子容器有这种能力？这种关联如何形成，以及被关联的容器如何响应，这种响应的逻辑在哪里定义？相信你在对本文的阅读之后会有一定的了解提示：以下是本篇文章正文内容分析1、父容器子容器了解安卓开发的同学对这个概

2021-03-03 09:04:51 3269 12

原创强烈推荐！！！Material Design交互设计之常见用法介绍

文章目录前言一、常用控件1、toolbar2、DrawerLayout3、NavigationView/ BottomNavigationView4、FloatingActionButton5、Snackbar6、CardView7、CoordinatorLayout8、AppBarLayout9、CollapsingToolbarLayout10、NestedScrollView二、常用动画1、Fade淡入2、Slider滑动3、Explode分解4、共享元素前言本文主要结合一个Demo的演示来对

2021-03-01 23:33:39 3391 9

原创 Android未读消息拖动气泡示例

文章目录前言最终效果图及思路关键代码1.定义，初始化等2.onDraw中绘制包括三样绘制3.onTouchEvent中4.反弹和爆炸动画总结前言拖动清除未读消息可以说在很多应用中都很常见，也被用户广泛接受。本文是一个可以供参考的Demo，希望能有帮助。提示：以下是本篇文章正文内容，下面案例可供参考最终效果图及思路实现关键：气泡中间的两条边，分别是以ab，cd为数据点，G为控制点的贝塞尔曲线。步骤：绘制圆背景以及文本；连接情况绘制贝塞尔曲线；另外端点绘制一个圆关键代码1.定义，初始化.

2021-02-18 18:28:59 1728 16

原创 Android应用启动白屏问题解决办法

这里写自定义目录标题Android应用启动白屏问题解决办法白屏问题的由来解决方案合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入Android应用启动白屏问题解决办法安卓应用启动白屏问题是启动优化过程中必须要解决的问题。本文将介绍白屏问

2021-01-11 23:03:07 12881 9

原创 MVVM实现数据双向绑定

这篇文章旨在通过一个Demo让我们对Android中的MVVM架构进行初步的认识。MVVM与DataBinding的关系很多同学会将这两者混为一谈，所以开始介绍之前，我们需要先理清楚这两者的关系。MVVM和MVC、MVP一样，是项目中的架构设计思想；DataBinding是一种工具，它可以用于MVVM，也同样可以用于MVC和MVP。所以这两者是两回事，一个是架构设计思想，一个是工具。MVV...

2020-04-12 17:12:00 7971

原创 SolidJS技能闪回指南

用创建的值在 SolidJS 中通常被称为信号 (Signal)，是实现响应式编程的基础。它的自动依赖追踪和细粒度更新特性使得开发更加高效。基本路由设置（Routes和Route动态路由参数（/user/:id嵌套路由。路由守卫和重定向。动态路由参数通过:paramName定义。使用useParams获取参数值。

2025-01-23 12:28:04 837

原创 Android TV端弹出的PopupWindow没有获取焦点

在 TV 开发中，焦点管理是通过实现的，默认不接受焦点，导致遥控器无法选择弹窗内的控件。这是因为默认不会将焦点传递到其内容视图上。要解决问题，可以通过以下步骤调整的焦点行为。

2024-12-31 18:46:41 590

原创 TOEIC 词汇专题：科技硬件篇

We need to convince the client of the product’s reliability.”（我们需要让客户相信产品的可靠性。“Our products are compatible with a wide range of devices.”（我们的产品与多种设备兼容。“This is a method of reducing costs in manufacturing.”（这是减少生产成本的方法。提供专业意见的人员，尤其在设备选择或技术上。

2024-11-09 09:48:11 1199 1

原创 TOEIC 词汇专题：商用不动产篇

The tenant is responsible for paying utilities.”（房客负责支付水电煤气费。“The office is closed for renovation this month.”（办公室本月因整修关闭。“The company will relocate to a larger office.”（公司将迁至更大的办公室。“The rent includes all utilities.”（租金包含所有水电煤气费。占用某处的人，尤其是建筑的使用者。

2024-11-08 09:11:58 753

原创 TOEIC 词汇专题：采购与仓储篇

The ship carries cargo from various international locations.”（这艘船运送来自多个国际地区的货物。“Please send the invoice by the end of the month.”（请在本月底前发送发票。“The supplier has confirmed the purchase order.”（供应商已确认采购订单。“The product is currently in stock.”（该商品目前有库存。

2024-11-08 09:10:58 766

原创 TOEIC 词汇专题：法律合约篇

在职场中，无论是签订合同、参与协商，还是处理法律事务，掌握法律相关的词汇至关重要。“The company submitted a bid for the construction project.”（公司提交了该建筑项目的投标。“Contrary to our expectations, the project was delayed.”（与我们的预期相反，项目被延误了。“We must comply with the terms of the contract.”（我们必须遵守合同条款。

2024-11-07 09:09:46 545

原创 TOEIC 词汇专题：市场销售篇

The company offers on-the-job training to help employees develop skills.”（公司提供在职培训来帮助员工提高技能。“The company equips its employees with the skills needed for success.”（公司为员工提供成功所需的技能。

2024-11-07 09:07:06 451

原创 TOEIC 词汇专题：工作沟通篇

She was hesitant to make a decision without more information.”（在没有更多信息的情况下，她犹豫不决。“Let’s not jump to conclusions before reviewing all the data.”（在查看所有数据前，我们不要轻易下结论。“The team revised the proposal to better meet client needs.”（团队修订了提案，以更好地满足客户需求。

2024-11-06 09:13:27 928

原创 TOEIC 词汇专题：工作表现篇

He was formally recognized for his dedication to the company.”（他的奉献精神得到了公司的正式认可。“Her dedication to her job has set an example for others.”（她对工作的奉献为他人树立了榜样。“The manager gave her a compliment for her innovative ideas.”（经理称赞了她的创新想法。

2024-11-06 09:12:48 769

原创 TOEIC 词汇专题：教育培训篇

The company offers on-the-job training to help employees develop skills.”（公司提供在职培训来帮助员工提高技能。“Employees are encouraged to utilize the resources provided by the company.”（公司鼓励员工利用提供的资源。教育和培训在职场中至关重要，以下这些词汇涵盖了与培训、学习和职业发展相关的常用英语表达，帮助你更好地理解教育培训场景中的专业用语。

2024-11-05 10:04:25 982

原创 TOEIC 词汇专题：人才招聘篇

You must be eligible to work in this country to apply for this job.”（申请这份工作必须具备在本国工作的资格。“We will inform all candidates of our decision by next week.”（我们会在下周通知所有候选人我们的决定。在人才招聘场景中，求职者和招聘方之间的交流通常涉及特定的英语词汇。以下是一些常用的招聘词汇，帮助你更自信地应对求职与招聘场合。专门为求职者和招聘企业提供的交流场所。

2024-11-05 09:59:46 871

原创 TOEIC 词汇专题：购物消费篇

The study focuses on consumer behavior trends in online shopping.”（该研究关注在线购物中的消费者行为趋势。“This outlet store has discounted prices on branded items.”（这家奥特莱斯的品牌商品有折扣价。“The product is available in retail stores nationwide.”（该产品在全国各地的零售店均有销售。”（可以帮我澄清一下退货政策吗？

2024-11-04 09:24:15 1195

原创 TOEIC 词汇专题：外出用餐篇

The reception will begin at 6 p.m. in the banquet hall.”（接待会将于晚上六点在宴会厅开始。“The diner complimented the chef on the delicious meal.”（用餐的客人称赞了厨师的美味佳肴。以下是外出用餐时常见的托业词汇，帮助你更加熟悉餐厅环境和用餐服务。“The leftover food went to waste after the party.”（聚会后的剩菜被浪费了。

2024-11-04 09:23:33 1684

原创 TOEIC 词汇专题：娱乐休闲篇

We joined a guided tour to learn more about the museum’s history.”（我们参加了一个导览团，更多地了解博物馆的历史。“The critic praised the director’s latest film as a masterpiece.”（评论家称赞导演的最新电影为代表作。“The audience applauded the actor’s outstanding performance.”（观众为演员的精彩表演鼓掌。

2024-11-03 10:32:57 785

原创 TOEIC 词汇专题：饭店住宿篇

Guests have access to all hotel facilities, including the spa and gym.”（客人可以使用酒店的所有设施，包括水疗中心和健身房。“The hotel offers comfortable accommodations for all guests.”（酒店为所有客人提供舒适的住宿。在酒店住宿中，有许多特定的词汇涉及服务、设施和客户体验。“I requested a wake-up call at 6 a.m.”（我要求早上六点的叫醒服务。

2024-11-03 10:32:21 576

原创 TOEIC 词汇专题：旅游计划篇

We are on a tight schedule and can’t afford any delays.”（我们的行程很紧凑，无法承受任何延误。“Planning ahead is key to having a stress-free vacation.”（提前计划是无忧旅行的关键。“A mechanical problem resulted in a one-hour delay.”（机械故障导致了一个小时的延误。以下是与“旅游计划”相关的托业词汇，帮助你更加自如地规划行程。

2024-11-02 11:23:33 1381

原创 TOEIC 词汇专题：交通运输篇

Please go to the check-in counter to get your boarding pass.”（请前往登记柜台领取您的登机牌。无论是国际旅行还是日常通勤，交通出行都涉及到许多特定的英语词汇，尤其是在商务场景下。“Please present your boarding pass at the gate.”（请在登机口出示您的登机牌。“The lavatory is located at the back of the plane.”（厕所位于飞机的尾部。

2024-11-02 11:22:42 672

原创前端八股文第八篇

即在不同域名的页面中向服务器发送请求，服务器获取到请求后，从对应的域名的 localStorage 中获取数据，并将数据返回给请求页面。在浏览器中，localStorage 是以域名为单位进行存储的，每个域名下的 localStorage 是独立的，无法跨域访问。：在发送请求前，可以对请求参数进行签名计算，将签名值与参数一起发送到后端，后端可以通过验证签名来确保参数的完整性和正确性。：后端也需要对接收到的参数进行严格的校验，确保参数的完整性和正确性，防止恶意参数的攻击。

2024-11-01 09:06:07 950

原创前端八股文第七篇

定义在组件内部：如果数据仅在当前组件中使用，并且不需要与其他组件共享，可以将数据定义在组件内部。这种情况下，数据通常作为组件的局部状态（使用useState或类组件的state属性）管理。定义在状态管理中：如果数据需要在多个组件之间共享，或者数据具有全局性质，可以将数据定义在状态管理中（如 Redux、MobX 等）。这样可以确保数据的一致性，并且使得不同组件之间能够共享和同步数据。一般来说，对于大型应用或需要跨组件共享数据的情况，使用状态管理更为合适。

2024-11-01 09:05:20 871

原创前端八股文第六篇

跨域是指在 Web 开发中，浏览器的同源策略限制了不同源（域名、协议、端口）之间的交互，导致不能直接通过 Ajax 请求获取其他域下的资源。在这个项目中，我负责前端部分的开发工作，包括用户界面的设计和实现、前端逻辑的编写、与后端接口的交互等。面对这些挑战，我通常会采取积极的态度，通过查阅资料、与团队成员交流、尝试不同的解决方案等方式来解决问题，并且不断学习和提升自己的技能。虽然我目前对微前端不是很了解，但我对前端架构和微服务有一定的了解，并且愿意在后续学习过程中深入了解微前端的原理和应用场景。

2024-10-31 09:07:22 1034

原创前端八股文第五篇

Promise 是一种异步编程的解决方案，用于解决回调地狱和复杂的异步操作。Promise 代表了一个异步操作的最终完成或失败，可以获取异步操作的结果或错误信息。Promise 有三种状态：pending（进行中）、fulfilled（已成功）和rejected（已失败）。一旦状态发生改变，就会触发对应的回调函数。Promise 实例具有 then、catch 和 finally 方法，用于指定异步操作的状态改变时的回调函数，实现链式调用。

2024-10-31 09:06:33 930

原创前端八股文第四篇

原型链是 JavaScript 实现继承的主要方式之一。当访问一个对象的属性或方法时，如果对象本身没有该属性或方法，JavaScript 引擎会沿着原型链往上查找，直到找到对应的属性或方法或者查找到原型链的顶端为止。Vuex 是 Vue.js 的状态管理模式和库，用于集中式管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。当访问对象的属性或方法时，如果对象本身没有该属性或方法，JavaScript 引擎会沿着原型链往上查找，直到找到对应的属性或方法或者查找到原型链的顶端为止。

2024-10-30 10:34:19 740

原创前端八股文第三篇

是的，我使用过 Vue 的自定义指令。Vue 提供了自定义指令的功能，通过directive选项或全局方法可以创建自定义指令。自定义指令允许我们在 DOM 渲染时修改其行为，例如控制元素的可见性、监听滚动事件、自定义输入框的格式化等。我曾经在项目中使用自定义指令来实现一些特定的交互效果，比如点击外部区域关闭弹窗的功能，或者实现懒加载图片等。

2024-10-30 10:33:23 963

原创前端八股文第二篇

如果用户已经登录，系统 B.C 等会通过令牌认证机制向身份提供者验证令牌的有效性，从而确定用户的身份和授权信息，而无需用户再次登录。综上所述，HTTPS 相比 HTTP 更安全的原因主要在于数据加密传输、身份验证、完整性保护、信任机构认证等方面，这些安全机制有效地保护了用户和网站之间的通信安全，提高了网络数据传输的安全性和可靠性。总的来说，Vuex 提供了一种集中式的状态管理机制，用于解决 Vue.js 应用中的组件通信和状态共享问题，是构建大型单页应用的理想选择。如果没有，则继续等待新的任务。

2024-10-29 15:26:42 843

原创前端八股文第一篇

自我介绍：我的优势以及和这个岗位的匹配度。为什么想进我们公司：HR想听有没有对这个岗位进行充分了解。以前做的项目：你的思路，你的贡献，你的总结是什么。介绍最失败的事情：有没有总结和反思。要求介绍兴趣爱好：兴趣，爱好怎么塑造了今天的你。你还有什么要问的：1.工作的岗位组织架构。2.未来的汇报对象以及他的职务。原型和原型链是JavaScript中的重要概念，用于实现对象之间的继承和属性共享。下面是对这两个概念的简要解释：原型（Prototype）：原型链（Prototype Chain）：示例：在这个示例中，

2024-10-29 15:25:45 721