XXR_-CSDN博客

原创源码系列 --- 五分钟撸个小游戏【小小乒乓球】

前置条件：官网下载jQuery或者直接link一波jQuery。逻辑部分：每30毫秒小球判断方向并位移一次。处理了多按键同时按下的情况。编写了边界处理：触碰到边界就改变方向，并记录得分。编写了碰撞事件：触碰到挡板就会改变方向。样式部分：没啥特色。简单的渐变色。HTML源码如下：<!DOCTYPE html><html lang=...

2019-10-09 22:33:34 941

原创 Vue3.0来了，一分钟快速了解3.0新特性

10月5日，尤大大带着pre-alpha版本的Vue3.0走来了。粗略看了一下源码，发现源码基本都转化成了 typeScript 。我们对照着“ Vue 3.0 Updates ” 的主题演讲来分析一下：1、速度方面：通过更新 runtime-core 与 runtime-dom ，支持了包括 Fragments、Portals与Suspense w/ async setup...

2019-10-07 10:06:54 4883

原创【一分钟阅读】关于组件化，我有一些小建议

随着公司项目多端化，开发所需要注意的细节越来越多。我在会议上提出组件化开发，希望能把业务细节与技术细节区分开来。一、组件化流程首先我们需要找到切入点，我采取的是通过模仿element-ui的组件，先让我们美工小姐姐，照着element的组件库描绘一版我们自己的组件，内容包括颜色、字体、按钮、图片等基础UI组件。这就是我们组件化第一步，UI 组件形成。其次是业务组件的补充，这方...

2019-10-06 14:18:28 207

原创前端开发样式表规范

CSS书写顺序1、DOM 节点属性（display及其衍生属性：display:flex; justify-content: center等）2、位置关系（position、left、top等）3、content外属性（margin、border、padding）4、content属性（max-width、width、height）5、行内元素属性（text-align、...

2019-09-03 13:13:55 356

原创提高 JavaScript 性能【从URL解析到DOM点操作】

前公司创业公司创业还没成功，新制度倒是层出不穷，纷纷扰扰。心里不快，干脆裸辞跑回广州。面试了两天就确定了新公司，从小程序又转战Vue。许久没碰Vue，手生得很啊！很感谢新公司CTO杰哥给我机会让我快速了解公司业务，上手项目。虽然刚进公司不到一个月，但是得到机会见识了架构好的代码，一个月内多次刷新对前端的认知。难得本月业务写完大半，遂抽空开始学JavaScript性能相关，于是有此文。本文...

2019-08-18 22:46:47 239

原创 canvas制作八卦图源码

源码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">

2019-02-20 17:04:37 404

翻译【翻译】The HTML5 Canvas Handbook【持续翻译中】（第三次更新）

前言HTML5 中引入了 canvas 元素，canvas 是动态生成位图图像（bitmap）的 JavaScript 框架。基本的设置有点复杂，所涉及的对象本身设计得很差，这也是标准演变过程的实际缩减的结果。而 Canvas 元素值得我们学习和练习的原因是：它是 HTML 中图形（graphics）和视频等未来元素，单单这点就足以证明它的强大，不光如此，结合其自然栖息地的完整的脚本语言，...

2019-02-04 10:51:42 340

原创使用JavaScript实现线性表的常见功能

目录假设有两个线性表LA和LB分别表示两个集合A和B，现要求一个新集合A=AUB删除线性表L中重复的元素顺序表插入算法顺序表删除算法逆置线性表假设有两个线性表LA和LB分别表示两个集合A和B，现要求一个新集合A=AUB{ let A = [1,2,3,4,5,6,7,8]; let B = [2,3,4,2,5,7,9,54,9,10]; funct...

2019-01-15 11:16:07 216

转载 2018年web前端经典面试题及答案

阅读目录JavaScript部分 JQurey部分 HTML/CSS部分正则表达式开发及性能优化部分本篇收录了一些面试中经常会遇到的经典面试题以及自己面试过程中遇到的一些问题，并且都给出了我在网上收集的答案。马上就要过春节了，开年就是崭新的一年，相信很多的前端开发者会有一些跳槽的悸动，通过对本篇知识的整理以及经验的总结，希望能帮到更多的前端面试者。（如有错误或更好的答案，欢迎指正...

2018-11-19 21:33:38 1061

原创水平垂直居中的几种方式

本文介绍的方法种类不太全，因为笔者只想分享用过的、通用性高并且简便易用的。第一类：基于 flex 场景HTML代码： <div class="box blue"> <div id="mainer" class="yellow element mainer"></div> </div>CSS代码：.bl

2018-11-13 11:24:29 237

原创游戏前端学习（一） typescript + egret + egret-EUI系列

本系列主要是我的工作学习历程，包括日常采坑，游戏相关的编程、语法、扩展库等。所以文章会有点流水账的形式。最近找了份新的工作，主要是微信小游戏开发的，由于我拥有 Java、JavaScript、微信小程序开发等基础，所以目前主要补充的知识点有 typescript、egret、包括 egret 的扩展类库：egret-eui。工作第一天：我选择从 Egret Engline 2D ...

2018-09-28 19:29:04 1713

原创小程序学习记录（二）——view、text、image标签、flex布局

距离上一篇博客已经过去有小半个月时间了，这期间我为了一个工作机会赶出了几个项目、四处奔波面试、不断学习，修改简历等。这些会在这两天整理一下以博客的形式记录下来。本篇博客继续我们的小程序学习记录，记录的是我觉得小程序比较有意思的常用标签与 flex 布局相关知识。首先介绍的是常用的标签1.viewview 作为小程序中的视图容器时，其类比对象可以是 web 中的 <head&g...

2018-09-23 22:29:32 15413

原创小程序踩坑第二天

数据明明定义了却无法显示在组件中？可能是你把数据定义在 js 里的 Page({ data: { } })中而不是 Component({ data: { } })改正方法，把数据定义到组件 js 文件下的 Component 中的 data 即可。...

2018-09-12 10:13:00 198

原创小程序第一天踩坑报道

以下是第一天配置小程序组件化过程中踩的坑的总结。出现以下问题： Components/component/index.json 文件解析错误 SyntaxError: Unexpected end of JSON input解决办法：在被引用组件的 json 文件下配置以下代码{ "component": true}或者在引用目标组件的 json 文件下配置以下代码...

2018-09-11 22:44:44 1212

原创小程序学习记录（一）——基本样式介绍

这些天到处跑面试，结果屡屡碰壁。原因除了技术问题、生活上的问题外，遇到的最大的问题就是没有小程序开发经验了。于是我搜集了一些小程序的资料，结合慕课网、微信开放平台相关内容进行学习。这个系列将会从我实际学习中出发，去讲述我从学习小程序过程中获得的内容。详细安装、申请小程序开发KEY的可直接看微信公众平台，在这里我是想直接进行中大型的小程序项目开发，所以我直接把该申请的都申请了。而对于一...

2018-09-11 14:52:41 2350

原创 HTML5详情之新标签（一）

本文介绍的新标签有：可以展开与收起子节点部分的 details；与 input 标签配合，实现模糊查询的 datalist；进度条标签 progress。details 标签此标签可以将一些信息包裹在标签标题下。标准代码与状态如下：其中：details 标签是标题与内容的父级元素；summary 标签是 details 标签的子标签，作用是修改 details 标签的标题，只要在d...

2018-09-08 17:57:02 205

原创 CSS样式层叠关系（一）-- 外部，内部与内联

HTML 中标签元素的样式可以有多种写法有链接外部样式表， HTML 页面内嵌样式表与元素内联样式这篇文章就讲一下这三种方式引入 CSS 样式之间相似处与区别，着重写三者的优先级关系。相似：三者都是通过对标签、id、class 进行赋予样式属性值，常见用法如下所示div { color: #333;}.header { background: #00DDDD;...

2018-09-08 11:05:05 2454

qq_36024963的博客