自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(21)
  • 收藏
  • 关注

原创 无聊吗?写个【飞机大战】来玩吧(下篇)

上一篇介绍了如何使用cocos creator开发游戏,此篇是详细介绍功能点以及如何部署打包至微信小游戏体验。欢迎关注我们的公众号:Web前端Talk。前端文章持续更新。资源管理制作1、准备工具cocos creatorv2.0.5官方最新版本、sublime tetx3或vscode、texturePackerGUI、微信小程序开发工具 2、sprite,图集资...

2019-07-29 14:36:02 216

原创 无聊吗?写个【飞机大战】来玩吧(上篇)

01前言介绍微信小游戏是基于微信客户端的游戏,它即点即玩,无需下载安装,体验轻便,可以和微信内的好友一起玩,比如PK、围观等,享受小游戏带来的乐趣。那如何开发一款属于自己的小游戏呢? 源码地址:https://github.com/A123asdo11/aircraft_war(新版ccc已无法正常使用,需要修复,文章作者花费了大量的时间和精...

2019-07-29 14:31:57 415

原创 教大家如何使用Java自动化测试TestNG框架的简易教程

今天来教大家一些关于java自动化测试TestNG相关的知识。大家来看看哦。TestNG简介TestNG官方的定义:TestNG是一个测试框架,其灵感来自JUnit和NUnit,但引入了一些新的功能,使其功能更强大,使用更方便。TestNG的创始人是Cedric Beust(塞德里克·博伊斯特)。TestNG是一个开源自动化测试框架;TestNG表示下一代(Next Generation的...

2019-07-19 15:44:08 1280

转载 前端 100 问,大厂面试题精华解析

引言半年时间,几千人参与,精选大厂前端面试高频 100 题,这就是「壹题」。在 2019 年 1 月 21 日这天,「壹题」项目正...

2019-07-18 14:34:27 1603

原创 React-loadable 进行代码分割的基本使用

随着项目功能的扩充、版本迭代,我们与Webpack捆绑起来的的项目越来越大,大到开始影响加载速度了。这时我们就该考虑如何对代码进行拆分了。这次我们一起学习一下如何对React项目中的代码进行Code-Splitting(代码分割、代码拆分等各种叫法…)。Code-Splitting的思路有很多,很多人选择的拆分方案是根据不同的路由进行拆分开来实现组件按需加载。存在的弊端就是这样只是根据顶级路由...

2019-06-28 09:41:28 858

原创 程序员的日常,是我本人没错了!

去除掉网页中的CSS文件,不忍直视代码运行一次就完美通过了加了一个星期的班赶工,老板说这个功能先不做了…4.没有保存就关闭了IDE自信地给老板演示刚刚做好的新功能领导问这个bug到底是谁的锅?产品经理说想加一个功能一切进展顺利的演示,突然系统崩溃了网站大改版,使用IE测了一下周五下班前,有人找你改功能上线前1天,产品经...

2019-06-27 10:05:44 150

原创 【前端词典】如何向老板解释反向代理

前言现在看到的这篇文章是修改后的第三个版本。由于我家老板看过之后,对这篇文章的评价是:写的不错,语句是通顺的,排版是可以的,但反向代理是什么还是不清楚?所以我就想尝试着向非 IT 工作者解释“正向代理”和“反向代理”。接下来我会先尝试面向大众,来解释“代理”的概念。在从专业的角度解释“正向代理”和“反向代理”。概念实例化在讲代理的概念之前我先讲个类比。也是我向我家老板解释的过程。...

2019-06-11 17:26:28 198

转载 前端高考题,测测你能及格吗?

前言ES2018(ES9) 新特性包括:异步迭代器、对象展开运算符、Promise.prototype.finally、非转义序列的模板字符串、正则表达式 s/dotAll 模式、等等…高考刚刚结束了,我也来蹭个热点。本文主要用于测试你对 ES2018(ES9) 的掌握情况,有兴趣的朋友可亲自验证下答案的对错,检验下自己对知识的掌握程度。答案在文章底部,不要偷看以下代码的执行结果是什...

2019-06-10 15:22:28 258

转载 十分钟实现灭霸打响指灰飞烟灭的效果

看过复仇者联盟的都知道,灭霸作为计划生育政策的坚定支持者和执行者,一个响指清除了宇宙中二分之一的生命。电影中被清除的生命灰飞烟灭的镜头很是酷炫,所以在复联4上映后,那个不存在的网站google,推出了一个彩蛋,如果在搜索框搜索灭霸,会出现一个手套的按钮,点击后会让网页搜索结果消失一半。恩~这很谷歌。效果虽然酷炫但其实并不复杂,这里带着大家一起来实现一下,网上也已经有了一些教程(Thanos ...

2019-06-05 17:20:35 2275 2

转载 5G时代即将来临,VR虚拟现实技术会得到更大发展,WebVR将逐渐走入大众视野!

web端的虚拟现实(webVR)WebVR和WebGL应用程序接口使得我们已经可以在浏览器上创建虚拟现实(VR)体验,但从工程化的角度而言,开发社区还需要更多方便强大的开发库来简化编程,Mozilla的 A-Frame 框架就是这样一个工具,提供了一个Web开发者所熟悉的标记语言来快速构建3D VR场景动画原型,而不需要编写过多的JavaScript和GLSL语句。本文将介绍如何使用A-Fram...

2019-06-04 16:49:58 3650

原创 什么是React服务端渲染?我们来看下原理和示例!

大家好,今天小编给大家带来一篇关于react服务端渲染的文章。那么什么是react服务端渲染呢? 我们来看看。React服务端渲染写过React组件的同学都知道,React组件一般是基于浏览器端使用js渲染的。它所生成的Dom结构都是后期由js计算生成。如下图,我们可以看到页面源文件中id为root中的dom结构实际是空的。但实际在element元素中,已经可以看到Dom树的生成了。图1:...

2019-05-30 18:13:44 1433

转载 这一次,彻底弄懂 JavaScript 执行机制

本文的目的就是要保证你彻底弄懂javascript的执行机制,如果读完本文还不懂,可以揍我。不论你是javascript新手还是老鸟,不论是面试求职,还是日常开发工作,我们经常会遇到这样的情况:给定的几行代码,我们需要知道其输出内容和顺序。因为javascript是一门单线程语言,所以我们可以得出结论:javascript是按照语句出现的顺序执行的看到这里读者要打人了:我难道不知道js是一...

2019-05-28 17:54:42 370

转载 我们来彻底搞清楚javascript中的require、import和export

为什么有模块概念理想情况下,开发者只需要实现核心的业务逻辑,其他都可以加载别人已经写好的模块。但是,Javascript不是一种模块化编程语言,在es6以前,它是不支持”类”(class),所以也就没有”模块”(module)了。require时代Javascript社区做了很多努力,在现有的运行环境中,实现”模块”的效果。原始写法模块就是实现特定功能的一组方法。只要把不同的函数(以...

2019-05-27 17:58:44 558 1

转载 关于this指针-理解call、apply、bind

关于this指针-理解call、apply、bind首先,this指针只存在于函数(function)中。用于指向一个对象this在不同函数中有3种代表方式:普通函数中:代表window对象构造函数中:代表new出来的对象对象方法中:代表调用该方法的对象改变对象this指向的3个方法:call:改变函数this指向不传/null/undefined时,this都表示window...

2019-05-24 14:15:58 174

原创 【js】了解前端缓存,收获不止于此!

这次我们来讲一下关于前端缓存的问题。首先,开局我画了一张图,你会对文章有一个大局了解。今天讲的是前端缓存。前端缓存有3大种:如图,分为HTTP缓存、浏览器缓存、应用程序缓存。HTTP缓存我们先来看HTTP缓存:(做下了解)分为强缓存与协商缓存。首先看强缓存:强缓存之Expires:值为服务端返回的到期时间,即下一次请求时,请求时间小于服务端返回的到期时间,直接使用缓存数据;到...

2019-05-22 14:04:35 269

原创 用这段代码对App说:喂,醒醒!App,到你出场了!

一般公司都有自己的app,而app是需要不断有新用户涌入才能持续运营,达到不错的收入。就需要使用这种方式进行引入新的用户到native app中。一些内容在网页端体验不好,或者一些功能需要app内才能实现,以及能留住用户,就需要将用户引入app中。点击网页按钮打开app并自动跳到相应页面。首先,这个方法仅适用于移动端h5页面,一般的智能机都是可以使用的。这里使用的是es5的代码模式,容易理解...

2019-05-21 16:27:03 167

原创 【js】版本号对比处理方案

今天在处理一个bug问题,适配客户端版本:若版本号未达到,则不可运行该功能,若达到则可运行。版本号规则如下:(一般统一为2个点,其他的是数字,版本号从高位到低位,首位越大则越大,首位相同则对比下一位…)版本由低到高:6.10.97.9.57.10.37.21.1来看下怎么实现。实现原理:取出当前版本号,传递目标版本号。将他们分别分割成数组。每个元素进行对比。第一位大的就大,第一位...

2019-05-20 14:45:11 1621

原创 【js】高阶函数是个什么?

原创: 海瑞菌所谓高阶函数,就是函数中可以传入另一个函数作为参数的函数。简单一张图,方便理解全文。所谓高阶函数,就是函数中可以传入另一个函数作为参数的函数。简单一张图,方便理解全文。其实高阶函数用的很多。其实平时也用,只是以前并不知道那叫高阶函数。js函数可以传入变量,而函数也是一个变量,自然也是可以传递的。如:map:一般用于操作数组集合,遍历操作用。使用map(Str...

2019-05-17 15:57:45 13487 2

原创 【js】理解普通函数和箭头函数的区别点

普通函数在es5中就有了,箭头函数是es6中出现的函数形式,当然也可以继续用普通函数。普通函数大家知道:形式基本一致来看看箭头函数:开发时根据实际情况可以省略一些东西单条处理可以省略return和{大括号}单个参数可以省略(小括号)箭头函数不能作为构造函数 不能new。会报错箭头函数不绑定arguments,但是可使用…rest参数这是普通函数arguments,可以使用...

2019-05-15 15:12:48 16002

原创 【答题游戏】最强王者--小游戏开发解析

答题游戏代码解析1.游戏整体设计2.ui布局(1)开机页:上图+蓝色背景图、中间按钮文案展示区域、活动规则文案展示区域(2)游戏页:蓝色背景图、上(左右)题目序号文案展示、10秒倒计时动态、题目以及答案选项展示区域(3)结果页:蓝色背景图、获奖文案、奖品文案、金额数字、分享按钮场景代码:首页:游戏页(预准备数据):结果页:小游戏体验:扫描二维码游戏代码分析:游戏...

2019-05-14 11:42:02 2499

转载 【转载】React Router v5发布,更好地支持React 16

转自:开源中国时隔 2 年,React 的声明式路由组件 React Router 发布了第 5 个版本。关于 React Router v5 有一个小插曲,其实开发团队原本只是计划发布 React Router 4.4 版本,但由于错误地使用了托字符 (^) —— 将依赖错误地写成 “react-router”: “^4.3.1”,导致报错。最后团队决定撤销 4.4 版本,直接改为发布 Re...

2019-05-10 14:13:04 218 1

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除