<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[quieta的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/quieta</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; quieta]]></copyright><item><title><![CDATA[还在纠结国庆去哪玩？程序员用“数字转盘”小程序，轻松解决选择困难症！]]></title><link>https://blog.youkuaiyun.com/quieta/article/details/142662285</link><guid>https://blog.youkuaiyun.com/quieta/article/details/142662285</guid><author>quieta</author><pubDate>Mon, 30 Sep 2024 18:41:25 +0800</pubDate><description><![CDATA[国庆长假即将到来，去哪玩成了很多人的难题，尤其是对忙碌的程序员来说，工作日还要应对需求和BUG，假期计划往往排在最后，导致最后几天还在纠结去哪玩。今天给大家推荐一款——【数字转盘】，它能帮你快速解决选择困难症，几秒钟决定国庆假期目的地！]]></description><category></category></item><item><title><![CDATA[国庆头像快速生成神器！程序员必备，轻松添加国旗边框]]></title><link>https://blog.youkuaiyun.com/quieta/article/details/142661632</link><guid>https://blog.youkuaiyun.com/quieta/article/details/142661632</guid><author>quieta</author><pubDate>Mon, 30 Sep 2024 17:46:32 +0800</pubDate><description><![CDATA[国庆节临近，朋友圈、社交平台都在换节日头像。如果你想快速生成国庆专属头像，尤其是作为一名程序员，没时间手动设计，推荐你试试这款高效的小程序，几秒钟内为你的头像添加，非常便捷！🎉🎉这款小程序专为时间紧迫的开发者设计，简洁、功能强大，几步操作即可完成节日头像的制作。不需要设计技巧，只要上传头像，选择边框，系统自动处理，轻松生成高质量的国庆头像，适配各种社交平台。]]></description><category></category></item><item><title><![CDATA[国庆专属头像制作教程：微信小程序3步轻松搞定！]]></title><link>https://blog.youkuaiyun.com/quieta/article/details/142579183</link><guid>https://blog.youkuaiyun.com/quieta/article/details/142579183</guid><author>quieta</author><pubDate>Thu, 26 Sep 2024 22:18:06 +0800</pubDate><description><![CDATA[🎉 国庆节快到了，作为程序员的你，是否也想换个国庆专属头像来表达节日氛围呢？今天给大家推荐一个非常方便的工具——微信小程序「头像制作神器」。通过简单的3个步骤，就能轻松制作出专属的国庆头像，一键生成，高清无损，省去繁琐的P图操作。]]></description><category></category></item><item><title><![CDATA[一个简洁实用的决策辅助工具——微信小程序“数字转盘”]]></title><link>https://blog.youkuaiyun.com/quieta/article/details/142549912</link><guid>https://blog.youkuaiyun.com/quieta/article/details/142549912</guid><author>quieta</author><pubDate>Thu, 26 Sep 2024 10:39:11 +0800</pubDate><description><![CDATA[通过《数字转盘》自定义选项功能，只需列出所有候选技术，转盘一转，立即得出一个选择，简化决策流程。长时间的选择过程不仅浪费精力，还会影响工作效率，特别是在项目推进中，如何快速高效地做出决定成为了团队能否按时交付的重要因素。你可以通过它来分配日常任务或团队值班安排，确保每位成员的任务都是随机分配的，减少了人为干预的可能性。为了确保每次决策都能追溯，《数字转盘》内置了记录功能，所有的随机结果都会自动保存下来，便于随时查看。，可以帮助你快速生成随机测试数据，简化了测试环节，减少手动操作，提高了开发效率。]]></description><category></category></item><item><title><![CDATA[前端最新面试题附解答（一）【10道】]]></title><link>https://blog.youkuaiyun.com/quieta/article/details/136638905</link><guid>https://blog.youkuaiyun.com/quieta/article/details/136638905</guid><author>quieta</author><pubDate>Mon, 11 Mar 2024 23:55:29 +0800</pubDate><description><![CDATA[当主线程中的同步任务执行完毕后，事件循环会查看任务队列中是否有待处理的异步任务，如果有，则将其取出并放入主线程执行。例如，避免设置多项内联样式，避免使用CSS的JavaScript表达式等，都是减少回流和重绘的有效手段。CSS中的某些属性是可以继承的，这意味着如果父元素设置了这些属性，那么子元素会默认使用这些属性值，除非子元素自己明确设置了这些属性。的技术，它通过在客户端（即用户的浏览器）存储之前请求过的资源，使得在下次需要这些资源时，可以直接从本地获取，而无需再次从服务器请求。]]></description><category></category></item><item><title><![CDATA[记录react native 环境配置 brew install watchman 警告问题]]></title><link>https://blog.youkuaiyun.com/quieta/article/details/134644925</link><guid>https://blog.youkuaiyun.com/quieta/article/details/134644925</guid><author>quieta</author><pubDate>Mon, 27 Nov 2023 14:43:32 +0800</pubDate><description><![CDATA[重新安装watchman。]]></description><category></category></item><item><title><![CDATA[JavaScript 更加简洁的技巧,使你的代码优雅无瑕]]></title><link>https://blog.youkuaiyun.com/quieta/article/details/117112881</link><guid>https://blog.youkuaiyun.com/quieta/article/details/117112881</guid><author>quieta</author><pubDate>Fri, 21 May 2021 11:06:17 +0800</pubDate><description><![CDATA[JavaScript 从诞生以来就在不断进化。毫无疑问，JS 是最受欢迎的语言之一，这一地位还会长期保持下去。对于前端开发人员来说那些简洁的技巧,使你的代码优雅无瑕。本篇文章就推荐一些常用简洁方案。

阅读掌握时间:5分钟
1.当遇到多个条件时如何处理？
const conditions = [“Condition 2”,“Condition String2”];
someFunction(str){
if(str.includes(“someValue1”) || str.includes(“someVa]]></description><category></category></item><item><title><![CDATA[Vue项目如何提高效率？来看大厂实践总结]]></title><link>https://blog.youkuaiyun.com/quieta/article/details/117068430</link><guid>https://blog.youkuaiyun.com/quieta/article/details/117068430</guid><author>quieta</author><pubDate>Thu, 20 May 2021 12:43:38 +0800</pubDate><description><![CDATA[Vue项目如何提高效率？来看大厂实践总结
对于从事前端工作的小伙伴，掌握Vue，React这样的框架可以说是前端基本功了。人人都会用，那我们怎样才能写得比别人优雅？比别人漂亮？
鉴于一线互联网大厂在前沿技术领域的持续研究和大规模投入，直接向他们取经，是最便捷也是最高效的学习方式。
接下来将介绍大厂Vue项目两大最佳实践：

   1、通常在组件使用前，需要引入后再注册，但如果高频组件多了，每次都这样做，不仅新增很多代码，效率还低！我们应该如何优化呢？

其实，我们可以借助一下webpack的require.]]></description><category></category></item><item><title><![CDATA[云开发天气小程序]]></title><link>https://blog.youkuaiyun.com/quieta/article/details/116930569</link><guid>https://blog.youkuaiyun.com/quieta/article/details/116930569</guid><author>quieta</author><pubDate>Mon, 17 May 2021 14:00:23 +0800</pubDate><description><![CDATA[云开发天气小程序
欢迎各位检阅，有问题请提出，提供24小时、未来7天、实时天气、灾害预警、生活指数、更有排行榜等你来战


]]></description><category></category></item><item><title><![CDATA[JavaScript-类型判断常用方法]]></title><link>https://blog.youkuaiyun.com/quieta/article/details/106795729</link><guid>https://blog.youkuaiyun.com/quieta/article/details/106795729</guid><author>quieta</author><pubDate>Tue, 16 Jun 2020 22:26:58 +0800</pubDate><description><![CDATA[typeof
typeof xxx得到的值有以下几种类型：undefined boolean number string object  function、symbol ，比较简单，不再一一演示了。这里需要注意的有三点：

typeof null结果是object ，实际这是typeof的一个bug，null是原始值，非引用类型
typeof [1, 2]结果是object，结果中没有array这一项，引用类型除了function其他的全部都是object
typeof Symbol() 用typeof获取]]></description><category></category></item><item><title><![CDATA[git的配置和常用命令]]></title><link>https://blog.youkuaiyun.com/quieta/article/details/106576628</link><guid>https://blog.youkuaiyun.com/quieta/article/details/106576628</guid><author>quieta</author><pubDate>Fri, 05 Jun 2020 19:14:36 +0800</pubDate><description><![CDATA[Git 是用来做合作开发以及版本管理的工具他的同类产品还有svn等
提前我们需要准备：
1.GitHub帐号  (http://www.github.com/)
注册github账号
激活邮箱
2.本地安装git
去git官网下载git
安装
达成目标
创建本地远端同步仓库 实现 提交 拉取 操作的练习
步骤：（在本地 新建一个空文件夹 克隆远端仓库）
1新建文件夹
1.打开本地git (右击鼠标点击Git Bash Here)
2.cd 到这个文件夹
3.之后准备克隆远端仓库 (等待后续操作完成再回过头来]]></description><category></category></item><item><title><![CDATA[dva.js框架更改网站图标favicon]]></title><link>https://blog.youkuaiyun.com/quieta/article/details/106275773</link><guid>https://blog.youkuaiyun.com/quieta/article/details/106275773</guid><author>quieta</author><pubDate>Fri, 22 May 2020 11:11:10 +0800</pubDate><description><![CDATA[dva.js框架更改网站图标favicon
问题
dva-cli搭建的项目默认有网站图标，按照传统方式更改是无效的
传统方式
&lt;link res="shortcut icon" href="favicon.ico" type="image/x-icon" /&gt;

解决方法
直接引用外部连接
&lt;link rel="icon" href="外链路径" type="image/x-icon"&gt;

希望对您有所帮助(加油，陌生人!)来来往往不陌生

...]]></description><category></category></item><item><title><![CDATA[端口被占用怎么办?关闭8080,3000,8000端口被占用]]></title><link>https://blog.youkuaiyun.com/quieta/article/details/106254820</link><guid>https://blog.youkuaiyun.com/quieta/article/details/106254820</guid><author>quieta</author><pubDate>Thu, 21 May 2020 13:12:15 +0800</pubDate><description><![CDATA[端口被占用怎么办?关闭8080,3000,8000端口被占用
前言

如今IT程序员是最热门的职员了，当然这一门的操作，也会遇到一些问题，在操作程序的过程中，会遇到关闭端口被占用费神，可是怎样知道被什么服务占用你当前要使用的端口呢？该怎么去解决呢？下面小编就将解决8000端口的经验跟大家分享。

今天在使用dva.js开发的过程中遇到
Would you like to run the app on another port instead? (y/n)

解决方法

第一步，查看windows所有端口进程]]></description><category></category></item><item><title><![CDATA[Vue的路由实现原理解析（最清晰）]]></title><link>https://blog.youkuaiyun.com/quieta/article/details/106181928</link><guid>https://blog.youkuaiyun.com/quieta/article/details/106181928</guid><author>quieta</author><pubDate>Sun, 17 May 2020 22:00:42 +0800</pubDate><description><![CDATA[Vue的路由实现原理解析（最清晰）
一般源码中，都会用到 window.history 和 location.hash
history 实现
window.history 对象包含浏览器的历史，window.history 对象在编写时可不使用 window 这个前缀。history是实现SPA前端路由是一种主流方法，它有几个原始方法：

history.back()
与在浏览器点击后退按钮相同
history.forward()
与在浏览器中点击按钮向前相同
history.go(n)
接受一个整数作为参]]></description><category></category></item><item><title><![CDATA[Vuex的实现原理解析(最清晰)]]></title><link>https://blog.youkuaiyun.com/quieta/article/details/106181867</link><guid>https://blog.youkuaiyun.com/quieta/article/details/106181867</guid><author>quieta</author><pubDate>Sun, 17 May 2020 21:58:11 +0800</pubDate><description><![CDATA[Vuex的实现原理解析(最清晰)
Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式,可以帮助我们管理共享状态。

如何在Vue中使用Vuex?
如下先来回顾一下使用Vuex的正确姿势：

引入Vuex插件；

// store.js
Vue.use(Vuex);


将Vuex.Store这个类实例化，并传入一些配置，这里以计数器作为一个例子；

// store.js
const store = new Vuex.Store({
    state:{
        count:0
   ]]></description><category></category></item><item><title><![CDATA[Vue.js全套面试题(进阶提升最佳选择)]]></title><link>https://blog.youkuaiyun.com/quieta/article/details/106179567</link><guid>https://blog.youkuaiyun.com/quieta/article/details/106179567</guid><author>quieta</author><pubDate>Sun, 17 May 2020 21:50:37 +0800</pubDate><description><![CDATA[在vue文件组件中，style标签的scoped有什么作用？

vue中有一种给组件提供样式作用域的方式，让组件和组件之间不会发生冲突，原理就是通过给元素添加data-v-hashid属性的形式，让样式通过属性表达式处理，达到样式隔离的目的，但是有时候也会出现问题，如果我们在一个组件中控制另一个组件的样式就不会成功，可以通过/deep/的形式突破样式作用域的隔离.

介绍一下vuex
Vuex是一个专为Vue.js应用程序开发的状态管理模式，就是一个全局的状态管理工具，和全局变量没什么区别，唯一区别就是vu]]></description><category></category></item><item><title><![CDATA[Vue项目架构(规范)]]></title><link>https://blog.youkuaiyun.com/quieta/article/details/106166063</link><guid>https://blog.youkuaiyun.com/quieta/article/details/106166063</guid><author>quieta</author><pubDate>Sat, 16 May 2020 22:06:26 +0800</pubDate><description><![CDATA[Vue项目架构(规范)
项目架构的优点，以及意义

效率提升。让开发者关注业务开发
学习成本降低。框架封装了很多底层复杂性
更强的约束。所有动作必须按照框架规定的执行, 避免干坏事、蠢事。更强的约束也意味着框架集成度更高、框架内部可以做更多事情，但灵活性也更低。
产品质量。框架内部会自动处理很多事情，例如性能优化、安全性处理
可维护性。所有项目都按照一致的、标准化的规范开发，升级迭代方便。这一点对团队项目的可维护性很重要。
健壮性：可以让项目代码以更少的代码维护更多的功能模块

架构设计

应用层

路由（]]></description><category></category></item><item><title><![CDATA[前后端沟通需要掌握的知识(核心知识)]]></title><link>https://blog.youkuaiyun.com/quieta/article/details/106165940</link><guid>https://blog.youkuaiyun.com/quieta/article/details/106165940</guid><author>quieta</author><pubDate>Sat, 16 May 2020 21:58:41 +0800</pubDate><description><![CDATA[前后端沟通需要掌握的知识(核心知识)
什么是restful？
restful是当下最流行的接口设计规范，前端和后端都必须知道的一种规范
该规范定义了接口开发中，各个流程之中
协议
客户端在通过 API 与后端服务通信的过程中，应该 使用 HTTPS 协议
域名
API 应该部署在专用域名之下，应尽可能保持足够简单。如果确定 API 很简单，不会有进一步扩展，可以考虑放在主域名下，这里有两个常见的 URL 根例子：

api.example.com/*   单独一个子域名用来访问接口
example.com/]]></description><category></category></item><item><title><![CDATA[localStorage和sessionStorage的特性]]></title><link>https://blog.youkuaiyun.com/quieta/article/details/106165868</link><guid>https://blog.youkuaiyun.com/quieta/article/details/106165868</guid><author>quieta</author><pubDate>Sat, 16 May 2020 21:51:18 +0800</pubDate><description><![CDATA[localStorage
localStorage 是 HTML5 标准中新加入的技术，它并不是什么划时代的新东西。早在 IE 6 时代，就有一个叫 userData 的东西用于本地存储，而当时考虑到浏览器兼容性，更通用的方案是使用 Flash。而如今，localStorage 被大多数浏览器所支持，如果你的网站需要支持 IE6+，那以 userData 作为你的 polyfill 的方案是种不错的选择。
sessionStorage
sessionStorage 与 localStorage 的接口类似，]]></description><category></category></item><item><title><![CDATA[vue中组件的生命周期，每个生命周期做了什么，应该在这个生命周期做什么]]></title><link>https://blog.youkuaiyun.com/quieta/article/details/106165602</link><guid>https://blog.youkuaiyun.com/quieta/article/details/106165602</guid><author>quieta</author><pubDate>Sat, 16 May 2020 21:36:59 +0800</pubDate><description><![CDATA[vue中组件的生命周期，每个生命周期做了什么，应该在这个生命周期做什么
要掌握每个生命周期什么时候被调用

1.beforeCreate 在实例初始化之后，数据观测(data observer) 之前被调用。
2.created 实例已经创建完成之后被调用。在这一步，实例已完成以下的配置：数据观测(data observer)，属性和方法的运算，watch/event 事件回调。这里没有$el
3.beforeMount 在挂载开始之前被调用：相关的 render 函数首次被调用。
4.mounted el]]></description><category></category></item></channel></rss>