- 博客(93)
- 收藏
- 关注
RSS订阅原创 前端笔记II
1、Promise:Promise.any([p1, p2,...]) 接受一组Promise会返回一个新的Promise来响应第一个resolve的Promise，如果其中的一个reject还是会返回第一个被resolve的Promise（如果有，如果没有则会返回reject的Promise）；Promise.all([p1, p2, ...]) 返回值也是一个[]集合，如果所有promise都为resolve则返回一个结果数组，而如果有reject则会在catch（）中返回最先被reject得到的结
2022-06-02 14:23:03
178
原创 前端笔记I
1、定义一个对象的属性 type obj = Record (定义一个属性类型为string，值得类型为any的对象) 等价于 type obj = { [param: string]: any }2、T extends 数据类型，T必须有且至少拥有该数据类型的所有属性；3、函数签名：也叫方法签名，定义了函数或方法的输出与输入；4、函数重载：为同一个函数提供多个函数类型定义来进行函数重载，目的是重载的pickCard函数在调用的时候会进行类型检查，写出所有参数类型和函数返回值对应的
2022-06-02 14:19:57
185
原创 学习flutter
1、刚开始认识接触flutter还是两年前在大学的时候，那时候前端三大框架鼎力，而移动端的开发更是有数不胜数的相关技术栈可供选择，快应用，小程序再到现在的低代码和无代码平台，前端技术的发展一直是一个高速发展和迭代的过程，真是应了那句老话：“什么时候你学不动了，你就要被社会淘汰了”。现在从事前端开发的工作两年之后再回头看一次这个flutter，在文档看了很久我还是觉得“入门”这两个字是最难的一步，现在每天上班的工作量不是很多，我可以抽出部分时间学习学习这个当初被我遗弃的技术（我当时选择了web开发，用vue框
2021-09-07 17:58:41
188
1
原创 2020年复盘
年终总结留在第二年再写，也再次证明了我拖延能力一绝==1. 改变2020年九月份，疫情在其他国家火速增加的时候，我和毕业后入职的第一家公司的老板提出了离职。
2021-02-23 15:22:14
215
1
原创 Egret 开发H5小游戏
Egret Wing代码编辑器RES pot静态资源加载器项目目录主要构成：resource文件夹下的新建的游戏文件(用于存放图片，音频和json文件等资源)、新建游戏同名的 .ts 文件（整个游戏的逻辑JavaScript）、游戏同名的 .json 资源配置文件(加载对应的已声明的资源路径)、游戏名Skin.exml（用于UI布局）。...
2020-11-10 10:16:21
412
原创 读《深入浅出Nodejs-朴灵》笔记
起源2020年8月开始在微信读书上阅读该书，Nodejs 在刚开始学习前端基础的时候接触过，那时候有了大前端的概念，旨在把JavaScript前后端打通，让后端能跑JavaScript，也让前端开发人员学习开发后端降低了学习的门槛。当时也是看了一些基础语法和模块怎么写和怎么引入，创建服务和端口号，启动nodejs服务器···。在前端开发技能路线上，nodejs已经被我遗弃很久了，一直在我baidu网盘里吃灰，今年机缘巧合，我们公司的项目用到nodejs来写后端的接口，我也有机会和这写后端的同事一起负责同
2020-08-11 15:38:42
557
原创 uni-app实战教程
uni-app：学习使用门槛低，vuejs语法，一套代码多种编译方式多个平台运行，抛开这些兼容性不说，单单用来开发小程序也是最佳的选择一：下载配置Hbuilder X新建uni-app项目，包含模板，可选择支持scss语法二：项目目录结构components: uni-app组件目录pages：项目文件目录static：静态资源文件（图片、字体图标）wxcomponents: 微信小程序组件目录main.js : vue初始化入口文件App.vue : 全局样..
2020-07-13 11:44:48
2191
原创 重学前端 Part 1
一：年终总结今天是六月的最后一天，满打满算也算是毕业后工作满一年限。比起刚开始学编程学web前端开发，我也算是拥有两个企业级项目实战的老鸟了，但是现实是在这个技术圈子里，我还没有资本开始装杯。因为我的JavaScript基础还是很薄弱，只是短时间内熟练了一些代码业务，熟练了vuejs这个框架，熟练了问题应该怎么解决才是高效的最好的，甚至学会了怎么Google才是对代码尊重，毕竟谁也不想写出无法维护的代码。二：在大石植村的这些日子租房的时候，看了几个相似的房间，但是迫于身高问题，我选择了二楼.
2020-06-30 14:00:57
287
原创 疫情得到控制之后的广州
2020年三月，我回到了广州，这个还在一直增加疑似病例和确诊病例的城市，是我一直工作的城市。不一样的是，疫情的拐点已经过去，每天的新增病例和出院人数都在变化，情况再向好的方向发展。所以再次回到广州没有那么的恐慌，出门戴好口罩可能也是必备的一项工作，非常值得高兴的是公司还是不要求我们到公司上班，而是在广州的家远程办公，用着那时好时坏免费版team viewer。我搬了新家，去到遥远的番禺大石站。这里的房租确实便宜人也多，特别是晚上的时候，你都不知道窗外是谁家的声音，就算是周末也会有人早起，不隔音就是打扰你最大
2020-05-15 13:00:21
352
原创 MjAyMDAzMDk=
今天是三月九号，距离大年二十八回家已经过去了一个多月，在家办公的时间也过去了一个月的时间，许多人可能都被这一场突如其来的全球流感给逼疯了。这个年假也长到让人开始想念上班死干的日子，我真下贱。开始工作的第一个年，人生的第二十四个年，开年就是暴击，就像网上说的和2003年如出一辙，战争、瘟疫和巨星离世，我们已经无力招架再多一次心灵上的重大打击，我们希望中国加油，坚持就是胜利，我们希望其...
2020-03-09 11:13:54
328
原创 用Axure 8制作一个基金网站原型（项目黄了！！！）
2019年十二月份，公司接了一个国内的基金项目，但是项目的网站原型还没有。也就是说没有设计师可以给出一个网页的设计原型出来给我们，然后老板就要求我学习一下Axure试着做一下这个原型设计。然后我从前端开发的路线突然跳到了PM的技术路线，准确来说也不是技术，反正就开始了长达半个月的学习（划水）当中。为什么是划水呢，因为大学的时候用过Axure做过一个微信小程序的原型，挺简单的，没有用到过多的条件判断...
2020-01-09 14:09:44
682
原创 一年级社畜年终总结
祝大家和自己新年快乐，迎来了第二个“鼠”于自己的本命年，感恩2019年顺利过去，趁着今天是2020年的第一个工作日，好好地写一篇年终总结吧。2019年，我都差不多忘了是五月份还是六月份开始的毕业答辩了。距离自己已经离开校园脱离学生这个保护壳也有差不多5个月了，现在回头抖落出当初的那些破事发现也不是那么的糟糕，甚至好像一点也无法引起内心的波澜了。毕业设计，很操蛋但是还是要提一下，以为我自以为是觉...
2020-01-02 19:12:53
375
原创 维护项目
八月份是入职的第一个月，简单认识了同事们，熟悉了公司的主要业务和工作之后，我就开始跟随以为在香港工作的同事维护一个WEB项目。项目是Java JSP和JQ来实现的多页面应用，还包括一个CMS后台管理，我负责的是修改前端页面的BUG，都是一些客户验收前提出的一些修改要求，都不是很难，主要难在我要看清这位离职同事的代码风格，而且项目很大，很多代码循环使用嵌套很恶心，中途也遇到了很多难题。最后也都一...
2019-09-24 10:46:26
5463
24
原创 正式成为一名前端修改BUG工程师Vue.js
七月二十号，我再次来到了广州求职，这一次势在必得。第一天的面试经历很糟糕，我不想用文字复述出来，因为那是什么玩意儿。然后接连也面试其他的几家公司，但是都没有消息，然后就到了25号，我来到了现在这家公司进行面试。八月一号，正式入职，开启程序员生涯。主要负责web项目的开发，技术栈Vue.js...
2019-09-24 10:34:29
731
2
原创 CSS实现手机端分辨率下把一个导航栏菜单转换成一个下拉菜单
做PC的项目遇到的一个需求，苹果X屏幕下，把所有的tabbar换成一个下拉框选择，我百度了很久，没有看到类似的提问和回答，我就Google去找解决方法，果然在这个神奇的网站（https://css-tricks.com）找到了，持续关注，感觉是个很NB的技术类网站，对于前端开发来说帮助很大。HTMLCSS文章原网址查看：https://css-tri...
2019-08-07 15:14:23
1277
原创 P2广州前端求职的第一个月
一：很让人心生劳累的一点就是很多面试的时候相谈甚欢的公司，过后说三天内两天内、后面HR会给你一个回复的，都没有回复，就算你主动问了，还是不理你，软件显示给我的是今天是活跃状态。本来临时找到的一个居住点，我成了里面住的最久的几个人了，无业让我成为了只出不进的长住客，有个星期五天的工作日就只收到了一个面试，在房间里，我除了吃饭要下楼拿外卖，我干什么都在床上，实在躺累了我就在床上坐着，人生啊。思考着人生...
2019-06-15 20:18:17
554
原创 P1广州前端求职的第一个月
一：终于有机会离开学校，迫不及待要飞奔到心仪的大城市接受社会现实的毒打。五月五号顺利答辩之后在学校和朋友们进行了最后的告别，我的四年的大学生活也算告一段落了。二：十一号回到家，家里毕竟不是昆明，究极热，无法忍受。休息了几天感觉真的不错，一点都不想念我已经无法拥有的大学生活。因为有了四月份到广州面试的经历，我根本不在意现在本科应届生求职的真实情况。上一次我还是三家面试我被其中的一家看上了呢...
2019-06-14 14:43:12
953
原创 2019前端面试总结
2019年4月24号到26号三天前往了广东广州面试了三家公司，职位是前端开发工程师。第一家公司是北京慧科律师的公司，公司的开发部只有四个人一个后端，一个前端的实习生，一个画图UI，一个产品经理。需要一个有工作经验的人可以立刻就职的那种，我就不明白明明我是本科的应届生为什么要我去面试，而且面试的时候还觉得我能力可以，我都可以接受可以天天穿正装了，你们就不能让我加入你们吗？面试完的第三...
2019-05-16 11:32:41
438
原创 Nodejs基础 Cookie
cookie一般用作存储于用户本地浏览器应用上的数据，用于保存用户信息等辨别用户的身份，因为http协议是无状态协议，在同意浏览器中同一页面打开另外一个页面时服务端无法识别出来。一般都进行加密。cookie可以设置保留的时间，时限内如果关闭浏览器浏览器中的cookie数据还会保存着，如果不设置生存时间，就属于会话级别的数据，一旦关闭页面窗口就是自动清除掉cookie。用户可以改...
2019-04-14 14:45:54
497
原创 手写实现一个Promise
function NewPromise (fn) { this.state = 'pending' this.fulfillList = [] this.rejectList = [] fn(this.resolve.bind(this), this.reject.bind(this)) // 成功执行成功的队列}NewPromise.proto...
2019-04-09 17:54:26
577
1
原创 前端面试ES6之Promise
一个promise例子：test函数的这两个参数传进去之后会在某一时刻执行，无论结果为成功还是失败都会执行相应的回调函数。p1是Promise实例出来的一个对象，它负责执行test函数，then（）函数用于执行返回成功信息后的函数，传入的参数就是处理函数。Promise可以用作执行一系列的操作，如果中途有一个出现问题或返回为false则不再往下执行，而是跳到catch（）函数...
2019-04-09 14:32:43
1786
原创 React 基础
React Native (简称RN)是Facebook于2015年4月开源的跨平台移动应用开发框架，是Facebook早先开源的JS框架 React 在原生移动应用平台的衍生产物，目前支持iOS和安卓两大平台。RN使用Javascript语言，类似于HTML的JSX，以及CSS来开发移动应用，因此熟悉Web前端开发的技术人员只需很少的学习就可以进入移动应用开发领域。React Nati...
2019-04-03 14:45:28
195
原创 Vue组件间传值的方式
Propprop 是父组件用来传递数据的一个自定义属性。父组件的数据需要通过 props 把数据传给子组件，子组件需要显式地用 props 选项声明 "prop"：<div id="app"> <child message="hello!"></child></div> <script>// 注册Vue.c...
2019-03-25 14:46:07
146
原创 Vue生命周期和详细的执行过程
1、beforeCreate 在实例初始化之后，数据观测和event/watcher时间配置之前被调用。 2、created 实例已经创建完成之后被调用。在这一步，实例已经完成以下的配置：数据观测，属性和方法的运算，watch/event事件回调。然而，挂载阶段还没开始，$el属性目前不可见。 3、beforeMount 在挂载开始之前被调用：相关的rende...
2019-03-18 16:04:39
10733
原创 Virtual DOM diff算法
首先浏览器加载一个HTML页面时会经过创建DOM 树、创建样式规则（style rules）、构建渲染树（render tree）、布局layout 和 绘制页面（painting）。传统的原生api或jQuery去操作DOM的时候，浏览器会从构建DOM树开始从头到尾执行一遍流程，所以频繁的操作DOM的代价是昂贵的。还会出现页面卡顿，影响用户的体验。虚拟DOM就是为了解决这个问题而被设计出...
2019-03-07 16:14:50
262
原创 解决ajax跨域的问题
ajax跨域的原理：ajax出现请求跨域错误问题,主要原因就是因为浏览器的“同源策略”，“同源”是指协议相同、域名相同和端口相同。同源的策略是为了保证用户的信息安全防止网站的恶意窃取用户的数据信息等。CORS是一个W3C标准，全称是"跨域资源共享"（Cross-origin resource sharing）。它允许浏览器向跨源服务器，发出XMLHttpRequest请求，从而克...
2019-03-07 14:44:55
581
原创 Vue 双向数据绑定原理
vue.js 则是采用数据劫持结合发布者-订阅者模式的方式，通过Object.defineProperty()来劫持各个属性的setter，getter，在数据变动时发布消息给订阅者，触发相应的监听回调。 vue实现双向数据绑定的原理就是利用了 Object.defineProperty() 这个方法重新定义了对象获取属性值(get)和设置属性值(set...
2019-03-07 14:20:57
28347
1
原创 程序的性能问题
Web Workerweb worker是HTML5 的一个新增特性，能够支持程序进行多线程的运行都是浏览器的功能，和JavaScript本身并没有什么太大的关系，js当前并没有任何支持多线程的功能。但是在浏览器这样的环境里，很容易提供多个 JavaScript 引擎实例，各自运行在自己 的线程上，这样你可以在每个线程上运行不同的程序。程序中每一个这样的独立的多线程 部分被称为一个（Web...
2018-12-08 13:23:34
412
原创 代码规范一
元素的水平居中：（1）行内元素居中给父元素添加text-align： center；（2）确定宽度的块级元素的居中给该元素的margin-left：auto；margin-right:auto;（3）不确定宽度的块级元素的居中给父元素添加浮动float，设置父元素的position：relative；和left：50%；子元素设置position：relative；left...
2018-11-10 15:43:05
162
原创 Bootstrap进行响应式页面布局二
Bootstrap 辅助类：文本：.text-muted "text-muted" 类的文本样式 .text-primary "text-primary" 类的文本样式 .text-success "text-success" 类的文本样式 .text-info "text-info" 类的文本样式 .text...
2018-11-09 17:34:19
374
原创 Bootstrap进行响应式页面的布局一
Bootstrap 是一个用于快速开发 Web 应用程序和网站的前端框架。Bootstrap 是基于 HTML、CSS、JavaScript 的。优点：优先面对移动设备进行适配和开发；所有的主流浏览器对支持它；简单易上手；响应式设计风格，符合现代web网页开发趋势；响应式图像：通过添加 img-responsive class 可以让 Bootstrap 3 中的图像对...
2018-11-09 17:11:55
1288
原创 REST风格接口测试
为什么要做接口测试？1、很多系统关联都是基于接口来实现的，接口测试可以将复杂的系统关联进行简化。2、接口功能比较单一，能够较好的进行测试覆盖，也相对来说容易实现自动化持续集成。3、接口会相对于界面底层更加底层一点。 什么是接口测试？接口测试有称为API测试，接口测试是测试系统组件间接口的一种测试。接口测试主要用于检测外部系统与系统之间以及内部各个子系统之间的交互点。测试的重...
2018-11-03 21:40:59
2171
原创 服务器端语言连接数据库
Node.js连接数据库：const mysql = require('mysql');const connection = mysql.createConnection({ host : 'localhost', user : 'root', password : '123456', database : '数据库名字' }); connection.connect();connec...
2018-11-02 18:47:34
638
原创 为期五天的实训总结--Java Web
JSP全名为Java Server Pages，中文名叫java服务器页面，其根本是一个简化的Servlet设计，它是由Sun Microsystems公司倡导、许多公司参与一起建立的一种动态网页技术标准。JSP技术有点类似ASP技术，它是在传统的网页HTML（标准通用标记语言的子集）文件(*.htm,*.html)中插入Java程序段(Scriptlet)和JSP标记(tag)，从...
2018-11-02 18:05:10
14057
原创 互联网大厂前端面试
1、meta标签提供给页面的一些元信息（名称/值对）， 比如针对搜索引擎和更新频度的描述和关键词。 name：名称/值对中的名称。常用的有author、description、keywords、generator、revised、others。 把 content 属性关联到一个名称。 http-equiv：没有name时，会采用这个属性的值。常用的有content-type、...
2018-10-13 22:04:13
1524
原创 响应式网站项目开发到打包
GITHUB项目传送门：https://github.com/Max-hearted/responsiveWeb案列教程地址：https://coding.imooc.com/class/50.html具体技术：HTML5、CSS3、media媒体查询、gulp打包工具
2018-10-04 21:45:54
503
原创 你不知道的JavaScript——上下文规则
contine foo 并不是指“跳转到标签 foo 所在位置继续执行”，而是“执行 foo 循环的下一轮循环”。所以这里的 foo 并非 goto。上例中 continue 跳过了循环 3 1，continue foo（带标签的循环跳转，labeled-loop jump） 跳过了循环 1 1 和 2 2。 ...
2018-09-23 22:44:32
195
原创 响应式网站的开发
什么是响应式网站？响应式网站设计是一种网络页面设计布局，其理念是：集中创建页面的图片排版大小，可以智能地根据用户行为以及使用的设备环境进行相对应的布局。页面的设计与开发应当根据用户行为以及设备环境(系统平台、屏幕尺寸、屏幕定向等)进行相应的响应和调整。具体的实践方式由多方面组成，包括弹性网格和布局、图片、CSS media query的使用等。无论用户正在使用笔记本还是iPad，我们的页面...
2018-09-23 21:14:56
8302
原创 CSS3——多媒体查询属性
多媒体查询语法 @media not|only mediatype and (expressions) { CSS-Code; } not: not是用来排除掉某些特定的设备的，比如 @media not print（非打印设备）。 only: 用来定某种特别的媒体类型。对于支持Media Queries的移动设备来说，如果存在only关键字，移动设备的Web浏览器会...
2018-09-23 20:29:19
853
原创 你不知道的JavaScript——do表达式和eval（）
ES7 规范有一项“do 表达式”（do expression）提案，但是具体的用例和语法还没有广泛使用，所以这里只作提及，类似下面这样： var a, b;a = do { if (true) {b = 4 + 38; } };a; // 42 上例中，do { .. } 表达式执行一个代码块（包含一个或多个语句），并且返回其中最后一 个语句的结果值，然后赋值给变...
2018-09-23 10:06:05
2001
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人