前端

关于学前端的一些想法

你。 提交于 2020-02-07 17:29:27
学习前端半年,陆陆续续终于学完了前端的课程,html+css+js,关于前端这些还是远远不够的,还学习了一些其他必备的东西。下面我主要谈几个问题。 1.关于前端学习ps的问题 这么说吧,没有ps的你给你一个小项目独立完成,你会觉的像少掉了一只手。 2.安排学习计划 能有多快就学多快,前端变化的相当快,你必须要在短时间内掌握它,我想比起后端还是很难容易的,短时间学完后建议学一点后端的知识。 3.jQuery学习 学习js后一下jquery,建议在w3Cschool上学 最有效率的学习方法就是在找一点项目来做,加油,正在学习前端的你。 来源: CSDN 作者: *胡二* 链接: https://blog.csdn.net/qq_45444864/article/details/104209515

前端程序员面试上百家公司,得出来的三条面试心得

↘锁芯ラ 提交于 2020-02-07 16:13:34
本人教过几千个学生,也帮助了很多零基础 同学顺利转行进行到了前端领域,下面我给大家分享一下零基础的学生怎么去写简历。 一、如何写简历 首先,求职者最容易犯的错误就是,把自己的一份简历投给几百家公司,就是所谓的海投。 打个简单的比方,hr招聘的是一个能懂VUE的前端,你简历里面洋洋洒洒写了一堆java什么react ,这种肯定是不符合用人单位的需求。用这种简历去做招聘,那么最后的结果肯定是被pass出局。 那么怎么写一份精准的简历? 原则一: 1,明确用人单位的用人要求,确保“人岗匹配原则” 在我教学生的时候,我一开始就让他们自己先确定自己学完以后得一个薪资是多少,这样自己在学习 的时候就能自己知道自己的一个能力要求范围。 举个简单的例子,比如下方这个中型100-499人的个公司的前端要求。 提炼一下上面的信息: 1.熟悉各种前端技术,精通html,xhtml,js,vue 2.有协调能力和良好的编码习惯 所以你的简历要怎么写? 比如标题,你要写什么“张xxx,三年前端经验,1338120XXXX吗?” 当然不要,我连要不要招你都没决定,看你的手机号干嘛? 你可以写“张xxx,三年前端经验,三年vue使用经验?” 比如我当过项目主管,这个要写吗?可以写,以此证明我的沟通能力和协调能力没太大问题。 然后你的项目经验呢? 跟vue,js相关的多写。 比如:xxx项目中

前端学习(162):HTML5新语义标签三

六眼飞鱼酱① 提交于 2020-02-07 07:59:49
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> </head> <body> <input type="text" list="elems"> <datalist id="elems"> <option value="a"></option> <option value="ab"></option> <option value="abc"></option> <option value="abbc"></option> <option value="around"></option> </datalist> <details open> <summary>HTML</summary> <p>超文本标记语言</p> </details> <progress min="0" max="10" value="8"></progress> <meter min="0" max="100" value="35" low=

每个前端工程师都应该了解的图片知识

≡放荡痞女 提交于 2020-02-07 05:10:35
前言 随着web的发展,网站资源的流量也变得越来越大。据统计,60% 的网站流量均来自网站图片,可见对图片合理优化可以大幅影响网站流量,减小带宽消耗和服务器压力。 有时候你花大力气去配置 webpack 使打包体积减少,不如好好优化几张图片,这篇文章就是让你明白如何选择正确的图片,并且让你明白这么多图片格式,在什么场景下使用什么格式,如果想看答案,那么直接滑到文末看图即可。 基本概念 在进入正题之前,先聊聊一些图片相关的基本概念。 一张照片(位图)不断放大之后,会看到一个个小格子,这些小格子,叫像素。 一个格子(像素),在计算机中,用二进制来表示,使用的二进制位数越多,像素的色彩就越丰富。 举个,如果一个像素用一位二进制数表示,能有多少种颜色呢? 两种,一个二进制位,要不放 0(表示黑色),要不放 1(表示白色) 前端裙:950。919.261 下图展示了一个像素二进制的位数最多可以展示多少种颜色。 在对图片有了基本的了解之后,接下来对图片进行分下类,有利于理解各种格式图片的特点。 根据图的类型分类 点阵图(位图) 矢量图 我自己是一名从事了多年开发的web前端老程序员,目前辞职在做自己的web前端私人定制课程,今年我花了一个月整理了一份最适合2019年学习的web前端学习干货,各种框架都有整理,送给每一位前端小伙伴,想要获取的可以关注我的头条号并在后台私信我:前端,即可免费获取。

前端新手遇到的问题 ---含“ 属性值省略引号、font-size-adjust、JS定时器、各浏览器并行下载 ”知识

◇◆丶佛笑我妖孽 提交于 2020-02-07 02:39:08
问题源自知乎—浪子神剑老师的前端面试每日 3+1,我仅在此为大家提供解题方案以及思路,在此感谢浪子神剑老师。 [html] html中标签的属性值是否可以省略引号?为什么? [css] 你有使用过font-size-adjust属性吗?说说它的作用是什么? [js] setTimeout和setInterval有什么区别呢? [软技能] 请问ie和chrome可以并行下载多少个资源? 问题1:[html] html中标签的属性值是否可以省略引号(" ")?为什么?\ 实践火狐、IE5/8/9/11后确定是可以不加的,但是编译器会提醒属性有错误。至于为什么的原因可能是浏览器的工作,自动帮属性值加上了双引号。 问题2: [css] 你有使用过font-size-adjust属性吗?说说它的作用是什么? 参考掘金的文章 使用 CSS 的 font-size-adjust 属性改善网页排版 我个人理解就是,由于浏览器存在font-family属性,有首选字体和备选字体,由于担心备选字体的纵横比跟首选字体的纵横比相差太大,故使用font-size-adjust 属性用于设置所有字体的 x 轴高度 为统一大小。 使用和不使用' font-size-adjust '的 文字 调整后 font-size 的值可以通过以下公式计算 c = ( a / a' ) s. 这里, c 指调整后的 font

前端面试题练习-圣杯布局float+position

*爱你&永不变心* 提交于 2020-02-07 02:04:27
(一共有三种方法,此处我只讨论一种方法) 在页面上的显示效果就是左右两边是个固定的宽度,中间的容器自适应;即根据页面大小的变化而变化。 在开发中常用来做功能区域的划分。左边是一个导航菜单,右边是广告或者文章的列表,中间是主要的内容显示区域。 有很多文章分析圣杯布局,我只按照我不理解的地方对该布局代码进行解释。 我的理解基于以下几篇文章: https://www.jianshu.com/p/3fb493c32a45 https://segmentfault.com/a/1190000014546205?utm_source=tag-newest https://www.jianshu.com/p/81ef7e7094e8 我们想要实现这种布局,要分为两个部分的代码,一是html大哥,二是css代码。 css样式默认加载顺序:样式表的元素选择器选择越精确,则其中的样式优先级越高; id选择器指定的样式 > 类选择器指定的样式 > 元素类型选择器指定的样式 对于相同类型选择器制定的样式,在样式表文件中,越靠后的优先级越高。 所以我们在写html代码时,要将中间块写在前面。 <div id="header"></div> <div id="container"> <div id="center" class="column"></div> <div id="left" class=

前端攻略系列-开光篇

末鹿安然 提交于 2020-02-07 01:12:43
背景&前言   什么是攻城狮?维基上的解释:“工程师(Engineer)是指那些在工程专业领域的人,他们使用科学知识来驾驭技术以解决实际问题,并以此为职业”   一句老掉牙的话说前端的由来 :“随着互联网的迅猛发展和普及,一个新型的行业和新兴的职位正在上升到技术的层面 —— web前端开发工程师 ”   作为前端中的一份子,不为国家和人民做点什么都觉得 愧对呼吸北京像鸡汤一样的空气(够浑浊),所以本人虎躯一震,打算力排万难、奔过艰险,写篇自己在“前端领域知识积累”的 《前端攻略系列》 ,于是开光篇就介么诞生了。    一名码农的自述   读军校是因年少时够调皮捣蛋,父母担心送去地方大学必会惹是生非之类,所以毅然决然的给我丢进军校深造,美名曰——“ 锻炼 我”。实际,去了军校更没少打架斗殴;然后转眼四年毕业,懂得两点。 部队并不适合自身性格 坐办公室折腾电脑不错    。。。   于是乎卷起衣袖、扛着麻袋成为一名IT从业人员。   我是一名以“码农”自称的“前端”。骄傲这两个称呼,所以依旧在自己梦想的道路上坚持着。   技术杂,不精,互联网从业四年。领导曾对鄙人的评价是 “艺术青年”,个人觉得可改为“学 艺 不精的技 术 打杂 青年 ”    。。。 目的 定下学习目标,后续好展开自己的学习计划 学习各种实现技巧 学习优秀代码、库、框架、浏览器等的设计理念 巩固知识和基础

前端小技巧

左心房为你撑大大i 提交于 2020-02-07 00:30:45
大家写表格样式的时候 width设置为100.1% 暂时你可能觉得没啥 但这0.1日后 你会体会到它的好处 <Table :columns="columns" :data="tableSatisfactionListData" style="width: 100.1%;"></Table> 来源: CSDN 作者: 迷人的反派角色 yilia 链接: https://blog.csdn.net/canshegui2293/article/details/104202583

想成为一个Web前端开发工程师,需要掌握的知识总结

岁酱吖の 提交于 2020-02-06 22:36:50
前端工程师已经成为目前互联网企业极具竞争力的人才,企业不断提升薪资水平为了招聘到优秀的Web前端开发工程师。因此,越来越多的人想要学习Web前端。那么呢?Web前端的学习路线是什么? 加扣裙:768976403 免费获取学习资料 想成为一个Web前端开发工程师,需要掌握的知识有很多,大概包括:HTML、CSS、JavaScript、XML、JSON、服务器脚本语言(PHP,ASP,.NET,JSP等等)、jquery框架、页面性能优化、SEO站内优化、开放服务API接入、浏览器兼容性调试、W3C规范等等。 1、前端页面重构。主要内容为PC端网站布局、HTML5+CSS3基础、WebApp页面布局。学习目标是完成PC端网站布局,WebApp页面布局,还要可以通过HTML5+CSS3的2D、3D等属性实现一些精美的动画效果。 2、JavaScript高级课程、PC端全栈项目开发。主要内容为原生JavaScript、面向对象进阶与ES5/ES6应用、JavaScript工具库自主研发、JQuery经典交互特效开发、HTTP协议、Ajax进阶与后端开发、前端工程化与模块化应用以及AngularJS等。学习目标是可以通过原生JavaScript开发交互功能,实现网站上的交互效果,以及模块化应用等,实现完整的前端工程。 加扣裙:768976403 免费获取学习资料 3、Web前端框架、混合开发

钉钉开发

谁说我不能喝 提交于 2020-02-06 11:49:24
前言 年前有个想法:获取外勤员工的考勤数据,根据考勤的时间、地点来判断员工是否准时达到了目标地点。今天在这里进行一个总结(代码还没完全写完,各个功能模块都做好了,结果我这里的网络不行。。。呜呜呜。。。) 需要掌握的技能 钉钉官方的前端API与后端API。 后端API我用的是JAVA,各位大佬用自己对应的后端API即可。 需要掌握一门后端语言,以使用钉钉官方的后端API。如果说官方没有对应的后端的API现成的代码示例,那么根据官方的API描述,向对应的url提交对应的get/post请求,并加上对应的参数即可。 面向百度编程。各位大佬看到这里可能会有疑问“咦?面向百度编程,你丫看不起我们是不是!你是不是觉得我们看不懂中文!”大佬们淡定,有一说一,钉钉官方的前端API真的写的好难受,好多对应的JS方法都没有,我本身又是个野路子的java,前端技术更是弱的可怜,在百度“钉钉开发XXX”的时候,根本莫得办法去做。经过多次的研究后,我发现钉钉的好多东西,可以用微信小程序的官方API来做!有问题面向百度时,可以直接搜索“小程序XXXXX”,出现的虽然是微信小程序的解决方案,但是大部分在钉钉上是通用的。 数据库。做开发,再差(大致上没人比我还差了吧。。。)也得知道一门数据库吧,我在做我们的需求时,虽然功能简单,但是必须有数据库,否则就是做了坨屎(不然员工数据往哪存?) 注意事项