- 博客(101)
- 收藏
- 关注
RSS订阅原创 双非到大厂:More Than A Game
标题有点标题党了，大学是深圳大学(虽然是双非，但是比没落的985分数线高的多，很幸运能够在最有活力的城市深圳上深圳大学，永远爱深圳大学)，more than a game 是我最爱的球星詹姆斯一个纪录片的名字，这个过程不仅仅是输赢的比赛不是吗？还有很多收获，感受…前言快到了新的一年，一边是各种策划如何跨年欢乐的气氛，另一边是大三同学在焦虑接下来的校招实习，大四秋招没有拿到 offer 的同学在准备春招再拼一把，时不时收到师弟师妹的微信请教一些问题，正好需求不忙的时候以校招生进入字节，刚工作接近 6 个月
2022-01-06 15:39:57
670
3
原创 javascript proxy : clear explanation and practical examples
javascript proxy : clear explanation and practical examplesWhat is proxyProxy enalbes us to intercept and customize operations performed on objects (such as getting ,setting properties). They are metaprogramming feature.metaProgramming:Metaprogrammin
2021-07-18 10:32:09
236
原创 A brief introduction to Typescript
why we use TypescriptTypescript is a ‘superset’ to the javascript . syntacs are based on the core javascript ,but added the static type .below ,use a small demo to show you why we use Typescript.function add(a,b){ reuturn a+b;}const result1 = add(
2021-07-13 08:50:28
198
原创 A brief introduction to React Context
What is itContext is introduced by react to handle cases like this . When you need some data ,some certain state,but you do not want to pass through multiple layers of components just to get it from A at the top to component D at the very bottom where
2021-06-28 01:42:17
165
原创 通过Jquery来绑定事件监听器
event无处不在，我们需要添加事件，添加事件语法如下：$("p").click();$("p").click(function(){ // action goes here!!});如上代码选择了id为p的元素，并执行了click事件，里面的function内可以写具体的执行内容。有时候可能饿哦们在同一个节点上添加多个事件，因此下面的形式更加常用。$("p").on("...
2021-01-01 16:29:13
846
原创 jquery Dom添加删除
<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>修改 DOM 树结构</title></head><body> <!-- 请在index.js文件中完成练习 --> <...
2021-01-01 16:27:25
74
原创 npm与包管理器
定义npm 通俗的讲就是一个淘宝，商家(东西的制造商等)把“东西，物品”放在了淘宝，然后供其他人去买，使用这些东西。npm是包管理器，可以使开发者便捷的获取代码和分发代码的工具。我们熟悉的React,Vue等框架,Jquery等包按照特定的形式安装成包，我们开发者可以通过包管理器引用使用这些包，也可以把我们的代码通过包的形式分享给别人使用，这个就是包管理器。...
2021-01-01 16:24:03
184
原创 小程序轮播图不同手机屏幕适配展示
在小程序轮播图的时候有时候会出现图片被压缩的情况，这是因为图片是宽度高度比例展示的，但是包裹轮播图的swiper的宽度和高度我们是固定掉的，因此我们得想出个办法解决这个问题，解决办法如下：1.通过在image里绑定bindLoad方法(该方法会)wxml: <view class='slider'> <swiper indicator-dots="{{ true }}" autoplay="{{ true }}" interval="2500" duration="400"
2021-01-01 16:21:50
664
原创 css selectors CSS选择器
CSS selectorscss selectors are used to select the html elements you want to style.there are four types of selectors.simple selectors(select elements based on name, id, class)Combinator selectors(select elements based on a specific relationship between
2020-12-31 19:23:57
259
原创 canvas基础知识及在其在小程序中使用
canvascanvas是HTM5新引入的能力，方便我们绘画，做游戏等.获取Canvas元素第一步，我们得获取canvas元素，并且得到其渲染上下文,然后利用context.一些列API来绘制我们的图案坐标系画图的第一步，知道画在那里，因此canvas有其坐标系,往右其x坐标增加，往下(对，往下，这个有点反常识，但是以为cannvas以左上角来原点的，因此这个也可以理解了)其y坐标增加.绘画API1.）绘制长方形2.)绘制线条3.)绘制圆弧context.arc(x, y, ra
2020-10-20 06:16:13
532
原创 Git以及vscode里的使用
本文章是总结性的文章，非从0开始的教程，如果想系统性的学习，可以在这里学习猴子都能懂的Git入门GitGit是分布式的版本控制工具,简单来说是为了在能够任何时间点保存(take a snapshot 拍快照)我们代码的更新记录,因此让我们能够复原任何时候的历史记录并且显示编辑前后的历史差异(就像给自己的从小到大的经历拍照，可以知道自己的成长…并且让他人知道成长(变化)，这个在团队协作中尤为重要)组成部分数据库(存储文件+内容修改的历史数据)远程数据库配有专门的服务器,为了多人的共享而建立
2020-09-23 19:20:36
768
原创 小程序自定义tabbar
为什么要自定义tabbar按照小程序的app.json的配置，可以很容易的实现tabbar,并且这样配置会适合大多数应用的要求，以下是一些官方的tabbar的一些配置的说明因为以上的这些限制原因，无法以在简单的app.json里配置实现如下效果的tabbar.也就是对icon大小，样式有特殊要求的一律得用自定义tabbar的方式来实现.实现方法自定义tabar链接1.配置app.json在 app.json 中的 tabBar 项指定 custom 字段，同时其余 tabBar 相关配
2020-09-02 11:34:29
490
原创 小程序轮播图适配展示
在小程序轮播图的时候有时候会出现图片被压缩的情况，这是因为图片是宽度高度比例展示的，但是包裹轮播图的swiper的宽度和高度我们是固定掉的，因此我们得想出个办法解决这个问题，解决办法如下：1.通过在image里绑定bindLoad方法(该方法在图片加载完后触发)，得到图片的宽度和高度.2.得到手机屏幕宽度3.计算swiper的高度，比例展示如下:屏幕宽度 / swiper高度 = 图片宽度 / 图片高度 ==》swiper高度 = 屏幕宽度 * 图片高度 / 图片宽度4.动态的设定swiper的
2020-09-02 10:58:43
322
原创 阿里实习的一些感受
自我介绍我名字叫Abdulla，是17届计算机科学与技术国际班学生,自己认为是深大最帅的男生,大一下进入了深大快讯技术团队，然后在大二暑假在一家较小的公司实习，大三上在腾讯劳务实习,大三下在阿里巴巴校招实习，目前在等阿里巴巴转正考核结果，在腾讯的面试流程中，并且已经拿到了字节跳动搜索部门的正式员工offer.一些建议早点准备可以看到我在大一下进入了深大快讯(对，你看到的校历就是我写的),后来是小公司，后来是腾讯劳务实习(没有转正机会),阿里巴巴校招实习(面试通过率为0.05)等等，都是一步步
2020-08-21 16:56:50
1895
原创 字节前端校招面经｜已拿offer
背景介绍我本人是双非大三计算机专业的一名学生，在一家比较好的公司实习，但是看到秋招开始，想有更多的选择，开启了一段 9:00Am-9:00PM 完成公司的需求，早晨以及星期六星期天准备面试的一段007之路.一面(7月31号 牛客视频面试 40分钟)简单的自我介绍(本人的介绍-开始学习时间-实习过的公司-实习外写的项目)在。。的实习中你做了什么(没有深入问)在。。。实习的时候干了什么(没有深入问)你在实习的时候用了react,react setState完以后发生了什么事情，执行流
2020-08-09 19:19:24
1696
1
原创 High Order Component(HOC) 高阶组件
根据reactJs官方文档的定义,HOC如下：简要来讲的话，是一种重复利用组件逻辑的技术，接受一个组件，并且返回一个组件。就上上面的例子一样，会接受WrappedComponent然后返回enhancedComponent.下面举例子来讲解。1.创建一个按钮组件，并且监听点击次数import React, { Component, useState, useEffect } from ...
2020-03-22 15:56:59
565
原创 如何实现水平，垂直，水平垂直居中
在写布局的时候我们常常会遇到要实现水平垂直居中，以下我简要的总结以下：水平垂直居中1.）不知道水平垂直居中的元素的宽度，高度看以下一个例子：<body> <div id="container"> <div id="box"> 和我哦好烦阿里发货咖啡阿卡交话费哈佛好可怜发 </div> </div> &...
2020-03-20 06:24:49
693
原创 javascript4种方法实现继承
有几种实现继承的方式，以下给予总结.1.打通原型链function Person(name,age){ this.name=name;}Person.prototype.sayName=function(){ console.log(this.name);}function Programmer(job){ this.job=job;}Programmer.protot...
2020-03-04 10:30:36
256
原创 判断数据类型 Javascript
数据类型Javascript中,数据类型分为两种，一种为基本数据类型，另一种为复杂数据类型。基本数据类型String,Number,Undefined,Null,Boolean复杂数据类型Object判断数据类型首先，我们定义一些变量，以便让我们好判断类型。var bool = truevar num = 1var str = 'abc'var und = undef...
2020-03-04 07:15:56
180
原创 跨域请求 JSONP
首先，我们得了解一个概念，叫同源策略(same-origin policy).比如，我们在写自己公司的一个网站，然后我们需要从淘宝获取商品信息，比如: https://www.taobao.com/goods,我们肯定拿不到，因为存在这同源策略，一下是同源策略的定义.不同域的客户端脚本没有授权的情况下不能读写对方的资源。只有在同协议，同域名，同端口 下才能成为同域。比如，以上例子可以...
2020-02-22 11:05:06
221
原创 浏览器渲染简述
我们知道浏览器会把我们写的HTML，CSS等代码会渲染成页面，现在我们探讨一下浏览器怎么样会把HTML文本渲染成页面呢？渲染引擎渲染引擎包括HTML解析器，CSS解析器，布局和JS引擎，常见的渲染引擎有如下：HTML文本到页面的第一步HTMl到页面的第一步是DOM树，首先HTML是文本，就是字符串，但DOM树是对象，这个过程很复杂，但我们这里举个例子，这里有个表达式：2+3-4...
2020-02-16 16:05:21
209
原创 position属性
CSS的position属性定义一个元素如何在页面摆放，有如下值，以下一个个探讨。1.staticstatic 是默认值，该值情况下元素会按原来的方式摆放.可以看到position:static不会对元素产生任何影响，浏览器会忽略以下样式。position:static;left:10px;top:100px;2.relativerelative这个词汇本身有相对的意思，这个相...
2020-02-14 15:25:12
442
原创 closure 闭包
以下是学习笔记,来自阮一峰笔记闭包是Javascript的一个难点，很多面试官都会问。。。为了理解闭包必须先理解变量的作用域一：变量的作用域大体的分两类全局变量局部变量Javascript 这个语言的比较特殊的一点是函数可以获取外部的变量(全局变量)，但外面无法获取函数内部的变量。下面的函数可以获取函数外面的变量(局部变量)var name = "Abd";function...
2019-12-03 10:59:20
169
原创 webpack4 配置
步骤1.建立一个demo文件index.html如下:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Webpcak 配置文件</title></head><body> <h1 id="he...
2019-10-20 20:41:50
186
原创 模块化 CDM AMD
为什么会有模块我们最初只会有index.js的文件，后来随着业务的发展，这个代码发展到了1000多行，就很难读懂并且很难维护了了，因此我们就想到了分块，就是把相同业务逻辑的代码放在一起，这个就是模块.通常是会把一个文件看作一个模块的，每个模块文件都有其特定的功能，便于复用。通过使用模块，使我们能够在开发环境上更好地开发和维护我们的项目。我在写游戏项目的时候我把app.js写成element,js...
2019-10-20 20:26:06
306
原创 CCF 数字排序(java)
问题描述 给定n个整数，请统计出每个整数出现的次数，按出现次数从多到少的顺序输出。输入格式 输入的第一行包含一个整数n，表示给定数字的个数。 第二行包含n个整数，相邻的整数之间用一个空格分隔，表示所给定的整数。输出格式 输出多行，每行包含两个整数，分别表示一个给定的整数和它出现的次数。按出现次数递减的顺序输出。如果两个整数出现的次数一样多，则先输出值较小的，然后输出值较大的。...
2019-09-26 15:32:46
303
1
原创 javascript异步操作 Promise
语言特色javascript 是一门单线程语言,意思就是同时只能执行一个任务，其他任务必须排队等待。为什么搞成单线程原因是因为一个如果一个线程是在网页上修改DOM,另一个线程在删除DOM。这样肯定不行。JavaScript 从诞生起就是单线程，原因是不想让浏览器变得太复杂，因为多线程需要共享资源、且有可能修改彼此的运行结果，对于一种网页脚本语言来说，这就太复杂了。这种的好处是实现起来比较方便，...
2019-09-05 16:37:04
370
原创 axios请求
在Jquery的年代，我们普遍用Ajax来请求，但在vue框架里，官方推荐用axios来发送请求。1.第一步：安装axios可以通过 npm或yarn来安装。$ npm install axiosOR$ yarn add axios在vue 组件中使用axios把axios引入到组件页面中<script>import axios from "axios";ex...
2019-08-27 18:56:15
293
转载 mac下配置vue环境
我在简书里看到一个文章，按它来操作来超级顺利，我把它复制过来了。原文原文一、首先需要安装必要的软件Homebrew ：Mac系统的包管理器，用于安装NodeJS和一些其他必需的工具软件Node.js：JavaScript运行环境(runtime)npm: node.js下的包管理器，NPM 能很好地和诸如webpack或Browserify模块打包器配合使用web...
2019-08-24 10:06:26
615
原创 element-ui NavMenu 导航菜单 通过一个按钮控制
element -ui 里导航菜单是通过两个按钮控制的，但实际开发中很多情况是通过一个按钮来toggle,而且有一个坑就是elemnt ui NavMenu的el-radio-butto 不是click事件，而是只能触发change事件。<!DOCTYPE html><html> <head> <meta charset="UTF-8" /...
2019-08-20 16:43:11
4203
4
原创 用Ajax 提交表单数据 serialize() 并且校验数据
表单提交数据表单提交数据有集中方式,比如说下面的表单: <form class="container"> <div class="row"> <div class="col-25"><label for="checker">审核人:</label></div> &...
2019-08-13 10:34:04
617
原创 对象的两种方法的读取区别
对象有两种读法例如：var myCar = new Object();// 通过点来获取myCar.make = 'Ford';myCar.model = 'Mustang';myCar.year = 1969;//通过[]来获取myCar['make'] = 'Ford';myCar['model'] = 'Mustang';myCar['year'] = 1969;这里...
2019-08-03 06:25:04
244
原创 vector,list实现图的邻接表 DFS遍历
图的实现图的实现有两种方法，一种是邻接矩阵，另一种是邻接表，这两种实现各有各的优缺点，以下给出了邻接表的实现并且DFS遍历的代码实现。举例// A simple representation of graph using STL#include<iostream>#include<vector>#include<list>using namesp...
2019-06-11 19:47:24
872
原创 回调函数
回调函数简单来说,回调函数就是一个函数执行完以后才执行的函数。更复杂的来说；Simply put: A callback is a function that is to be executed after another function has finished executing — hence the name ‘call back’.More complexly put: In...
2019-03-02 17:55:06
263
原创 小程序设置背景图片的两种方法总结
背景图片我们会时常遇到设置背景图片，这里简单地总结下两种方法:1.background-imagebackground-image，顾名思义是背景图片的意思，设置父亲元素，然后通过background-image:url(‘图片的相对路径’);的办法来设置背景图片，可以将本地图片上传到github,qq 空间或者base64图片 来获取相对路径.下面有一段简单的代码实例:/*WXML代码...
2019-02-18 07:09:07
47668
2
原创 微信小程序 scroll-view 中使用flex布局
scroll-view小程序中为了可滚动视图区域要得使用scroll-view，但scroll-view有致命的缺陷，就是不支持flex布局。但我们可以通过使用view来包裹scroll-view的方法来使用flex布局.下面直接上代码:<view class="body"> <view class='head'>head</view> <v...
2019-01-27 18:05:28
13252
1
原创 flex布局 flex属性
flexflex property is the short hand property for:截图来源(点击这里)flex-grow:a number specifying how much space will this item will grow relative to the rest of the flexiable items.The default value is 0....
2019-01-25 21:06:02
299
原创 比较日期大小一个好的办法 stringstream
比较日期有时候让人头疼，需要考虑很多情况，这里通过stringstream的方法实现一组日期的排序。#include <iostream>using namespace std;#include<algorithm>#include<sstream>#include<iomanip>struct Date{ //创建日期结构体...
2018-12-22 16:46:59
1729
原创 堆排序 heapsort
//问题 A DS内排—堆排序.cpp:此文件包含 "main" 函数。程序执行将在此处开始并结束。////#include "pch.h"#include &lt;iostream&gt;#include&lt;iostream&gt;using namespace std;void heapAdjust(int arr[],int s,int m){
2018-12-22 09:28:24
260
原创 键盘事件处理
在制作 PC 端的游戏的时候，我们经常需要监听键盘的事件，以便响应用户的键盘操作。目前，对键盘事件的支持主要遵循的是 DOM0级。按键相关事件键盘操作涉及下面三种事件：keydown：当用户按下键盘上的任意键时触发，而且如果按住按住不放的话，会重复触发此事件。keypress：当用户按下键盘上的字符键时触发，而且如果按住不放的，会重复触发此事件（按下Esc键也会触发这个事件）。keyup...
2018-12-12 19:22:49
1487
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人