<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[Web_front的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/Web_front</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; Web_front]]></copyright><item><title><![CDATA[React]]></title><link>https://blog.youkuaiyun.com/Web_front/article/details/106653499</link><guid>https://blog.youkuaiyun.com/Web_front/article/details/106653499</guid><author>Web_front</author><pubDate>Tue, 09 Jun 2020 23:34:04 +0800</pubDate><description><![CDATA[1. 开始
React 是一个用于构建用户界面的 JavaScript 库。你可以在首页或教程中学习什么是 React。
1.1  React是什么？
React 是一个声明式，高效且灵活的用于构建用户界面的 JavaScript 库。使用 React 可以将一些简短、独立的代码片段组合成复杂的 UI 界面，这些代码片段被称作“组件”。
React 中拥有多种不同类型的组件，我们先从 React.Component 的子类开始介绍：
class ShoppingList extends React.Comp]]></description><category></category></item><item><title><![CDATA[微信小程序云开发知识]]></title><link>https://blog.youkuaiyun.com/Web_front/article/details/106390847</link><guid>https://blog.youkuaiyun.com/Web_front/article/details/106390847</guid><author>Web_front</author><pubDate>Wed, 27 May 2020 23:36:11 +0800</pubDate><description><![CDATA[1. 开通云开发
新建项目时，选择使用云服务
控制台会提示一个错误，如下：

选择“云开发”之后开通云开发，如下：


点击确定，开通云开发

创建完成之后，如下

2. 测试云开发
新建的使用云服务的项目，就是使用云开发的案例

2.1 获取openid
openid是用户的一个唯一标识
点击下面选项，可以测试

第一次使用，报如下错误

原因分析：
观察代码，发现此按钮对应的事件代码如下：

由于刚才只开通了云开发，云环境中，还没有任何云函数

解决方案
创建云函数（需要先选择云环境，如下：）

把你的]]></description><category></category></item><item><title><![CDATA[微信小程序]]></title><link>https://blog.youkuaiyun.com/Web_front/article/details/106362612</link><guid>https://blog.youkuaiyun.com/Web_front/article/details/106362612</guid><author>Web_front</author><pubDate>Tue, 26 May 2020 22:15:41 +0800</pubDate><description><![CDATA[1.安装微信开发者工具
1.1  浏览器搜索“微信官方文档小程序”进行安装
如下图所示：

1.2 点击稳定版进行下载

1.3 选择多少位

依次点击下一步进行安装，就ok啦！
安装完如下图标所示：

2.  双击打开，微信扫码进行登录、创建
然后选择文件新建项目，创建好项目显示如下页面：

然后点击上传按钮，进行下面操作。
1.5 在微信公众平台（小程序）后台进行版本管理
设置开发版本，然后可以进行手机端实际体验

1.6 成员管理
可以增加体验成员，最多15个关联账户，添加上的体验成员才有资格进行手机]]></description><category></category></item><item><title><![CDATA[Vue移动端—登录的业务流程总结]]></title><link>https://blog.youkuaiyun.com/Web_front/article/details/106088037</link><guid>https://blog.youkuaiyun.com/Web_front/article/details/106088037</guid><author>Web_front</author><pubDate>Tue, 12 May 2020 23:48:11 +0800</pubDate><description><![CDATA[登录业务流程
判断用户是否登录
第一次登录的时候，前端调后端的登陆接口，发送用户名和密码，后端收到请求，验证用户名和密码
如果想点进我的页面，没有登录的话，会自动跳转登录页面，前端可根据后台返回的信息，在路由跳转中做判断。因为在这里使用的 axios做vue的请求模块，所以项目采用的是在请求拦截模块中根据后台返回的登录状态码进行判断，客户端输入手机号，点击验证码，进行登录，服务端对手机号，验证码进行验证，验证通过，则说明登陆成功，根据当前用户信息，生成了token，将token信息以cookie形式返回到了]]></description><category></category></item><item><title><![CDATA[关于Vue项目的优化]]></title><link>https://blog.youkuaiyun.com/Web_front/article/details/105851095</link><guid>https://blog.youkuaiyun.com/Web_front/article/details/105851095</guid><author>Web_front</author><pubDate>Wed, 29 Apr 2020 23:20:33 +0800</pubDate><description><![CDATA[一、console的移除
开发阶段，我们会编写大量的 console 语句用于测试
使用 build 命令打包时，会作为警告提出，因为上线之后，这些 console 语句是没有任何作用的，所以警告你应该移除
挨个文件手动删除的方法，会有两个问题
耗时耗力
代码中其实还是需要console的，只是打包后，希望生成的文件中不包含而已
解决的办法比较多

babel-plugin-transform-r...]]></description><category></category></item><item><title><![CDATA[Web前端面试题]]></title><link>https://blog.youkuaiyun.com/Web_front/article/details/105850363</link><guid>https://blog.youkuaiyun.com/Web_front/article/details/105850363</guid><author>Web_front</author><pubDate>Wed, 29 Apr 2020 22:28:03 +0800</pubDate><description><![CDATA[为了满足面试问题，以下就是各面试问题的总结：
请点击链接打开：http://blog.poetries.top/FE-Interview-Questions/base/#_29-stylus-sass-less%E5%8C%BA%E5%88%AB：

]]></description><category></category></item><item><title><![CDATA[把项目推到码云上时报fatal: not a git repository (or any of the parent directorie site:blog.youkuaiyun.com错误]]></title><link>https://blog.youkuaiyun.com/Web_front/article/details/105442875</link><guid>https://blog.youkuaiyun.com/Web_front/article/details/105442875</guid><author>Web_front</author><pubDate>Fri, 10 Apr 2020 23:16:36 +0800</pubDate><description><![CDATA[Git错误提示之：fatal: Not a git repository (or any of the parent directories): .git
产生原因：一般是没有初始化git本地版本管理仓库，所以无法执行git命令
解决方法：操作之前执行以下命令行: git init

然后执行一下git status查看状态信息，good，问题解决。

...]]></description><category></category></item><item><title><![CDATA[Node.js中的异步编程]]></title><link>https://blog.youkuaiyun.com/Web_front/article/details/104805122</link><guid>https://blog.youkuaiyun.com/Web_front/article/details/104805122</guid><author>Web_front</author><pubDate>Wed, 11 Mar 2020 21:06:33 +0800</pubDate><description><![CDATA[1.  同步API,异步API
同步API：只有当API执行完成后，才能继续执行下一个API
console.log('before');
console.log('after');

异步API：当前API的执行不会阻塞后续代码的执行
console.log('before')
setTimeout(
         ()=&gt;{consloe.log('last');
         ...]]></description><category></category></item><item><title><![CDATA[改变this指向的方法]]></title><link>https://blog.youkuaiyun.com/Web_front/article/details/104619902</link><guid>https://blog.youkuaiyun.com/Web_front/article/details/104619902</guid><author>Web_front</author><pubDate>Mon, 02 Mar 2020 21:13:26 +0800</pubDate><description><![CDATA[1、call方法

语法：函数名.call(调用者，实参1…)
作用：函数被借用时，会立即执行，并且函数体内的this会指向调用者(借用者)
代码：

1  function fn(name, age) {
2    this.name = name;
3    this.age = age;
4    console.log(this == obj);    //==&gt;true
5  }
...]]></description><category></category></item><item><title><![CDATA[函数内部this的指向]]></title><link>https://blog.youkuaiyun.com/Web_front/article/details/104619716</link><guid>https://blog.youkuaiyun.com/Web_front/article/details/104619716</guid><author>Web_front</author><pubDate>Mon, 02 Mar 2020 21:05:08 +0800</pubDate><description><![CDATA[1、函数也是对象
函数的创建==&gt;底层都是new关键字创建函数

函数声明：

function sum(a,b){
	console.log(a+b);
}


函数表达式：

1 var sum = function sum(a,b) {
2     console.log(a + b);
3 }


new关键字创建函数

1 // 语法：var 变量名 = new Function ...]]></description><category></category></item><item><title><![CDATA[call(),apply(),bind()的异同]]></title><link>https://blog.youkuaiyun.com/Web_front/article/details/104545169</link><guid>https://blog.youkuaiyun.com/Web_front/article/details/104545169</guid><author>Web_front</author><pubDate>Thu, 27 Feb 2020 21:14:00 +0800</pubDate><description><![CDATA[call(),apply(),bind()的异同
大家都知道在函数中，最耐人寻味的就是prototype属性了，对于ECMAScript中的引用类型而言，prototype是保存它们实力方法的真正所在。
诸如toString()和valueOf()等方法都保存在prototype名下，只不过是通过各自对象的实例访问。在创建自定义引用类型以及实现继承时，prototype属性的作用是极为重要的。
每...]]></description><category></category></item><item><title><![CDATA[前端面试题第一季]]></title><link>https://blog.youkuaiyun.com/Web_front/article/details/103819806</link><guid>https://blog.youkuaiyun.com/Web_front/article/details/103819806</guid><author>Web_front</author><pubDate>Fri, 03 Jan 2020 14:48:34 +0800</pubDate><description><![CDATA[1.   JS面试题
1.1  javascript的原始类型由哪些

boolean
null
undefined
number
string
symbol

原始类型存储的都是值，是没有函数可以调用的
给一些原始数据类型调用方法的时候,js 给这些原始数据类型隐式转换了，所以有一些原始数据类型可以使用方法，但是它在使用 这些方法的时候已经不是原始类型了
1.2  typeof和instance...]]></description><category></category></item><item><title><![CDATA[码云]]></title><link>https://blog.youkuaiyun.com/Web_front/article/details/103818126</link><guid>https://blog.youkuaiyun.com/Web_front/article/details/103818126</guid><author>Web_front</author><pubDate>Fri, 03 Jan 2020 14:11:01 +0800</pubDate><description><![CDATA[码云
因为 github 网站的服务器在国外，所以国内访问经常会出问题
可以选择国内的类似 github 的网站
https://gitee.com/
1.  如何利用码云团队协作开发
A 同学在本地创建项目并初始化仓库后，执行如下及不做操作
添加改变到暂存区
git add index.html

提交版本
git commit -m '注释'

推送更新
git push https://gi...]]></description><category></category></item><item><title><![CDATA[github]]></title><link>https://blog.youkuaiyun.com/Web_front/article/details/103817974</link><guid>https://blog.youkuaiyun.com/Web_front/article/details/103817974</guid><author>Web_front</author><pubDate>Fri, 03 Jan 2020 11:52:32 +0800</pubDate><description><![CDATA[github
https://github.com/
1.  注册
2.团队协作开发
2.1 A创建本地仓库
创建文件夹 game-demo
使用如下命令初始化仓库
git init

使用 VS Code 打开此项目，新建 index.html ，编写如下代码
&lt;!DOCTYPE html&gt;
&lt;html lang="en"&gt;
&lt;head&gt;
  &lt;meta...]]></description><category></category></item><item><title><![CDATA[git分支]]></title><link>https://blog.youkuaiyun.com/Web_front/article/details/103817060</link><guid>https://blog.youkuaiyun.com/Web_front/article/details/103817060</guid><author>Web_front</author><pubDate>Fri, 03 Jan 2020 11:35:02 +0800</pubDate><description><![CDATA[分支
分支其实不是代码的一份拷贝
当我们使用 git init 命令初始化仓库时,git 就会创建一个叫做 master 的分支作为我们项目的主分支
在开发代码时，不建议直接在主分支上编写代码，而是先在一个其他分支上编写代码，代码编写并测试通过后，再将这个分支上的代码合并到主分支上
这样，主分支上永远保存着正确的代码
1 创建分支
首先使用git branch命令查看当前项目中有哪些分支

发现只...]]></description><category></category></item><item><title><![CDATA[git软件应用]]></title><link>https://blog.youkuaiyun.com/Web_front/article/details/103809707</link><guid>https://blog.youkuaiyun.com/Web_front/article/details/103809707</guid><author>Web_front</author><pubDate>Thu, 02 Jan 2020 20:55:26 +0800</pubDate><description><![CDATA[1.   配置
git安装好之后，首先执行配置 ，设置姓名和邮箱
在电脑的任意位置，点击鼠标右键，选择“git bash here”

2.   创建git仓库
2.1创建项目
跟我们以前写代码一样，都是先创建一个文件夹，作为项目的根目录

2.2  初始化仓库
我们如果希望当前项目被git管理起来，只有这样，git 才能够跟踪我们项目当中所有的文件的变化，记录文件的变化，我们才可以使用git恢复...]]></description><category></category></item><item><title><![CDATA[项目常见属性]]></title><link>https://blog.youkuaiyun.com/Web_front/article/details/103716594</link><guid>https://blog.youkuaiyun.com/Web_front/article/details/103716594</guid><author>Web_front</author><pubDate>Thu, 26 Dec 2019 15:42:48 +0800</pubDate><description><![CDATA[项目常见属性

flex 项目占的份数
align-self 控制子项自己在侧轴的排列方式，前面的align-items 和 align-content
是对所有子项应用相同的排列方式，而这个属性是对单个子项应用个性化的排列方式
order 定义项目的排列顺序（前后顺序）

1.   flex
定义子项目分配剩余空间，用 flex 属性表示占多少分

分配的容器的剩余空间会增加到元素的宽度上
项目...]]></description><category></category></item><item><title><![CDATA[移动端flex弹性布局容器常用属性]]></title><link>https://blog.youkuaiyun.com/Web_front/article/details/103712434</link><guid>https://blog.youkuaiyun.com/Web_front/article/details/103712434</guid><author>Web_front</author><pubDate>Thu, 26 Dec 2019 15:37:44 +0800</pubDate><description><![CDATA[容器常用属性
下列属性用于设置容器，也就是父盒子

flex-direction：设置主轴的方向，也就是项目横向排列还是纵向排列
justify-content：设置主轴上的子元素的排列方式
flex-wrap：设置子元素是否换行
align-content：设置侧轴上子元素的排列方式（多行）
align-items：设置侧轴上的子元素排列方式（单行）
flex-flow：复合属性，相当于同时设置...]]></description><category></category></item><item><title><![CDATA[flex弹性布局]]></title><link>https://blog.youkuaiyun.com/Web_front/article/details/103711207</link><guid>https://blog.youkuaiyun.com/Web_front/article/details/103711207</guid><author>Web_front</author><pubDate>Thu, 26 Dec 2019 11:27:30 +0800</pubDate><description><![CDATA[1.   传统布局与flex布局
传统布局：


兼容性好


布局繁琐


局限性，对移动端的支持不好
flex弹性布局：


操作方便，布局极简单，移动端应用广泛


PC端浏览器支持情况较差


IE11或更低版本，不支持或仅部分支持
建议：


PC端页面，使用传统布局


移动端页面或者不考虑兼容性问题的PC端页面布局，使用flex弹性布局


2.  给父元素盒子div加入弹性布局后，...]]></description><category></category></item><item><title><![CDATA[移动web开发]]></title><link>https://blog.youkuaiyun.com/Web_front/article/details/103673466</link><guid>https://blog.youkuaiyun.com/Web_front/article/details/103673466</guid><author>Web_front</author><pubDate>Mon, 23 Dec 2019 21:07:43 +0800</pubDate><description><![CDATA[移动web开发
1.像素
1.1  什么叫做物理像素
比如，手机像素是1792×828分辨率，就是手机屏幕横向828个点，手机屏幕纵向上有1792个点，同等大小屏幕下，点越多，图像显示越精信。
上面所说的屏幕上一个个点就是物理像素（phy sical pixel）,物理像素也叫设备像素（dp:device pixel）。
其实，每个像素就是一个点，每个点由红绿蓝三种色组成，只需要控制每个点每种颜色...]]></description><category></category></item></channel></rss>