<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[webWangGe的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/webWangGe</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; webWangGe]]></copyright><item><title><![CDATA[Vue 实现简易记事本]]></title><link>https://blog.youkuaiyun.com/webWangGe/article/details/118935967</link><guid>https://blog.youkuaiyun.com/webWangGe/article/details/118935967</guid><author>webWangGe</author><pubDate>Tue, 20 Jul 2021 15:12:34 +0800</pubDate><description><![CDATA[预览图：









功能如下：

（1）输入任务并按下回车键，可将任务添加至任务列表（不可输入重复任务）

（2）点击删除，可删除对应任务

（3）点击清空，所有任务都会被删除

（4）左下角同步显示任务总数

完整代码如下：




&lt;!DOCTYPE html&gt;
&lt;html lang="en"&gt;
 
&lt;head&gt;
    &lt;meta charset="UTF-8"&gt;
    &lt;meta http-equiv="X-UA-Compatibl..]]></description><category></category></item><item><title><![CDATA[H5移动端实现图片上传]]></title><link>https://blog.youkuaiyun.com/webWangGe/article/details/118391286</link><guid>https://blog.youkuaiyun.com/webWangGe/article/details/118391286</guid><author>webWangGe</author><pubDate>Thu, 01 Jul 2021 17:21:45 +0800</pubDate><description><![CDATA[效果图：



HTML代码：


	&lt;div class="file-box clearboth" id="fileBox"&gt;
	 				&lt;label class="clone-dom" style="display:none;"&gt;
	 					&lt;input type="file" class="file-btn" name="img[]"/&gt;
	 				&lt;/label&gt; 
	 					&lt;div class="review-box"&gt;&l]]></description><category></category></item><item><title><![CDATA[五个不常用的的HTML技巧]]></title><link>https://blog.youkuaiyun.com/webWangGe/article/details/118385296</link><guid>https://blog.youkuaiyun.com/webWangGe/article/details/118385296</guid><author>webWangGe</author><pubDate>Thu, 01 Jul 2021 14:05:43 +0800</pubDate><description><![CDATA[Web开发人员都在广泛的使用HTML。无论你使用什么框架或者选择哪个后端语言，框架在变，但是HTML始终如一。尽管被广泛使用，但还是有一些标签或者属性是大部分开发者不熟知的。虽然现在有很多的模版引擎供我们使用，但是我们还是需要尽可能的熟练掌握HTML内容，就像CSS一样。在我看来，最好尽可能使用HTML特性来实现我们的功能，而不是使用JavaScript实现相同的功能。

尽管许多开发人员每天都在使用HTML，但他们并没有尝试改进自己的项目，也没有真正利用HTML的一些鲜为人知的特性。

下面这5个通过HT]]></description><category></category></item><item><title><![CDATA[js高频面试题（高频）]]></title><link>https://blog.youkuaiyun.com/webWangGe/article/details/118031626</link><guid>https://blog.youkuaiyun.com/webWangGe/article/details/118031626</guid><author>webWangGe</author><pubDate>Fri, 18 Jun 2021 18:24:41 +0800</pubDate><description><![CDATA[题目
js基本数据类型
闭包是什么，写一个简单的闭包
原型和原型链
作用域
this
call、apply和bind
ajax基本步骤以及readyState的五种状态
promise用过吗？作用是什么？它的基本步骤
get和post区别
继承有哪些方式
浅拷贝深拷贝
数组和字符串方法有哪些
答案
1. js基本数据类型
基本数据类型：number，string，boolean,null,undefined,symbol
引用类型（对象）:数组、日期、正则、函数

2. 闭包是什么，写一个简单的闭包
闭包指]]></description><category></category></item><item><title><![CDATA[VUE高频面试题]]></title><link>https://blog.youkuaiyun.com/webWangGe/article/details/118031416</link><guid>https://blog.youkuaiyun.com/webWangGe/article/details/118031416</guid><author>webWangGe</author><pubDate>Fri, 18 Jun 2021 18:10:57 +0800</pubDate><description><![CDATA[题目
比较一下vue和react
vue组件之间的通信种类，通信实现方式
说说对vuex的理解
说说Vue的MVVM实现原理
说说对spa单页面的理解，它的优缺点
v-show和v-if的区别
怎么理解vue的单向数据流
computed和watch的区别
数据双向绑定原理
10.说说v-router的理解
答案
1比较一下vue和react
相同点：

都是组件化开发，都有虚拟dom
都支持props进行父子组件之间数据通信
都支持数据驱动视图，不直接操作dom
都支持服务器端渲染
不同点：

数据绑定：]]></description><category></category></item><item><title><![CDATA[html、CSS面试题（高频面试题）]]></title><link>https://blog.youkuaiyun.com/webWangGe/article/details/118026399</link><guid>https://blog.youkuaiyun.com/webWangGe/article/details/118026399</guid><author>webWangGe</author><pubDate>Fri, 18 Jun 2021 14:57:48 +0800</pubDate><description><![CDATA[前言
写在前面，这里采用题目和答案分开的方式，方便测验自己对题目的理解能力

HTML
题目
1有哪些浏览器，内核分别是什么？

2quirks模式是什么？和standards模式有什么区别

3盒模型和怪异盒模型

4img中的alt和title有何异同？strong和em的异同

5你能描述一下渐进增强和优雅降级之间的不同吗？

6cookie、sessionStorage、localStorage的区别

7简述一下src和href的区别

8 html5有哪些新特性（基本必问题）

9html语义化]]></description><category></category></item><item><title><![CDATA[JavaScript 知识点解析]]></title><link>https://blog.youkuaiyun.com/webWangGe/article/details/117998197</link><guid>https://blog.youkuaiyun.com/webWangGe/article/details/117998197</guid><author>webWangGe</author><pubDate>Thu, 17 Jun 2021 17:27:54 +0800</pubDate><description><![CDATA[JS基础

页面由三部分组成：
	html：超文本标记语言，负责页面结构
		css：层叠样式表，负责页面样式
		js：轻量级的脚本语言，负责页面的动效和数据交互小总结：结构，样式和行为，三者相分离
		在html页面中写结构
		通过 link标签的href属性，引入css样式
		通过script标签的src属性，引入js脚本
	
	css引入页面的方式有三种
	行内&lt;div style="width:200px;height:300px;"&gt;&lt;/div&gt;
		内嵌:在head]]></description><category></category></item><item><title><![CDATA[HTML/CSS 知识点解析]]></title><link>https://blog.youkuaiyun.com/webWangGe/article/details/117998084</link><guid>https://blog.youkuaiyun.com/webWangGe/article/details/117998084</guid><author>webWangGe</author><pubDate>Thu, 17 Jun 2021 17:23:12 +0800</pubDate><description><![CDATA[整个前端开发的工作流程

产品经理提出项目需求
	UI出设计稿
	前端人员负责开发静态页面(跟前端同步的后台人员在准备数据)
	前后台的交互
	测试
	产品上线(后期项目维护)
互联网原理

当用户在浏览器输入网址的时候，就会发送到对应的服务器，请求该网址对应的网页信息
	服务器会把该网址对应的网页资源，都下载到你电脑的临时文件夹
	临时文件夹中的资源，通过浏览器显示出来(所以，我们第二次请求网站的时候，速度会快很多)
元素

行内元素：一行中有n多个行内元素，行内元素不能设置宽和高
	块元素：一个块元素，]]></description><category></category></item><item><title><![CDATA[JavaScript 常用单词整理]]></title><link>https://blog.youkuaiyun.com/webWangGe/article/details/117998024</link><guid>https://blog.youkuaiyun.com/webWangGe/article/details/117998024</guid><author>webWangGe</author><pubDate>Thu, 17 Jun 2021 17:20:22 +0800</pubDate><description><![CDATA[push :添加一个数组元素

document ：文档

pop ：删除最后一个数组元素

console ：控制台

shift ：删除第一个数组元素

string ：字符串

Concat 组合数组

undefined ：未定义

typeof ：关键字

join：数组转化为指定分隔符

slice：返回指定数组

length：数组长度

Array：数组

number：数字

boolean：布尔

alert：提示框

parseInt：转化为整型数值

continue：继续

is ]]></description><category></category></item><item><title><![CDATA[HTML/CSS 常用单词整理]]></title><link>https://blog.youkuaiyun.com/webWangGe/article/details/117997940</link><guid>https://blog.youkuaiyun.com/webWangGe/article/details/117997940</guid><author>webWangGe</author><pubDate>Thu, 17 Jun 2021 17:17:53 +0800</pubDate><description><![CDATA[页面布局（layout）

header 头部/页眉；

index 首页/索引；

logo 标志；

nav/sub_nav 导航/子导航；

banner 横幅广告；

main/content 主体/内容；

container/con 容器；

wrapper/wrap 包裹（类似于container）；

menu 菜单；

sub_menu/second_menu 子菜单/二级菜单；

list 列表；

section 分区/分块（类似于div）;

article 文章；

aside 侧]]></description><category></category></item><item><title><![CDATA[正则验证详解]]></title><link>https://blog.youkuaiyun.com/webWangGe/article/details/117997680</link><guid>https://blog.youkuaiyun.com/webWangGe/article/details/117997680</guid><author>webWangGe</author><pubDate>Thu, 17 Jun 2021 17:07:57 +0800</pubDate><description><![CDATA[附: 正则速查表

校验数字的表达式

数字：^[0-9]*$
	n位的数字：^\d{n}$
	至少n位的数字：^\d{n,}$
	m-n位的数字：^\d{m,n}$
	零和非零开头的数字：^(0|[1-9][0-9]*)$
	非零开头的最多带两位小数的数字：^([1-9][0-9]*)+(.[0-9]{1,2})?$
	带1-2位小数的正数或负数：^(\-)?\d+(\.\d{1,2})?$
	正数、负数、和小数：^(\-|\+)?\d+(\.\d+)?$
	有两位小数的正实数：^[0-9]+(.[0-9]]></description><category></category></item><item><title><![CDATA[localStorage、sessionStorage 和 Cookie 区别及用法]]></title><link>https://blog.youkuaiyun.com/webWangGe/article/details/117997306</link><guid>https://blog.youkuaiyun.com/webWangGe/article/details/117997306</guid><author>webWangGe</author><pubDate>Thu, 17 Jun 2021 17:03:17 +0800</pubDate><description><![CDATA[插件 说明 效果
Atom One Dark Theme 一款很漂亮的主题插件 
Auto Close Tag 自动添加HTML / XML关闭标签 
Auto Rename Tag 自动重命名配对的HTML / XML标签 
Beautify 格式化代码 (查看使用方法) 
Bracket Pair Colorizer 颜色识别匹配括号 
————————————————
版权声明：本文为优快云博主「小贤笔记」的原创文章，遵循CC ...]]></description><category></category></item><item><title><![CDATA[web前端面试题合集及答案]]></title><link>https://blog.youkuaiyun.com/webWangGe/article/details/117930955</link><guid>https://blog.youkuaiyun.com/webWangGe/article/details/117930955</guid><author>webWangGe</author><pubDate>Tue, 15 Jun 2021 18:53:35 +0800</pubDate><description><![CDATA[1、常用那几种浏览器测试？有哪些内核****(Layout Engine)?


1、浏览器：IE，Chrome，FireFox，Safari，Opera。
2、内核：Trident，Gecko，Presto，Webkit。


2、 说下行内元素和块级元素的区别？行内块元素的兼容性使用？（****IE8 以下）


行内元素：会在水平方向排列，不能包含块级元素，设置width无效，height无效(可以设置line-height)，margin上下无效，padding上下无效。块级元素：各占据一行，垂直方]]></description><category></category></item><item><title><![CDATA[web前端面试题 + 必会知识点]]></title><link>https://blog.youkuaiyun.com/webWangGe/article/details/117353934</link><guid>https://blog.youkuaiyun.com/webWangGe/article/details/117353934</guid><author>webWangGe</author><pubDate>Fri, 28 May 2021 11:26:28 +0800</pubDate><description><![CDATA[整理所有看过的文章的面试题+各种百度每一道题的答案，希望可以有效的帮助别人
本章博客，梳理所有基础的css，js，html，jquery，vue等题，包含面试题，可供参考学习，也督促自我学习

第一阶段：前端和计算机基础相关知识

1. 描述渐进增强和优雅降级之间的区别


渐进增强：在网页开发中，先对低版本的浏览器进行css样式处理，构建页面，满足最基本的功能，在对高级浏览器进行效果，交互。写法如下：





.box {

    -webkit-border-radius: 2px;

    -.]]></description><category></category></item></channel></rss>