- 博客(37)
- 收藏
- 关注
RSS订阅原创 web前端应该怎么学？
互联网+的火爆，让互联网行业快速的扩张。越来越多的人想通过学习的途径进入这个行业，java开发、WEB前端开发、UI设计等专业受到大众追捧。小编这次主要介绍一下WEB前端开发，为想要学习web前端开发的人指点迷津，能更加有效的去学习web前端开发。web前端开发需掌握的知识【HTML、CSS代码】作为一名web前端开发人员最基础的职能就是负责网页布局，用代码把美工、设计做出来的图拼合起来，所以HTML、CSS代码需要精通。如果再提高一点标准，要了解百度搜索引擎，知道它对哪些代码布局更加亲近，这样可以提高
2020-07-20 10:32:33
191
原创 Web前端开发工具
本文仅代表博主自己观点，希望对大家有所帮助。（只推荐以下三款，其余不推荐使用）1、HBuilder、HBuilderX（下载地址http://www.dcloud.io/）（1）介绍：入门首推这两款工具。高校可能也有很多老师使用这两款教授学生。区别在于HBuilderX更加轻量，是HBuilder的下一代版本（Hbuilder已经停止更新维护），其压缩包大小仅10几M，通过自定义插件的安装来适应自己开发的需要，如git插件等。缺点是对各种框架的语法支持不是很好。（2）优势：软件由C++开发，性能自然强
2020-07-20 10:28:44
382
原创 前端学习——这十本书一定要看
为大家推荐十本前端开发相关的书籍，个人认为每本都很经典，希望大家能有所收获~但是即使前端技术飞速发展，下面这十本书却从来没有过时，依然是每个前端初学者首选的入门书籍。1.Head First HTML与CSS（第2版）作者: Elisabeth Freeman/ Eric Freeman出版社: 中国电力出版社是不是已经厌倦了那些深奥的HTML书？你可能在抱怨，只有成为专家之后才能读懂那些书。那么，找一本新修订的《Head First HTML与CSS（第2版）》吧，来真正学习HTML。你可能希望
2020-07-20 10:25:47
821
原创 目前比较火的前端框架及UI组件
一、前端框架库：1.Zepto.js地址：点击打开链接描述：Zepto是一个轻量级的针对现代高级浏览器的JavaScript库， 它与jquery有着类似的api。 如果你会用jquery，那么你也会用zepto。关于Zepto认知我也是通过与一位腾讯朋友聊天的时候知道的，只作了些基础的了解。2.SUI Mobile地址：点击打开链接描述：SUI Mobile 是一套基于 Framework7 开发的UI库。它非常轻量、精美，只需要引入我们的CDN文件就可以使用，并且能兼容到 iOS 6.0+
2020-07-04 11:53:18
1468
原创 前端工作越来越难找，是不是已经饱和了？
前端的工作越来越难找，到底是不是前端领域已经饱和了？的确，前端的热度比前几年相比明显降低了很多。前两三年，互联网经济异军突起，热钱涌进来。这个阶段，人才是稀缺资源。所以在前几年，凡是懂点前端的都比较好找工作。而现在，市场上已经不缺初级前端，而是能够开发像WebQQ那一类的高级前端。从前端学习的曲线来讲，它是先平缓再陡峭再平缓。在学习曲线变陡峭那一段，很多人卡在那里。所以就有了我们现在看到的：一堆初级前端找不到工作，一堆公司招不到好前端。公司要的是经历陡峭之后的那些人。作为前端技术主管，经常需要在投递
2020-07-04 11:50:17
3698
原创 前端常用语言
html:负责定义页面的内容 css:负责定义页面的样式 javascript:负责控制页面的行为以上三种为前端学习的基本课程jquery:javascript框架，javascript函数库，极大简化了javascript。bootstrap:一个用于快速开发 Web 应用程序和网站的前端框架。AngularJS: 是一个 JavaScript 框架。JSON: 是存储和交换文本信息的语法.Ajax: 可以用于创建快速动态的网页。AJAX 是一种在无需重新加载整个网页的情况下，能够
2020-07-04 11:46:18
745
原创 推荐几个移动端前端UI框架
SUI Mobile http://m.sui.taobao.org/components/#popup SUI Mobile 是一套基于 Framework7 开发的UI库。MUI http://dev.dcloud.net.cn/mui/ 最接近原生APP体验的高性能前端框架weUI https://weui.io/ 微信原生框架Vant https://youzan.github.io/vant/?sour
2020-07-04 11:35:32
2740
1
原创 前端工程化：从切图仔到前端 Leader，如何跨越式成长
前端的小伙伴应该能够很明显地感觉到，在面试过程中，各大公司面试官已经非常注重前端工程化能力的考察了。前端工程化的演进可以极大地提升开发效率。前端发展到现在，社区涌现出大量的优秀框架和工具，得以将前端工程师从繁重的工作中解脱出来。比如，同样地给一个 dom 元素绑定一个 click 事件，使用 Vue 就会比 JS 更简单清晰。我相信每个踏入前端这个行业的同学都是有着一颗热爱学习的心。因为前端这个行业不如后端那么成熟稳定，所以一直是在高速地推陈出新，每年都会有新的框架出来。但每个人的精力又是有限的，每个人
2020-07-04 11:21:24
243
原创 前端页面跳转的几种方法
一、onclick跳转设置window的location.href属性οnclick=“window.location.href=‘URL’” // 覆盖当前页οnclick=“location=‘URL’” // 覆盖当前页调用window的open方法οnclick=“window.open(‘URL’,’_blank’);” // 在新窗口打开οnclick=“window.open(‘URL’,’_self’);” // 覆盖当前页二、a标签跳转Preface // 在新窗口
2020-07-04 11:18:01
4769
原创 Web前端和Web后端的区分
一、绪论1、前台：呈现给用户的视觉和基本的操作。后台：用户浏览网页时，我们看不见的后台数据跑动。后台包括前端、后端。前端：对应我们写的html、css、javascript 等网页语言作用在前端网页。后端：对应jsp、javaBean、dao层、action层和service层的业务逻辑代码。（包括数据库）为什么jsp是后端呢？主要是jsp的运行原理是在tomcat服务器运行的。2、(1)javaweb是java开发中的一个方向 java有搞安卓的，搞web的，搞嵌入式的等。javaweb就
2020-07-03 19:24:08
391
原创 前端开发利器--VScode（Visual Studio Code）
在前端开发中，有一个非常好用的工具，Visual Studio Code，简称VS code。都不用我安利VS code，大家就会乖乖的去用，无数个大言不惭的攻城狮，都被VS code比德芙还丝滑的强大功能所折服。我是来给大家安利插件的，想做个比较全面的插件集合给大家。网上的我也看过一些，但是都比较零散，时间也久了一些，我结合最近的情况，总结一下，造福大家，才是我想做的。手动比心❤。VS vode特点：开源，免费；自定义配置集成git智能提示强大支持各种文件格式（html/jade/css/
2020-07-03 19:20:45
410
原创 我对前端开发的简单认识
学而不思则罔，从最简单，最基础的开始，也考验一下我的表达能力。以下是个人的一点看法和观点，欢迎批评指正，及各种建议。谢谢。目录：1 我对前端开发的概念的理解2 我对网页设计，ui ,前端开发的，理解3 基本的技术知识一、我对前端开发的概念的理解1、前端: 在网络平台上，展示、传递信息给用户，或可以跟用户进行交流的界面。百度百科是这样定义的：前端对于网站来说，通常是指网站的前台部分。2、前端开发er: 开发 前端 页面的人。通过各种技术手段，完成页面的重构，将信息美观的在各种浏览器/软件上
2020-07-03 19:17:04
2616
原创 写给想做前端或者已经在做前端的你
写这篇文章希望和大家分享、交流，共同进步；更希望能够给将要在前端行业工作、实习的同学一些帮助。P.S. 喷神请绕道，大神勿喷，不引战，不攻击，不钻牛角尖。第一次接触前端时。许多同学估计都想过要做一个网站，大部分又是从PHP开始的（谁让它是世界上最好的语言呢）。后端语言参与渲染HTML一直很主流，跟着教程做，你会写一堆样式表，到后来也许是需要在提交表单时进行客户端验证，你开始写一些JS。想做个网站啥的（以前app没有那么多），必须要学会HTML、CSS、JS，HTML构造结构，CSS表现样式，JS决定行
2020-07-03 19:08:25
479
原创 web前端人员每天必须关注的前端社区网站
1.CSDN-前端：http://geek.csdn.net/frontend2.CSDN-程序人生：http://geek.csdn.net/career3.CSDN-移动开发：http://geek.csdn.net/mobile4.WEB开发者：http://www.admin10000.com/5.AngularJS中文社区：http://angularjs.cn/hots6.AngularJS官网：https://angularjs.org/7.runoob.com-web前后端各种知
2020-07-03 18:42:08
437
原创 前端开发学习常用网站网址及介绍
在开发的时候，想记住所有的单词基本是不可能的，所以就需要进入文档，只要理清需求能做出来，就很不差了！！1.百度，俗称度娘，有不懂的就问百度，有问必答2.百度翻译，不懂的单词，复制粘贴就懂了3.微信小程序开发文档4.微信公众平台5.我的 CSDN 博客主页6.菜鸟教程，里面有超级多的开发教程转7.W3C 教程，里面有超级多的开发教程8.VUE 官方文档9.阮一峰老师的 E6 入门教程10.React 官方文档， React 用于构建用户界面的 JavaScript 库11.Ant Des
2020-07-03 18:01:15
344
原创 前端学习路线
下面介绍百度前端学院的学习路线，百度前端学院的路线是从中国大学mooc看的。1、入门目标1:培养兴趣知识：HTML CSS JavaScript实践：个人主页 小时钟 计算器 小动画多去看看一些酷炫的前端效果，去尝试模仿目标2：系统地学习，打好基础知识：HTML CSS JavaScript实践：针对知识点的大强度练习方法：总结 重构 多问为什么2、尝试目标：能够完成小型复杂度网站实践：个人任务管理、 日期时间组件、 图片管理、 拖拽、 进度管理工具 、甘特图方法：复用 积累问题
2020-07-03 17:45:09
120
原创 Web前端学习笔记
web前端的定义：是面向用户（浏览者）的互联网技术统称。主要包括Web界面的结构、Web界面的外观视觉表现以及Web界面的交互实现。Web前端的分类：前端设计和前端架构。HTML结构语言：超文本标记语言。通过各种标记符号（标签）来代表网页中的内容元素、将网页中的内容结构化。特点：通过浏览器来解析、文件名为html或htm。CSS样式语言（样式表）：实现表现与结构分离的样式设计语言。1控制网页的视觉表现及简单交互。通过浏览器来解析，文件名为css。DW编码软件（dreamwaver）
2020-07-03 17:35:59
2831
原创 浅谈前端
大前端是什么？简单来说，大前端就是所有前端的统称，比如Android、iOS、web、Watch等，最接近用户的那一层也就是UI层，然后将其统一起来，就是大前端。大前端最大的特点在于一次开发，同时适用于所有平台，开发者不用为一个APP需要做Android和iOS两种模式而担心。大前端是web统一的时代，利用web不仅能开发出网站，更可以开发手机端web应用和移动端应用程序。大前端为什么出现？由于node的出现，前端工程师不需要依赖于后端程序而直接运行，从而前后端分离起来。所以当开发一个新产品的时候服务
2020-07-03 17:01:15
243
1
原创 Web前端常见问题汇总
1.get 和post的区别1.1数据传输大小：get 传输数据大小限制在1KB，post传输数据大小没有严格限制1.2缓存和安全：get请求某个url，数据追加到url中发送（http的header传送），即浏览器将各个表单字段元素及其数据按照URL参数的格式附加在请求行中的资源路径后面，查看浏览器历史记录就可以看到用户数据，自然就不够安全，一些文件在访问的时候同时也被缓存了。post请求时浏览器把各表单字段元素及其数据作为HTTP消息的实体内容发送给Web服务器，而不是作为URL地址的参数进行传递
2020-07-03 16:58:30
238
原创 web前端应该怎么学？
互联网+的火爆，让互联网行业快速的扩张。越来越多的人想通过学习的途径进入这个行业，java开发、WEB前端开发、UI设计等专业受到大众追捧。小编这次主要介绍一下WEB前端开发，为想要学习web前端开发的人指点迷津，能更加有效的去学习web前端开发。web前端开发需掌握的知识【HTML、CSS代码】作为一名web前端开发人员最基础的职能就是负责网页布局，用代码把美工、设计做出来的图拼合起来，所以HTML、CSS代码需要精通。如果再提高一点标准，要了解百度搜索引擎，知道它对哪些代码布局更加亲近，这样可以提高
2020-07-02 15:47:03
170
原创 浅谈对前端开发的简单认识
学而不思则罔，从最简单，最基础的开始，也考验一下我的表达能力。以下是个人的一点看法和观点，欢迎批评指正，及各种建议。谢谢。目录：1 我对前端开发的概念的理解2 我对网页设计，ui ,前端开发的，理解3 基本的技术知识一、我对前端开发的概念的理解1、前端: 在网络平台上，展示、传递信息给用户，或可以跟用户进行交流的界面。百度百科是这样定义的：前端对于网站来说，通常是指网站的前台部分。2、前端开发er: 开发 前端 页面的人。通过各种技术手段，完成页面的重构，将信息美观的在各种浏览器/软件上
2020-07-02 11:08:51
7155
1
原创 2020web前端面试及答案（四）
其他一、怎么让Chrome支持小于12px 的文字？这个我们在做移动端的时候，设计师图片上的文字假如是10px，我们实现在网页上之后。往往设计师回来找我们，这个字体能小一些吗？我设计的是10px？为啥是12px?其实我们都知道，谷歌Chrome最小字体是12px，不管你设置成8px还是10px，在浏览器中只会显示12px，那么如何解决这个坑爹的问题呢？我们的做法是：针对谷歌浏览器内核，加webkit前缀，用transform:scale()这个属性进行缩放！haorooms博客测试10px二、I
2020-07-02 10:57:00
293
原创 2020web前端面试及答案（三）
前端基础知识点面试题1HTML/5、CSS/3相关一、html5有哪些新特性、移除了那些元素？如何处理HTML5新标签的浏览器兼容问题？如何区分 HTML 和 HTML5？新特性：HTML5 现在已经不是 SGML 的子集，主要是关于图像，位置，存储，多任务等功能的增加。拖拽释放(Drag and drop) API语义化更好的内容标签（header,nav,footer,aside,article,section）音频、视频API(audio,video)画布(Canvas) API地
2020-07-02 10:45:07
574
原创 2020前端面试及答案（二）
前端数据加密问题1一般如何处理用户敏感信息？前端一般使用md5、base64加密、sha1加密，想要了解详情请自行百度。前端http相关问题1HTTP常用状态码及其含义？1xx：指示信息–表示请求已接收，继续处理100 Continue 初始的请求已经接受，客户应当继续发送请求的其余部分。（HTTP 1.1新）101 Switching Protocols 服务器将遵从客户的请求转换到另外一种协议（HTTP 1.1新）2xx：成功–表示请求已被成功接收、理解、接受200 OK 一切正常
2020-07-02 10:43:48
185
原创 2020年前端面试题及答案（一）
一大纲1、前言2、前端工程化3、前端设计模式4、前端安全性问题5、前端跨域问题6、前端数据加密7、前端http相关问题8、*前端基础知识点面试题9、前端技术栈问题前言由于新冠肺炎疫情，现在成天呆在家里，加上也要准备面试，就在家里看面试题，看着网上一堆面试题，决定收集常见题目汇总一下。关于面试大纲，我认为每个人都是千差万别的。因为面试官都是对简历所写的项目经验进行深挖或者对你所掌握的基本技能进行考察。前端工程化1什么是"前端工程化"？前端工程化是使用软件工程的技术和方法来进行前
2020-07-02 10:41:56
1753
原创 Web前端基础知识整理（二）每天进步一点点
1、Web中的常见攻击方式跨站脚本攻击XSSXSS简单来说，就是在页面中植入恶意代码防御XSS：坚决不要相信用户的任意输入，并过滤掉输入中的特殊字,比如script标签，保护cookie，对重要的cookie设置httpOnly，防止客服端通过document.cookie获得cookie。sql注入sql注入指的是攻击者向服务器提交恶意sql代码，导致源程序执行包含恶意代码的sql。防止:客户端过滤特殊字符，在服务器中执行sql有关的操作时进行预处理。跨站点伪造请求（CSRF）什么是CSR
2020-07-02 10:23:26
162
原创 Web前端基础知识整理（一）每天进步一点点
typeof返回的数据类型typeof返回的数据类型包括undefined、string、number、boolean、symbol、Object、Function类型。检查数组的方式isArray()方法、toString.call()、instanceof Arrayjs中的call、apply、bind方法的区别js中的call apply bind都是用来改变方法上下文（context），就是可以使函数可以被其他对象调用。let hxy = {name: ‘hxy’,..
2020-07-02 10:14:19
226
1
原创 前端开发必备网站推荐
这是我收集的新手学习前端开发必备的网站，拿走不用谢1.MDN开发者文档网址:MDN Web Docs2.CSS教程:学习CSS - 小白教程3.node中文网:Node.js 新手入门 - CNode技术社区4.JavaScript教程网：https://zh.javascript.info/5.web开发人员必备工具包（实现快速敲代码）:https://docs.emmet.io/6.常用色彩搭配表:网页设计常用色彩搭配表 - 配色表 | 小影的工具箱7.阿里巴巴图标库:Iconfont-阿
2020-07-01 11:45:56
754
原创 前端学习路线（二）
深入了解Javascript，需要了解 Javascript 的原理，机制；需要知道他们的本源；需要深刻了解 Javascript 基于对象的本质；还需要深刻了解浏览器宿主下 的 Javascript 的行为、特性。他也有很多缺点，各个宿主环境下的行为不统一、内存溢出问题、执行效率低下等问题，需要深入了解、学会处理这些缺陷。推荐书籍：初级： 《JavaScript高级程序设计》 《JavaScript王者归来》 中级： 《JavaScript权威指南》 《JavaScript.
2020-07-01 11:34:10
116
原创 前端学习路线（一）
前端开发工程师 不仅要掌握基本的Web前端开发技术，网站性能优化、SEO和服务器端的基础知识，而且要学会运用各种工具进行辅助开发以及理论层面的知识，包括代码的可维护性、组件的易用性、分层语义模板和浏览器分级支持等。前端工程师至少都要满足四类客户的需求：1、产品经理。这些是负责策划应用程序的一群人。他们会想出很多新鲜的、奇怪的、甚至是不可能实现的应用。一般来说，产品经理都追求丰富的功能。 2、UI设计师。这些人负责应用程序的视觉设计和交互模拟。他们关心的是用户对什么敏感、交互的一贯性以及整体的好用性。
2020-07-01 11:28:18
155
原创 快速入门Web前端开发
入门标准入门标准很简单，就一条：达到能参与 Web 前端实际项目的开发水平。请注意，是实际项目，这就需要了解如今的实际项目开发都用了哪些技术栈。HTML/CSS/JavaScript 这三大基础技术栈肯定是需要掌握的，但要能参与实际项目开发，肯定还要掌握其他一些主流的框架体系。几年前， jQuery + Bootstrap 可以说是一统江湖，是前端领域的绝对霸主。而这几年，随着 Angular、React、Vue 等框架的兴起，变成了百家争鸣的局面。这几年，Web 前端的技术发展真是太快了，相应地，技术
2020-07-01 11:11:03
379
1
原创 Web前端开发书籍推荐（下）
web前端-FE《HTTP权威指南》高清中文版Ajax实战AJax与PHP基础教程Ajax中文手册W3School全套教程.CHMweb前端标准在各浏览器中的差异Web前端开发规范手册编写高质量代码-Web前端开发修炼之道高性能网站建设进阶指南+WEB开发者性能优化最佳实践构建高性能web站点网页设计配色正则表达式正则表达式系统教程.CHMIE11 白皮书谷歌搜索引擎优化初学者指南Web前端黑客技术揭秘移动应用UI设计模式构建高性能web站点Web开发秘方众妙之门 网
2020-07-01 11:05:00
687
原创 Web前端开发书籍推荐（上）
如何学习JavaScript，又如何使自己成为一个合格的前端工程师呢？ 读书吧~相对于在网上学习，在项目中学习和跟着有经验的同事学习，书中有着相对完整的知识体系，每读一本好书都会带来一次全面的提高。而如果深一脚浅一脚的学习，写出代码的质量会参差不齐。初学者的首要任务是成为靠谱的熟练开发者，能够稳定的输出有一定质量的代码，这样才能让人放心的把任务交给你。学习路线大部分技术，熟读下列四类书籍，就是一个很好的学习提升入门，用浅显的语言和方式讲述正确的道理和方法全面，巨细无遗地探讨每个细节，遇到疑难问题时往
2020-07-01 11:03:19
977
原创 Web前端新手入门：web前端介绍
一、什么是web前端？web（互联网总称）：是一种基于超文本和HTTP的、全球性的、动态交互的、跨平台的分布式图形信息系统。用户在查找或浏览信息的时候，展现出图形化，用直观的界面方式表达出来。前端：对于网站(页面)来说，有2部分，一个是网站的页面设计，用户的视觉效果等(美工完成)，第二个是网页的结构设计，对页面用代码的实现（web前端开发）。二、什么是web前端开发？是网页的结构设计，对网页用代码实现。网页代码结构：HTML、CSS、JavaScript以及现在最新的HTML5、CSS3等。三、
2020-07-01 11:00:57
1314
原创 经验分享，如何系统学习web前端之浅谈前端发展
前文提到的，说实话也只是冰山一角，这个一角也确实能开发，几乎所有的应用程序了，但是冰山的下半部分，却让我们更加神往！ 虽然技术是冰冷的，但做为活力四射的技术，还是会感受到一丝震撼人心的灵光！下面我挑两个高端技术，来分享一下。CQRS framework 我一手带大的孩子Web 前端开发人员，记住你们只是前端！ 不要越界好不好！你们没这个本事！但遗憾的是，本文的标题 “如何学习 Web 前端技术？” 真的只是谦虚说法，谁说我们不能开发后端程序了？！Node.js 为后端开发提供了基石，望着老牌技术的一
2020-07-01 10:51:10
193
原创 经验分享：如何系统学习web前端（二）
Web 前端技术知识体系前面讲了两点。第一点，说明人精力有限，有空要多陪陪基友和女友，所以我们要选择一套全栈式开发技术，帮助我们轻松开发应用程序，这就是 HTML5 + Node.js 技术体系。第二点，吹了半天，来说明这套技术多多好。那么，HTML5 和 Node.js 就是两种技术吗？当然不是了，衍生出的技术好多好多。HTML5 是什么，你 google 吧，我这里不粘贴了，可好？ 如果你说：google 臣妾做不到，那就百度吧。Web 前端程序，实际上运行环境就是浏览器，现代浏览器已经是一个平台
2020-07-01 10:49:05
170
原创 经验分享：如何系统学习web前端（一）
这篇文章主要是面向小白用户的，如果你有些基础，当然也建议你看看，尤其是最后一个主题，或许你能得到一些启发。本文的观点，纯属个人自以为是的想法，不是真理，仅供参考。抛开具体技术细节，先主要谈谈程序员如何更高效的，有选择的学习技术。我能体会到选择的轻松和乐趣，体会到身为技术人员和人类的平衡感。字里行间中，我要表达的是一种放弃与选择的哲学，能品到这一点，我就很高兴。人生苦短 我们需要一个基线古代小说里，高手如云，人们为了生存，要掌握一套保命武功。其中，我最喜欢的是轻功，毕竟三十六计走为上策（狡诈的一笑）。说
2020-07-01 10:48:05
509
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人