2 前端gou

尚未进行身份认证

砥砺前行,不积跬步

等级
TA的排名 6w+

CSS实现手机端分辨率下把一个导航栏菜单转换成一个下拉菜单

做PC的项目遇到的一个需求,苹果X屏幕下,把所有的tabbar换成一个下拉框选择,我百度了很久,没有看到类似的提问和回答,我就Google去找解决方法,果然在这个神奇的网站(https://css-tricks.com)找到了,持续关注,感觉是个很NB的技术类网站,对于前端开发来说帮助很大。HTMLCSS文章原网址查看:https://css-tri...

2019-08-07 15:14:23

P2广州前端求职的第一个月

一:很让人心生劳累的一点就是很多面试的时候相谈甚欢的公司,过后说三天内两天内、后面HR会给你一个回复的,都没有回复,就算你主动问了,还是不理你,软件显示给我的是今天是活跃状态。本来临时找到的一个居住点,我成了里面住的最久的几个人了,无业让我成为了只出不进的长住客,有个星期五天的工作日就只收到了一个面试,在房间里,我除了吃饭要下楼拿外卖,我干什么都在床上,实在躺累了我就在床上坐着,人生啊。思考着人生...

2019-06-15 20:18:17

P1广州前端求职的第一个月

一:终于有机会离开学校,迫不及待要飞奔到心仪的大城市接受社会现实的毒打。五月五号顺利答辩之后在学校和朋友们进行了最后的告别,我的四年的大学生活也算告一段落了。二:十一号回到家,家里毕竟不是昆明,究极热,无法忍受。休息了几天感觉真的不错,一点都不想念我已经无法拥有的大学生活。因为有了四月份到广州面试的经历,我根本不在意现在本科应届生求职的真实情况。上一次我还是三家面试我被其中的一家看上了呢...

2019-06-14 14:43:12

2019前端面试总结

2019年4月24号到26号三天前往了广东广州面试了三家公司,职位是前端开发工程师。第一家公司是北京慧科律师的公司,公司的开发部只有四个人一个后端,一个前端的实习生,一个画图UI,一个产品经理。需要一个有工作经验的人可以立刻就职的那种,我就不明白明明我是本科的应届生为什么要我去面试,而且面试的时候还觉得我能力可以,我都可以接受可以天天穿正装了,你们就不能让我加入你们吗?面试完的第三...

2019-05-16 11:32:41

Nodejs基础 Cookie

cookie一般用作存储于用户本地浏览器应用上的数据,用于保存用户信息等辨别用户的身份,因为http协议是无状态协议,在同意浏览器中同一页面打开另外一个页面时服务端无法识别出来。一般都进行加密。cookie可以设置保留的时间,时限内如果关闭浏览器浏览器中的cookie数据还会保存着,如果不设置生存时间,就属于会话级别的数据,一旦关闭页面窗口就是自动清除掉cookie。用户可以改...

2019-04-14 14:45:54

手写实现一个Promise

functionNewPromise(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

前端面试ES6之Promise

一个promise例子:test函数的这两个参数传进去之后会在某一时刻执行,无论结果为成功还是失败都会执行相应的回调函数。p1是Promise实例出来的一个对象,它负责执行test函数,then()函数用于执行返回成功信息后的函数,传入的参数就是处理函数。Promise可以用作执行一系列的操作,如果中途有一个出现问题或返回为false则不再往下执行,而是跳到catch()函数...

2019-04-09 14:32:43

React 基础

ReactNative(简称RN)是Facebook于2015年4月开源的跨平台移动应用开发框架,是Facebook早先开源的JS框架React在原生移动应用平台的衍生产物,目前支持iOS和安卓两大平台。RN使用Javascript语言,类似于HTML的JSX,以及CSS来开发移动应用,因此熟悉Web前端开发的技术人员只需很少的学习就可以进入移动应用开发领域。ReactNati...

2019-04-03 14:45:28

Vue组件间传值的方式

Propprop是父组件用来传递数据的一个自定义属性。父组件的数据需要通过props把数据传给子组件,子组件需要显式地用props选项声明"prop":<divid="app"><childmessage="hello!"></child></div><script>//注册Vue.c...

2019-03-25 14:46:07

Vue生命周期和详细的执行过程

1、beforeCreate  在实例初始化之后,数据观测和event/watcher时间配置之前被调用。  2、created  实例已经创建完成之后被调用。在这一步,实例已经完成以下的配置:数据观测,属性和方法的运算,watch/event事件回调。然而,挂载阶段还没开始,$el属性目前不可见。  3、beforeMount  在挂载开始之前被调用:相关的rende...

2019-03-18 16:04:39

Virtual DOM diff算法

首先浏览器加载一个HTML页面时会经过创建DOM树、创建样式规则(stylerules)、构建渲染树(rendertree)、布局layout和绘制页面(painting)。传统的原生api或jQuery去操作DOM的时候,浏览器会从构建DOM树开始从头到尾执行一遍流程,所以频繁的操作DOM的代价是昂贵的。还会出现页面卡顿,影响用户的体验。虚拟DOM就是为了解决这个问题而被设计出...

2019-03-07 16:14:50

解决ajax跨域的问题

ajax跨域的原理:ajax出现请求跨域错误问题,主要原因就是因为浏览器的“同源策略”,“同源”是指协议相同、域名相同和端口相同。同源的策略是为了保证用户的信息安全防止网站的恶意窃取用户的数据信息等。CORS是一个W3C标准,全称是"跨域资源共享"(Cross-originresourcesharing)。它允许浏览器向跨源服务器,发出XMLHttpRequest请求,从而克...

2019-03-07 14:44:55

Vue 双向数据绑定原理

vue.js则是采用数据劫持结合发布者-订阅者模式的方式,通过Object.defineProperty()来劫持各个属性的setter,getter,在数据变动时发布消息给订阅者,触发相应的监听回调。vue实现双向数据绑定的原理就是利用了Object.defineProperty()这个方法重新定义了对象获取属性值(get)和设置属性值(set...

2019-03-07 14:20:57

程序的性能问题

WebWorkerwebworker是HTML5的一个新增特性,能够支持程序进行多线程的运行都是浏览器的功能,和JavaScript本身并没有什么太大的关系,js当前并没有任何支持多线程的功能。但是在浏览器这样的环境里,很容易提供多个JavaScript引擎实例,各自运行在自己的线程上,这样你可以在每个线程上运行不同的程序。程序中每一个这样的独立的多线程部分被称为一个(Web...

2018-12-08 13:23:34

代码规范一

元素的水平居中:(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

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

Bootstrap进行响应式页面的布局一

Bootstrap是一个用于快速开发Web应用程序和网站的前端框架。Bootstrap是基于HTML、CSS、JavaScript的。优点:优先面对移动设备进行适配和开发;所有的主流浏览器对支持它;简单易上手;响应式设计风格,符合现代web网页开发趋势;响应式图像:通过添加 img-responsive class可以让Bootstrap3中的图像对...

2018-11-09 17:11:55

REST风格接口测试

为什么要做接口测试?1、很多系统关联都是基于接口来实现的,接口测试可以将复杂的系统关联进行简化。2、接口功能比较单一,能够较好的进行测试覆盖,也相对来说容易实现自动化持续集成。3、接口会相对于界面底层更加底层一点。 什么是接口测试?接口测试有称为API测试,接口测试是测试系统组件间接口的一种测试。接口测试主要用于检测外部系统与系统之间以及内部各个子系统之间的交互点。测试的重...

2018-11-03 21:40:59

服务器端语言连接数据库

Node.js连接数据库:constmysql=require('mysql');constconnection=mysql.createConnection({host:'localhost',user:'root',password:'123456',database:'数据库名字'});connection.connect();connec...

2018-11-02 18:47:34

为期五天的实训总结--Java Web

    JSP全名为JavaServerPages,中文名叫java服务器页面,其根本是一个简化的Servlet设计,它是由SunMicrosystems公司倡导、许多公司参与一起建立的一种动态网页技术标准。JSP技术有点类似ASP技术,它是在传统的网页HTML(标准通用标记语言的子集)文件(*.htm,*.html)中插入Java程序段(Scriptlet)和JSP标记(tag),从...

2018-11-02 18:05:10

查看更多

勋章 我的勋章
  • 持之以恒
    持之以恒
    授予每个自然月内发布4篇或4篇以上原创或翻译IT博文的用户。不积跬步无以至千里,不积小流无以成江海,程序人生的精彩需要坚持不懈地积累!
  • 勤写标兵Lv1
    勤写标兵Lv1
    授予每个自然周发布1篇到3篇原创IT博文的用户。本勋章将于次周周三上午根据用户上周的博文发布情况由系统自动颁发。