<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[Raleway的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/Raleway</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; Raleway]]></copyright><item><title><![CDATA[公众号客服消息如何跳转小程序和h5]]></title><link>https://blog.youkuaiyun.com/Raleway/article/details/111356734</link><guid>https://blog.youkuaiyun.com/Raleway/article/details/111356734</guid><author>Raleway</author><pubDate>Fri, 18 Dec 2020 11:56:36 +0800</pubDate><description><![CDATA[例如上图,公众号回复的消息可以设置跳转小程序和H5。

跳转小程序（注：跳转前需公众号后台关联相应的小程序）



&lt;adata-miniprogram-appid="小程序appId"data-miniprogram-path="小程序路径"href=""&gt;点击跳转的文案&lt;/a&gt;

跳转H5



&lt;ahref="h5链接"&gt;点击跳转的文案&lt;/a&gt;

上图中回复消息的源码


hi 初次见面， 欢迎关注福利鸭公众号，您的生活红包已...]]></description><category></category></item><item><title><![CDATA[关于小程序web-view缓存的清理]]></title><link>https://blog.youkuaiyun.com/Raleway/article/details/111354826</link><guid>https://blog.youkuaiyun.com/Raleway/article/details/111354826</guid><author>Raleway</author><pubDate>Fri, 18 Dec 2020 10:47:05 +0800</pubDate><description><![CDATA[&lt;web-view :src="url" a:if="url"&gt;&lt;/web-view&gt;



由于webview跳到h5界面是vue写的单页面应用



1.按网上说的给url加时间戳并没有什么用。

2.h5用 webpack打包后的css js 本来就是加了hash 的，，所以也没用

3.尝试一下也没什么用


	手动退出小程序，再次进入；
	
	
	将微信从后台退出再打开并重新进入小程序；
	
	
	修改 Nginx 关于 Cache-Control 的配置；
	
	
...]]></description><category></category></item><item><title><![CDATA[小程序如何使元素和胶囊区域居中对齐?]]></title><link>https://blog.youkuaiyun.com/Raleway/article/details/109311405</link><guid>https://blog.youkuaiyun.com/Raleway/article/details/109311405</guid><author>Raleway</author><pubDate>Tue, 27 Oct 2020 15:21:49 +0800</pubDate><description><![CDATA[iphone 7：

iphone x :



Nexus 5:

经测试，要想使元素和胶囊区居中对齐，元素的定位高度为： 机型的titleBarHeight/2 +statusBarHeight-元素的高度/2，单位为px

1.通过getSystemInfo 获取机型的信息（titleBarHeight，statusBarHeight)

2. 通过机型的titleBarHeight/2 +statusBarHeight-元素的高度/2 得出 元素定位的高度

3.为了提高性能，可以将第...]]></description><category></category></item><item><title><![CDATA[TypeScript基础知识整理——类型断言]]></title><link>https://blog.youkuaiyun.com/Raleway/article/details/106251648</link><guid>https://blog.youkuaiyun.com/Raleway/article/details/106251648</guid><author>Raleway</author><pubDate>Thu, 21 May 2020 10:45:00 +0800</pubDate><description><![CDATA[注意：类型断言（Type Assertion）可以用来手动指定一个值的类型。

语法：


&lt;类型&gt;值或值 as 类型

类型断言的用法如上，在需要断言的变量前加上 即可

就上篇文章中TypeScript 不确定一个联合类型的变量到底是哪个类型的时候来说​​​​​​​


function f13(name : string, age : string | number) {if (age.length) { //报错console.log(age.length) //报错}  else {c]]></description><category></category></item><item><title><![CDATA[​TypeScript基本知识点整理——类]]></title><link>https://blog.youkuaiyun.com/Raleway/article/details/105713369</link><guid>https://blog.youkuaiyun.com/Raleway/article/details/105713369</guid><author>Raleway</author><pubDate>Thu, 23 Apr 2020 17:52:19 +0800</pubDate><description><![CDATA[类

1. 访问修饰符

public：公共修饰符

注意：

表示属性或方法都是公有的，在类的内部，子类的内部，类的实例都能被访问,默认情况下，为public


class People {  public name : string   constructor (name:string) { //构造函数必须写    this.name = name  }  p...]]></description><category></category></item><item><title><![CDATA[​TypeScript基本知识点整理——函数]]></title><link>https://blog.youkuaiyun.com/Raleway/article/details/105699685</link><guid>https://blog.youkuaiyun.com/Raleway/article/details/105699685</guid><author>Raleway</author><pubDate>Thu, 23 Apr 2020 09:22:11 +0800</pubDate><description><![CDATA[函数

1. 函数定义

定义函数有函数声明和函数表达式两种形式。定义函数的参数和返回值可以指定其类型；当调用函数时，传入参数类型必须与定义函数参数类型保持一致。

函数声明定义


functionf(age:number):string{  return `找到了${age}的小哥哥`;}let age : number = 22;letres:string=f(age...]]></description><category></category></item><item><title><![CDATA[​TypeScript基本知识点整理——变量类型]]></title><link>https://blog.youkuaiyun.com/Raleway/article/details/105678114</link><guid>https://blog.youkuaiyun.com/Raleway/article/details/105678114</guid><author>Raleway</author><pubDate>Wed, 22 Apr 2020 11:41:01 +0800</pubDate><description><![CDATA[在Javascript中,前面一篇文章介绍了TypeScript（微信公众号中的一篇文章），相信看过这边文章的人应该对Ts有所了解了。这篇文章大家和我一起来了解下TS的基本知识点吧。

在开始之前我们先装环境：


npmitypescript-g//全局安装typescriptnpminit-y//进入文件夹，初始化项目，生成package.json文件tsc--init//创...]]></description><category></category></item><item><title><![CDATA[Vue3.0 beta 来啦]]></title><link>https://blog.youkuaiyun.com/Raleway/article/details/105630961</link><guid>https://blog.youkuaiyun.com/Raleway/article/details/105630961</guid><author>Raleway</author><pubDate>Mon, 20 Apr 2020 11:31:57 +0800</pubDate><description><![CDATA[前言

4月17日，Vue 3.0 beta 正式发布，Vue 3.0 更新、优化了哪些东西？让我们一起来了解了解。



正文



Vue 3.0 发布内容包括：


	vue: Beta
	
	
	vue-router: Alpha
	
	
	vuex: Alpha
	
	
	vue-class-component: Alpha
	
	
	vue-cli: Experime...]]></description><category></category></item><item><title><![CDATA[一次僵硬的前端面试经历]]></title><link>https://blog.youkuaiyun.com/Raleway/article/details/105002865</link><guid>https://blog.youkuaiyun.com/Raleway/article/details/105002865</guid><author>Raleway</author><pubDate>Sat, 21 Mar 2020 01:23:48 +0800</pubDate><description><![CDATA[3月19号，去一家公司面试。

这是面试的段位和职位。。。



面试前的状态是这样的：



面试出来后，状态是这样的。。。



人都傻掉了，这个段位的面试这么难嘛。。。。

回来仔细复盘了一下此行的经过。。。

真的是一切都不顺利。

首先，我是提前1个小时根据Boss直聘的导航过去的，到了园区才发现没有发给我具体的位置（哪幢哪层哪号什么的）





嗯，公司介绍和面试邀请地址都是这个园区...]]></description><category></category></item><item><title><![CDATA[Vue双向绑定原理以及原生JS实现]]></title><link>https://blog.youkuaiyun.com/Raleway/article/details/104903866</link><guid>https://blog.youkuaiyun.com/Raleway/article/details/104903866</guid><author>Raleway</author><pubDate>Mon, 16 Mar 2020 17:31:41 +0800</pubDate><description><![CDATA[前言



Vue的数据双向绑定原理是面试中必问的一题。每当被问到Vue数据双向绑定原理的时候，大家可能都会脱口而出：Vue内部通过Object.defineProperty方法属性拦截的方式，把data对象里每个数据的读写转化成getter/setter，当数据变化时通知视图更新。虽然一句话把大概原理概括了，但是其内部的实现方式还是值得深究的。



使用原生js实现一个vue的双向...]]></description><category></category></item><item><title><![CDATA[4个面试必问的非技术问题及回答忌讳]]></title><link>https://blog.youkuaiyun.com/Raleway/article/details/79346193</link><guid>https://blog.youkuaiyun.com/Raleway/article/details/79346193</guid><author>Raleway</author><pubDate>Fri, 21 Feb 2020 15:09:35 +0800</pubDate><description><![CDATA[]]></description><category></category></item><item><title><![CDATA[2020年，你必须知道的JS数组技巧]]></title><link>https://blog.youkuaiyun.com/Raleway/article/details/104394011</link><guid>https://blog.youkuaiyun.com/Raleway/article/details/104394011</guid><author>Raleway</author><pubDate>Wed, 19 Feb 2020 15:30:08 +0800</pubDate><description><![CDATA[在Javascript中，数组是一个重要且常见的知识点，我们经常将数据存储在数组中。作为一名Javascript工程师，数组必须要运用自如。这篇文章，向大家展示了在日常开发中，数组有哪些奇淫技巧值得关注和学习，让我们开始吧！
1.去重
这也是一道常见的面试题，怎么对JS的数组去重。在ES6的时代，有个非常快速且简单的方法，使用new Set()以及Array.from()或者展开运算符(...)
...]]></description><category></category></item><item><title><![CDATA[使用Charles抓取Http/Https请求包]]></title><link>https://blog.youkuaiyun.com/Raleway/article/details/104346368</link><guid>https://blog.youkuaiyun.com/Raleway/article/details/104346368</guid><author>Raleway</author><pubDate>Sun, 16 Feb 2020 18:16:19 +0800</pubDate><description><![CDATA[使用Charles抓取Http/Https请求包



​



一、前言

之前写项目的时候遇到很奇怪的问题，pc上调试后端的接口返回是正常的数据，放在真机（当时是ios手机）上就会少一些数据，浪费了很多时间，最后还是通过抓包找到问题。这里就分享给大家抓包教程，用的也是charles，之前有写过一篇使用charles实现本地数据mock,有兴趣的朋友可以看下。



二、抓取Http请求
...]]></description><category></category></item><item><title><![CDATA[使用Charles实现本地数据mock]]></title><link>https://blog.youkuaiyun.com/Raleway/article/details/104335725</link><guid>https://blog.youkuaiyun.com/Raleway/article/details/104335725</guid><author>Raleway</author><pubDate>Sat, 15 Feb 2020 22:08:03 +0800</pubDate><description><![CDATA[使用Charles实现本地数据mock







一、老版本Charles使用


	准备Charles工具,没有的话去下载(https://www.charlesproxy.com/latest-release/download.do)，如下图这玩意
	
	
	js发送axios请求

	
	
	
	桌面新建mock文件(不一定要桌面，其他位置也可以，只要记住就行)

	

	
	
	
...]]></description><category></category></item><item><title><![CDATA[2021年前端面试题及答案]]></title><link>https://blog.youkuaiyun.com/Raleway/article/details/104268283</link><guid>https://blog.youkuaiyun.com/Raleway/article/details/104268283</guid><author>Raleway</author><pubDate>Tue, 11 Feb 2020 19:29:34 +0800</pubDate><description><![CDATA[前端面试汇总（2020年）







一

大纲



1、前言



2、前端工程化



3、前端设计模式



4、前端安全性问题



5、前端跨域问题



6、前端数据加密



7、前端http相关问题



8、*前端基础知识点面试题



9、前端技术栈问题

前言





由于新冠肺炎疫情，现在成天呆在家里，加上也要准备面试，就在家里看面试题...]]></description><category></category></item><item><title><![CDATA[微信H5开发中常见的坑]]></title><link>https://blog.youkuaiyun.com/Raleway/article/details/104251455</link><guid>https://blog.youkuaiyun.com/Raleway/article/details/104251455</guid><author>Raleway</author><pubDate>Mon, 10 Feb 2020 17:09:10 +0800</pubDate><description><![CDATA[坑点1：android、ios做分享时，若是hash路由模式下，无法加载正常url，发现分享的链接变成（https://xxx.com/?from=grounmessage&amp;installed=0#/register?code=1111&amp;locale=zh_cn之类的）。

解决方法：在/#/里加query值

例如：





坑点2：ios分享朋友圈方法(onMenuS...]]></description><category></category></item><item><title><![CDATA[Redux入门]]></title><link>https://blog.youkuaiyun.com/Raleway/article/details/104230146</link><guid>https://blog.youkuaiyun.com/Raleway/article/details/104230146</guid><author>Raleway</author><pubDate>Sat, 08 Feb 2020 23:42:46 +0800</pubDate><description><![CDATA[一 为什么使用Redux？



如下图，组件H需要用到a组件里的数据，假设不使用Redux，那么只能通过React的props和state属性进行逐渐往上分发（H&gt;e&gt;b||c&gt;a）拿到a的数据之后，又要从a组件逐级往下分发(a&gt;b&gt;e&gt;h),如果只是简单的需求，也能解决问题；但是如果在比较复杂的项目中还这样，项目维护起来就会很艰难，而且代码看起...]]></description><category></category></item><item><title><![CDATA[React组件和生命周期]]></title><link>https://blog.youkuaiyun.com/Raleway/article/details/104200156</link><guid>https://blog.youkuaiyun.com/Raleway/article/details/104200156</guid><author>Raleway</author><pubDate>Thu, 06 Feb 2020 18:24:56 +0800</pubDate><description><![CDATA[React组件和生命周期



一

React组件

组件是React的核心、精髓。组件有输入、输出以及自身状态，分别对应props、render、state，相信稍微用过React的同学都很清楚。



组件之间的传值和方法调用。

父组件向子组件传值


	父组件通过属性进行传递，子组件通过props获取，这个传递和vue里的一样，但接收方式不同如下图：
	


...]]></description><category></category></item><item><title><![CDATA[React函数组件和class组件以及Hooks]]></title><link>https://blog.youkuaiyun.com/Raleway/article/details/104173497</link><guid>https://blog.youkuaiyun.com/Raleway/article/details/104173497</guid><author>Raleway</author><pubDate>Tue, 04 Feb 2020 19:03:35 +0800</pubDate><description><![CDATA[React函数组件和class组件以及Hooks

作者 烦恼会解决烦恼





我们都知道定义组件有两个要求：


	组件名称必须以大写字母开头
	
	
	组件的返回值只能有一个根元素
	


什么是函数组件▼



函数组件接收一个单一的props对象并返回了一个React元素，如下图：









什么是class组件▼

使用ES6 的 cla...]]></description><category></category></item><item><title><![CDATA[2020年Vue面试题汇总]]></title><link>https://blog.youkuaiyun.com/Raleway/article/details/104158621</link><guid>https://blog.youkuaiyun.com/Raleway/article/details/104158621</guid><author>Raleway</author><pubDate>Mon, 03 Feb 2020 16:46:20 +0800</pubDate><description><![CDATA[2020年Vue面试题

Interview

●●●●

作者：@烦恼会解决烦恼










vue核心知识——理论篇

1、对于Vue是一套渐进式框架的理解

渐进式代表的含义是：主张最少。

Vue可能有些方面是不如React，不如Angular，但它是渐进的，没有强主张，你可以在原有大系统的上面，把一两个组件改用它实现，当jQuery用；也可以整个用它全家桶开发，当A...]]></description><category></category></item></channel></rss>