<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[first_hands的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/first_hands</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; first_hands]]></copyright><item><title><![CDATA[微信小程序地图应用总结版]]></title><link>https://blog.youkuaiyun.com/first_hands/article/details/132637254</link><guid>https://blog.youkuaiyun.com/first_hands/article/details/132637254</guid><author>first_hands</author><pubDate>Sat, 02 Sep 2023 14:04:24 +0800</pubDate><description><![CDATA[uniapp地图定位各种情况方法]]></description><category></category></item><item><title><![CDATA[webSocket前后端交互pc端版]]></title><link>https://blog.youkuaiyun.com/first_hands/article/details/132565637</link><guid>https://blog.youkuaiyun.com/first_hands/article/details/132565637</guid><author>first_hands</author><pubDate>Tue, 29 Aug 2023 17:02:42 +0800</pubDate><description><![CDATA[简单实现前后端在线通信]]></description><category></category></item><item><title><![CDATA[css实现字体描边]]></title><link>https://blog.youkuaiyun.com/first_hands/article/details/132466594</link><guid>https://blog.youkuaiyun.com/first_hands/article/details/132466594</guid><author>first_hands</author><pubDate>Thu, 24 Aug 2023 09:21:18 +0800</pubDate><description><![CDATA[webkit-text-stroke: 拥有两个参数，第一个参数是描边大小，第二个参数为描边颜色。另一种方式使用text-shadow属性。]]></description><category></category></item><item><title><![CDATA[js统计字符出现次数，升级版]]></title><link>https://blog.youkuaiyun.com/first_hands/article/details/132454634</link><guid>https://blog.youkuaiyun.com/first_hands/article/details/132454634</guid><author>first_hands</author><pubDate>Wed, 23 Aug 2023 16:03:46 +0800</pubDate><description><![CDATA[统计字符出现次数高阶用法]]></description><category></category></item><item><title><![CDATA[常见js中判断== true/false总结]]></title><link>https://blog.youkuaiyun.com/first_hands/article/details/132416366</link><guid>https://blog.youkuaiyun.com/first_hands/article/details/132416366</guid><author>first_hands</author><pubDate>Mon, 21 Aug 2023 20:41:20 +0800</pubDate><description><![CDATA[false == 0 输出true；因为在做判断的时候，两者中有boolean（布尔类型），会把boolean先转化为number（数字类型），false为0，true是1。也就是等价于判断 0 == 0 ，结果为true。’ ’ == false 输出为true；js中空字符串与0相等，也就意味着空字符串等等于false。‘0’ == false 正确输出为true；这里有一个js规则：string（字符串类型）和number作比较的时候，string会先转化成number。]]></description><category></category></item><item><title><![CDATA[动态路由使用JSON方法深拷贝路由，component丢失问题]]></title><link>https://blog.youkuaiyun.com/first_hands/article/details/132111607</link><guid>https://blog.youkuaiyun.com/first_hands/article/details/132111607</guid><author>first_hands</author><pubDate>Fri, 04 Aug 2023 20:13:15 +0800</pubDate><description><![CDATA[一句话，JSON方法不能拷贝函数，component: () => import('@/layout/index.vue')是函数，想拷贝函数推荐使用lodash.]]></description><category></category></item><item><title><![CDATA[基于eCharts的炫酷3D地球]]></title><link>https://blog.youkuaiyun.com/first_hands/article/details/132111363</link><guid>https://blog.youkuaiyun.com/first_hands/article/details/132111363</guid><author>first_hands</author><pubDate>Fri, 04 Aug 2023 20:04:00 +0800</pubDate><description><![CDATA[如果你发生了一些未知的报错，原因是你没使用TS,如果需要纯vue3版本或者vue2版本的请留言。]]></description><category></category></item><item><title><![CDATA[vue数据大屏自动适配，scale]]></title><link>https://blog.youkuaiyun.com/first_hands/article/details/132065535</link><guid>https://blog.youkuaiyun.com/first_hands/article/details/132065535</guid><author>first_hands</author><pubDate>Wed, 02 Aug 2023 16:28:18 +0800</pubDate><description><![CDATA[getScale(w = 1920, h = 1080)的宽高为你要设计的数据大屏宽高，这时你就会发现页面就是响应式的了，一次性解决所有问题，减少vh,vw适配的计算烦劳。废话不多说，直接上代码！]]></description><category></category></item><item><title><![CDATA[vue3+ts出现 --找不到模块“@/views/XXX.vue”或其相应的类型声明。]]></title><link>https://blog.youkuaiyun.com/first_hands/article/details/131811898</link><guid>https://blog.youkuaiyun.com/first_hands/article/details/131811898</guid><author>first_hands</author><pubDate>Wed, 26 Jul 2023 08:57:09 +0800</pubDate><description><![CDATA[出现这个问题的原因大概就是：ts只支持导出导入模块，但是vue不是模块，我们需要申明一下vue是个模块，你ts可以导入，今天在尝试用vite+vue3+ts+pinia创建项目，结果刚上来就遇到这么一个问题，屎壳郎它不咬人，他恶心人呀😒，身为强迫症的我受不了！]]></description><category></category></item><item><title><![CDATA[Vue-router路由的props配置]]></title><link>https://blog.youkuaiyun.com/first_hands/article/details/130885994</link><guid>https://blog.youkuaiyun.com/first_hands/article/details/130885994</guid><author>first_hands</author><pubDate>Fri, 26 May 2023 15:14:33 +0800</pubDate><description><![CDATA[作用：让路由组件更方便的收到参数。在Detail组件中使用props接收传递来的数据这种写法传递的参数不灵活 一般很少使用。]]></description><category></category></item><item><title><![CDATA[Vue 的⽗组件和⼦组件⽣命周期钩⼦执⾏顺序是什么？]]></title><link>https://blog.youkuaiyun.com/first_hands/article/details/130835248</link><guid>https://blog.youkuaiyun.com/first_hands/article/details/130835248</guid><author>first_hands</author><pubDate>Tue, 23 May 2023 20:48:08 +0800</pubDate><description><![CDATA[看起来很多好像很难记忆，其实只要理解了，不管是哪种情况，都⼀定是⽗组件等待⼦组件完成后，才。⽗组件挂载完成⼀定是等⼦组件都挂载完成后，才算是⽗组件挂载完，所以⽗组件的。会执⾏⾃⼰对应完成的钩⼦，就可以很容易记住。]]></description><category></category></item><item><title><![CDATA[什么是虚拟 DOM？]]></title><link>https://blog.youkuaiyun.com/first_hands/article/details/130729309</link><guid>https://blog.youkuaiyun.com/first_hands/article/details/130729309</guid><author>first_hands</author><pubDate>Wed, 17 May 2023 16:34:40 +0800</pubDate><description><![CDATA[虚拟 dom 是相对于浏览器所渲染出来的真实 dom 的，在 react，vue 等技术出现之前，建立一个与 dom 树对应的虚拟 dom 对象（ js 对象），以对象嵌套的方式来表示 dom。树，那么每次 dom 的更改就变成了 js 对象的属性的更改，这样一来就能查找 js 对象。我们要改变页面展示的内容只能通过遍历查询 dom 树的方式找到需要修改的 dom 然。这种方式相当消耗计算资源，因为每次查询 dom 几乎都需要遍历整颗 dom 树，如果。的属性变化要比查询 dom 树的性能开销小。]]></description><category></category></item><item><title><![CDATA[Vue 的优缺点]]></title><link>https://blog.youkuaiyun.com/first_hands/article/details/130729160</link><guid>https://blog.youkuaiyun.com/first_hands/article/details/130729160</guid><author>first_hands</author><pubDate>Wed, 17 May 2023 16:32:37 +0800</pubDate><description><![CDATA[1、数据驱动视图，对真实 dom 进行抽象出 virtual dom（本质就是一个 js 对象），3、由于百度等搜索引擎爬虫无法爬取 js 中的内容，故 spa 先天就对 seo 优化心。有余力不足（谷歌的 puppeteer 就挺牛逼的，实现预渲染底层也是用到了这个工。2、组件化，组件用单文件的形式进行代码的组织编写，使得我们可以在一个文。5、生命周期钩子函数，选项式的代码组织方式，写熟了还是蛮顺畅的，但仍然。2、csr 的先天不足，首屏性能问题（白屏）持更强大的预处理器等功能。6、生态好，社区活跃。]]></description><category></category></item><item><title><![CDATA[实现一个 Ajax]]></title><link>https://blog.youkuaiyun.com/first_hands/article/details/130575469</link><guid>https://blog.youkuaiyun.com/first_hands/article/details/130575469</guid><author>first_hands</author><pubDate>Tue, 09 May 2023 10:53:10 +0800</pubDate><description><![CDATA[2）设置回调函数，一个处理服务器响应的函数，使用 onreadystatechange ，类似函数。3）获取异步对象的 readyState 属性：该属性存有服务器响应的状态信息。5）读取响应数据，可以通过 responseText 属性来取回由服务器返回的数据。4）判断响应报文的状态，若为 200 说明服务器正常运行并返回响应数据。1）设置请求参数（请求方式，请求页面的相对路径，是否异步）AJAX 创建异步对象 XMLHttpRequest。操作 XMLHttpRequest 对象。]]></description><category></category></item><item><title><![CDATA[call 和 apply 是用来做什么？]]></title><link>https://blog.youkuaiyun.com/first_hands/article/details/130426156</link><guid>https://blog.youkuaiyun.com/first_hands/article/details/130426156</guid><author>first_hands</author><pubDate>Fri, 28 Apr 2023 14:48:53 +0800</pubDate><description><![CDATA[Call 和 apply 的作用是一模一样的，只是传参的形式有区别而已。3、调用函数，因为 apply，call 方法会使函数立即执行。1、改变 this 的指向。2、借用别的对象的方法，]]></description><category></category></item><item><title><![CDATA[JS 原型链，原型链的顶端是什么？Object 的原型是什么？Object 的原型的原型是什么？在数组原型链上实现删除数组重复数据的方法?]]></title><link>https://blog.youkuaiyun.com/first_hands/article/details/130425880</link><guid>https://blog.youkuaiyun.com/first_hands/article/details/130425880</guid><author>first_hands</author><pubDate>Fri, 28 Apr 2023 14:40:51 +0800</pubDate><description><![CDATA[承的，在 JS 中一个构造函数默认带有一个 prototype 属性，这个的属性值是一个对象，而创建的实例的原型，那么什么是原型呢，可以这样理解，每一个 JavaScript 对象在创。前面说到，每个对象都会从原型继承属性，但是引用《你不知道的 JS》中的话，继承意。型，我们在使用一个实例的方法的时候，会先检查这个实例中是否有这个方法，没有的。建的时候就会预制管理另一个对象，这个对象就是我们所说的原型，每一个对象都会从。呢，指向实例是没有的，因为一个构造函数可以生成多个实例，但是原型有属性可以直。]]></description><category></category></item><item><title><![CDATA[ES6 的一些新特性]]></title><link>https://blog.youkuaiyun.com/first_hands/article/details/130414688</link><guid>https://blog.youkuaiyun.com/first_hands/article/details/130414688</guid><author>first_hands</author><pubDate>Thu, 27 Apr 2023 20:34:09 +0800</pubDate><description><![CDATA[方式，ES6 也 引入了新的数据类型 symbol，新的数据结构 set 和 map,symbol 可以通过。ES6 在变量的声明和定义方面增加了 let、const 声明变量，有局部变量的概念，赋值中。模块化：其模块功能主要有两个命令构成，export 和 import，export 命令用于规定模块的。了实现 Class 和模块，通过 Class 可以更好的面向对象编程，使用模块加载方便模块化编。些方法，如字符串方面的模板字符串、函数方面的默认参数、对象方面属性的简洁表达。]]></description><category></category></item><item><title><![CDATA[前端高频面试题---闭包]]></title><link>https://blog.youkuaiyun.com/first_hands/article/details/130414615</link><guid>https://blog.youkuaiyun.com/first_hands/article/details/130414615</guid><author>first_hands</author><pubDate>Thu, 27 Apr 2023 20:29:37 +0800</pubDate><description><![CDATA[匿名自执行函数：我们知道所有的变量，如果不加上 var 关键字，则默认的会添加到全。闭包就是函数的局部变量集合，只是这些局部变量在函数返回后会继续存在。就是函数的“堆栈”在函数返回后并不释放，我们也可以理解为这些函数堆栈并不在栈。局对象的属性上去，这样的临时变量加入全局对象有很多坏处，比如：别的函数可能误。数的时候，首先在缓存中查找，如果找不到，则进行计算，然后更新缓存并返回值，如。种情况，即有的函数只需要执行一次，其内部变量无需维护，可以用闭包。闭包是指有权访问另外一个函数作用域中的变量的函数。]]></description><category></category></item><item><title><![CDATA[bind,apply,call]]></title><link>https://blog.youkuaiyun.com/first_hands/article/details/130314180</link><guid>https://blog.youkuaiyun.com/first_hands/article/details/130314180</guid><author>first_hands</author><pubDate>Sun, 23 Apr 2023 09:07:44 +0800</pubDate><description><![CDATA[call：调用一个对象的一个方法，用另一个对象替换当前对象。例如：B.call(A, args1,args2);apply：调用一个对象的一个方法，用另一个对象替换当前对象。例如：B.apply(A,arguments);即 A 对象应用 B 对象的方法。bind 除了返回是函数以外，它的参数和 call 一样。即 A 对象调用 B 对象的方法。]]></description><category></category></item><item><title><![CDATA[post 和 get 区别]]></title><link>https://blog.youkuaiyun.com/first_hands/article/details/130265268</link><guid>https://blog.youkuaiyun.com/first_hands/article/details/130265268</guid><author>first_hands</author><pubDate>Thu, 20 Apr 2023 14:10:52 +0800</pubDate><description><![CDATA[而对于 POST，浏览器先发送 header，服务器响应 100 continue，浏览器再发送 data，服。对于 GET 方式的请求，浏览器会把 http header 和 data 一并发送出去，服务器响应 200。GET：不同的浏览器和服务器不同，一般限制在 2~8K 之间，更加常见的是 1k 以内。GET 和 POST 的底层也是 TCP/IP，GET/POST 都是 TCP 链接。GET 产生一个 TCP 数据包；POST - 向指定的资源提交要被处理的数据。GET - 从指定的资源请求数据。]]></description><category></category></item></channel></rss>