<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[web前端Talk的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/qq_25753979</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; qq_25753979]]></copyright><item><title><![CDATA[无聊吗？写个【飞机大战】来玩吧（下篇）]]></title><link>https://blog.youkuaiyun.com/qq_25753979/article/details/97641302</link><guid>https://blog.youkuaiyun.com/qq_25753979/article/details/97641302</guid><author>qq_25753979</author><pubDate>Mon, 29 Jul 2019 14:36:02 +0800</pubDate><description><![CDATA[上一篇介绍了如何使用cocos creator开发游戏，此篇是详细介绍功能点以及如何部署打包至微信小游戏体验。

欢迎关注我们的公众号：Web前端Talk。前端文章持续更新。

资源管理制作
1、准备工具
cocos creatorv2.0.5官方最新版本、sublime tetx3或vscode、texturePackerGUI、微信小程序开发工具
&nbsp;
2、sprite，图集资...]]></description><category></category></item><item><title><![CDATA[无聊吗？写个【飞机大战】来玩吧(上篇)]]></title><link>https://blog.youkuaiyun.com/qq_25753979/article/details/97640875</link><guid>https://blog.youkuaiyun.com/qq_25753979/article/details/97640875</guid><author>qq_25753979</author><pubDate>Mon, 29 Jul 2019 14:31:57 +0800</pubDate><description><![CDATA[01前言介绍
微信小游戏是基于微信客户端的游戏，它即点即玩，无需下载安装，体验轻便，可以和微信内的好友一起玩，比如PK、围观等，享受小游戏带来的乐趣。那如何开发一款属于自己的小游戏呢？
&nbsp;
源码地址:
https://github.com/A123asdo11/aircraft_war
（新版ccc已无法正常使用，需要修复，文章作者花费了大量的时间和精...]]></description><category></category></item><item><title><![CDATA[教大家如何使用Java自动化测试TestNG框架的简易教程]]></title><link>https://blog.youkuaiyun.com/qq_25753979/article/details/96481664</link><guid>https://blog.youkuaiyun.com/qq_25753979/article/details/96481664</guid><author>qq_25753979</author><pubDate>Fri, 19 Jul 2019 15:44:08 +0800</pubDate><description><![CDATA[今天来教大家一些关于java自动化测试TestNG相关的知识。大家来看看哦。
TestNG简介
TestNG官方的定义：TestNG是一个测试框架，其灵感来自JUnit和NUnit，但引入了一些新的功能，使其功能更强大，使用更方便。
TestNG的创始人是Cedric Beust(塞德里克·博伊斯特)。
TestNG是一个开源自动化测试框架;TestNG表示下一代(Next Generation的...]]></description><category></category></item><item><title><![CDATA[前端 100 问，大厂面试题精华解析]]></title><link>https://blog.youkuaiyun.com/qq_25753979/article/details/96430425</link><guid>https://blog.youkuaiyun.com/qq_25753979/article/details/96430425</guid><author>qq_25753979</author><pubDate>Thu, 18 Jul 2019 14:34:27 +0800</pubDate><description><![CDATA[引言
半年时间，几千人参与，精选大厂前端面试高频 100 题，这就是「壹题」。
在 2019 年 1 月 21 日这天，「壹题」项目正...]]></description><category></category></item><item><title><![CDATA[React-loadable 进行代码分割的基本使用]]></title><link>https://blog.youkuaiyun.com/qq_25753979/article/details/93967645</link><guid>https://blog.youkuaiyun.com/qq_25753979/article/details/93967645</guid><author>qq_25753979</author><pubDate>Fri, 28 Jun 2019 09:41:28 +0800</pubDate><description><![CDATA[随着项目功能的扩充、版本迭代，我们与Webpack捆绑起来的的项目越来越大，大到开始影响加载速度了。这时我们就该考虑如何对代码进行拆分了。
这次我们一起学习一下如何对React项目中的代码进行Code-Splitting（代码分割、代码拆分等各种叫法…）。
Code-Splitting的思路有很多，很多人选择的拆分方案是根据不同的路由进行拆分开来实现组件按需加载。存在的弊端就是这样只是根据顶级路由...]]></description><category></category></item><item><title><![CDATA[程序员的日常，是我本人没错了！]]></title><link>https://blog.youkuaiyun.com/qq_25753979/article/details/93849425</link><guid>https://blog.youkuaiyun.com/qq_25753979/article/details/93849425</guid><author>qq_25753979</author><pubDate>Thu, 27 Jun 2019 10:05:44 +0800</pubDate><description><![CDATA[去除掉网页中的CSS文件，不忍直视



代码运行一次就完美通过了



加了一个星期的班赶工，老板说这个功能先不做了…


4.没有保存就关闭了IDE


自信地给老板演示刚刚做好的新功能



领导问这个bug到底是谁的锅？



产品经理说想加一个功能



一切进展顺利的演示，突然系统崩溃了



网站大改版，使用IE测了一下




周五下班前，有人找你改功能



上线前1天，产品经...]]></description><category></category></item><item><title><![CDATA[前端高考题，测测你能及格吗？]]></title><link>https://blog.youkuaiyun.com/qq_25753979/article/details/91378931</link><guid>https://blog.youkuaiyun.com/qq_25753979/article/details/91378931</guid><author>qq_25753979</author><pubDate>Mon, 10 Jun 2019 15:22:28 +0800</pubDate><description><![CDATA[前言
ES2018(ES9) 新特性包括：
异步迭代器、对象展开运算符、Promise.prototype.finally、非转义序列的模板字符串、正则表达式 s/dotAll 模式、等等…
高考刚刚结束了，我也来蹭个热点。本文主要用于测试你对 ES2018(ES9) 的掌握情况，有兴趣的朋友可亲自验证下答案的对错，检验下自己对知识的掌握程度。
答案在文章底部，不要偷看


以下代码的执行结果是什...]]></description><category></category></item><item><title><![CDATA[十分钟实现灭霸打响指灰飞烟灭的效果]]></title><link>https://blog.youkuaiyun.com/qq_25753979/article/details/90905871</link><guid>https://blog.youkuaiyun.com/qq_25753979/article/details/90905871</guid><author>qq_25753979</author><pubDate>Wed, 05 Jun 2019 17:20:35 +0800</pubDate><description><![CDATA[看过复仇者联盟的都知道，灭霸作为计划生育政策的坚定支持者和执行者，一个响指清除了宇宙中二分之一的生命。电影中被清除的生命灰飞烟灭的镜头很是酷炫，所以在复联4上映后，那个不存在的网站google，推出了一个彩蛋，如果在搜索框搜索灭霸，会出现一个手套的按钮，点击后会让网页搜索结果消失一半。

恩~这很谷歌。
效果虽然酷炫但其实并不复杂，这里带着大家一起来实现一下，网上也已经有了一些教程(Thanos ...]]></description><category></category></item><item><title><![CDATA[5G时代即将来临，VR虚拟现实技术会得到更大发展，WebVR将逐渐走入大众视野！]]></title><link>https://blog.youkuaiyun.com/qq_25753979/article/details/90777657</link><guid>https://blog.youkuaiyun.com/qq_25753979/article/details/90777657</guid><author>qq_25753979</author><pubDate>Tue, 04 Jun 2019 16:49:58 +0800</pubDate><description><![CDATA[web端的虚拟现实（webVR）
WebVR和WebGL应用程序接口使得我们已经可以在浏览器上创建虚拟现实（VR）体验，但从工程化的角度而言，开发社区还需要更多方便强大的开发库来简化编程，Mozilla的 A-Frame 框架就是这样一个工具，提供了一个Web开发者所熟悉的标记语言来快速构建3D VR场景动画原型，而不需要编写过多的JavaScript和GLSL语句。本文将介绍如何使用A-Fram...]]></description><category></category></item><item><title><![CDATA[什么是React服务端渲染？我们来看下原理和示例！]]></title><link>https://blog.youkuaiyun.com/qq_25753979/article/details/90702483</link><guid>https://blog.youkuaiyun.com/qq_25753979/article/details/90702483</guid><author>qq_25753979</author><pubDate>Thu, 30 May 2019 18:13:44 +0800</pubDate><description><![CDATA[大家好，今天小编给大家带来一篇关于react服务端渲染的文章。
那么什么是react服务端渲染呢？ 我们来看看。
React服务端渲染
写过React组件的同学都知道，React组件一般是基于浏览器端使用js渲染的。它所生成的Dom结构都是后期由js计算生成。如下图，我们可以看到页面源文件中id为root中的dom结构实际是空的。但实际在element元素中，已经可以看到Dom树的生成了。
图1:...]]></description><category></category></item><item><title><![CDATA[这一次，彻底弄懂 JavaScript 执行机制]]></title><link>https://blog.youkuaiyun.com/qq_25753979/article/details/90644197</link><guid>https://blog.youkuaiyun.com/qq_25753979/article/details/90644197</guid><author>qq_25753979</author><pubDate>Tue, 28 May 2019 17:54:42 +0800</pubDate><description><![CDATA[本文的目的就是要保证你彻底弄懂javascript的执行机制，如果读完本文还不懂，可以揍我。
不论你是javascript新手还是老鸟，不论是面试求职，还是日常开发工作，我们经常会遇到这样的情况：
给定的几行代码，我们需要知道其输出内容和顺序。因为javascript是一门单线程语言，所以我们可以得出结论：
javascript是按照语句出现的顺序执行的
看到这里读者要打人了：我难道不知道js是一...]]></description><category></category></item><item><title><![CDATA[我们来彻底搞清楚javascript中的require、import和export]]></title><link>https://blog.youkuaiyun.com/qq_25753979/article/details/90520361</link><guid>https://blog.youkuaiyun.com/qq_25753979/article/details/90520361</guid><author>qq_25753979</author><pubDate>Mon, 27 May 2019 17:58:44 +0800</pubDate><description><![CDATA[为什么有模块概念
理想情况下，开发者只需要实现核心的业务逻辑，其他都可以加载别人已经写好的模块。
但是，Javascript不是一种模块化编程语言，在es6以前，它是不支持”类”（class），所以也就没有”模块”（module）了。
require时代
Javascript社区做了很多努力，在现有的运行环境中，实现”模块”的效果。
原始写法
模块就是实现特定功能的一组方法。
只要把不同的函数（以...]]></description><category></category></item><item><title><![CDATA[关于this指针-理解call、apply、bind]]></title><link>https://blog.youkuaiyun.com/qq_25753979/article/details/90515505</link><guid>https://blog.youkuaiyun.com/qq_25753979/article/details/90515505</guid><author>qq_25753979</author><pubDate>Fri, 24 May 2019 14:15:58 +0800</pubDate><description><![CDATA[关于this指针-理解call、apply、bind
首先，this指针只存在于函数（function）中。用于指向一个对象
this在不同函数中有3种代表方式：
普通函数中：代表window对象
构造函数中：代表new出来的对象
对象方法中：代表调用该方法的对象

改变对象this指向的3个方法：

call：改变函数this指向
不传/null/undefined时，this都表示window...]]></description><category></category></item><item><title><![CDATA[【js】了解前端缓存，收获不止于此！]]></title><link>https://blog.youkuaiyun.com/qq_25753979/article/details/90441142</link><guid>https://blog.youkuaiyun.com/qq_25753979/article/details/90441142</guid><author>qq_25753979</author><pubDate>Wed, 22 May 2019 14:04:35 +0800</pubDate><description><![CDATA[这次我们来讲一下关于前端缓存的问题。
首先，开局我画了一张图，你会对文章有一个大局了解。

今天讲的是前端缓存。
前端缓存有3大种：如图，分为HTTP缓存、浏览器缓存、应用程序缓存。
HTTP缓存
我们先来看HTTP缓存：（做下了解）
分为强缓存与协商缓存。
首先看强缓存：
强缓存之Expires：
值为服务端返回的到期时间，即下一次请求时，请求时间小于服务端返回的到期时间，直接使用缓存数据；
到...]]></description><category></category></item><item><title><![CDATA[用这段代码对App说：喂，醒醒！App，到你出场了！]]></title><link>https://blog.youkuaiyun.com/qq_25753979/article/details/90409491</link><guid>https://blog.youkuaiyun.com/qq_25753979/article/details/90409491</guid><author>qq_25753979</author><pubDate>Tue, 21 May 2019 16:27:03 +0800</pubDate><description><![CDATA[一般公司都有自己的app，而app是需要不断有新用户涌入才能持续运营，达到不错的收入。就需要使用这种方式进行引入新的用户到native app中。
一些内容在网页端体验不好，或者一些功能需要app内才能实现，以及能留住用户，就需要将用户引入app中。
点击网页按钮打开app并自动跳到相应页面。
首先，这个方法仅适用于移动端h5页面，一般的智能机都是可以使用的。这里使用的是es5的代码模式，容易理解...]]></description><category></category></item><item><title><![CDATA[【js】版本号对比处理方案]]></title><link>https://blog.youkuaiyun.com/qq_25753979/article/details/90374629</link><guid>https://blog.youkuaiyun.com/qq_25753979/article/details/90374629</guid><author>qq_25753979</author><pubDate>Mon, 20 May 2019 14:45:11 +0800</pubDate><description><![CDATA[今天在处理一个bug问题，适配客户端版本：若版本号未达到，则不可运行该功能，若达到则可运行。
版本号规则如下：（一般统一为2个点，其他的是数字，版本号从高位到低位，首位越大则越大，首位相同则对比下一位…）
版本由低到高：
6.10.9
7.9.5
7.10.3
7.21.1
来看下怎么实现。
实现原理：
取出当前版本号，传递目标版本号。将他们分别分割成数组。每个元素进行对比。第一位大的就大，第一位...]]></description><category></category></item><item><title><![CDATA[【js】高阶函数是个什么？]]></title><link>https://blog.youkuaiyun.com/qq_25753979/article/details/90294872</link><guid>https://blog.youkuaiyun.com/qq_25753979/article/details/90294872</guid><author>qq_25753979</author><pubDate>Fri, 17 May 2019 15:57:45 +0800</pubDate><description><![CDATA[原创： 海瑞菌
所谓高阶函数，就是函数中可以传入另一个函数作为参数的函数。
简单一张图，方便理解全文。

所谓高阶函数，就是函数中可以传入另一个函数作为参数的函数。
简单一张图，方便理解全文。

其实高阶函数用的很多。其实平时也用，只是以前并不知道那叫高阶函数。
js函数可以传入变量，而函数也是一个变量，自然也是可以传递的。
如：
map：一般用于操作数组集合，遍历操作用。


使用map(Str...]]></description><category></category></item><item><title><![CDATA[【js】理解普通函数和箭头函数的区别点]]></title><link>https://blog.youkuaiyun.com/qq_25753979/article/details/90237123</link><guid>https://blog.youkuaiyun.com/qq_25753979/article/details/90237123</guid><author>qq_25753979</author><pubDate>Wed, 15 May 2019 15:12:48 +0800</pubDate><description><![CDATA[普通函数在es5中就有了，箭头函数是es6中出现的函数形式，当然也可以继续用普通函数。
普通函数大家知道：
形式基本一致

来看看箭头函数：
开发时根据实际情况可以省略一些东西
单条处理可以省略return和{大括号}
单个参数可以省略(小括号)

箭头函数不能作为构造函数 不能new。会报错


箭头函数不绑定arguments，但是可使用…rest参数
这是普通函数arguments，可以使用...]]></description><category></category></item><item><title><![CDATA[【答题游戏】最强王者--小游戏开发解析]]></title><link>https://blog.youkuaiyun.com/qq_25753979/article/details/90203235</link><guid>https://blog.youkuaiyun.com/qq_25753979/article/details/90203235</guid><author>qq_25753979</author><pubDate>Tue, 14 May 2019 11:42:02 +0800</pubDate><description><![CDATA[答题游戏代码解析
1.游戏整体设计


2.ui布局
（1）开机页：上图+蓝色背景图、中间按钮文案展示区域、活动规则文案展示区域
（2）游戏页：蓝色背景图、上（左右）题目序号文案展示、10秒倒计时动态、题目以及答案选项展示区域
（3）结果页：蓝色背景图、获奖文案、奖品文案、金额数字、分享按钮
场景代码：
首页：

游戏页（预准备数据）：

结果页：

小游戏体验：扫描二维码

游戏代码分析：
游戏...]]></description><category></category></item><item><title><![CDATA[【转载】React Router v5发布，更好地支持React 16]]></title><link>https://blog.youkuaiyun.com/qq_25753979/article/details/90057268</link><guid>https://blog.youkuaiyun.com/qq_25753979/article/details/90057268</guid><author>qq_25753979</author><pubDate>Fri, 10 May 2019 14:13:04 +0800</pubDate><description><![CDATA[转自：开源中国
时隔 2 年，React 的声明式路由组件 React Router 发布了第 5 个版本。
关于 React Router v5 有一个小插曲，其实开发团队原本只是计划发布 React Router 4.4 版本，但由于错误地使用了托字符 (^) —— 将依赖错误地写成 “react-router”: “^4.3.1”，导致报错。最后团队决定撤销 4.4 版本，直接改为发布 Re...]]></description><category></category></item></channel></rss>