首页
学习
活动
专区
圈层
工具
发布
    • 综合排序
    • 最热优先
    • 最新优先
    时间不限
  • 来自专栏迈向前端工程师

    前端开发模块打包器webpack4实战入门

    Q:webpack真的是前端必学吗? A:从工作角度来说,一个团队只需要一两个人对 webpack 比较熟练,然后把配置封装好做成脚手架。每次新建项目都使用这个脚手架。 以下放视频(共28分钟)来学习一下如何使用 webpack4 使用WEBPACK Q:为什么要用构建工具? 这种情况下我不建议你学习webpack,建议你学下 vue 或者 react 框架,这两个框架都有自己的脚手架,所谓脚手架就是别人用构建工具帮你搭好了原始项目,你可以在不懂构建工具的情况下进行前端开发。 不过这就是初级前端的基本工作,给我一个环境,让我安心的写业务代码。 2. 安装,使用,生成工程文件。 Q:为什么需要构建或者说编译呢? 除了这些,前端构建还能解决一些web应用性能问题,比如:依赖打包、资源嵌入、文件压缩及hash指纹等。具体的我不再展开,总之前端构建工程化已经是趋势。 3. 实战出真知,学会了就去试试吧。

    71830发布于 2020-10-09
  • 来自专栏CSDN技术头条

    4前端开发经验,面试被虐,结局逆转

    扫码抢购吧> 课程亮点 36 个热点主题 50 讲系统性整理输出 在实战演练中掌握前端知识和编程技巧 面试切入,立体分析高频考点和底层原理 课程介绍 作者 LucasHC(侯策),作为资深 Web 开发工程师和具有多年宝贵经验的面试官 ,系统梳理了前端开发核心知识脉络,同时立体剖析了前端开发进阶的方方面面,旨在帮读者突破学习瓶颈,提升综合技术实力。 构建更为真实的开发场景,直击实践中的高频痛点。 内容示例:JavaScript 知识图谱 <点击放大图片> 作者介绍 侯策,知乎「前端开发」话题优秀回答者、《React 状态管理与同构实战》作者,曾就职于百度知识搜索部、法国能源和苏伊士集团、硅谷 BePATIENT 集团,负责前端开发

    1.1K20发布于 2019-05-14
  • 来自专栏C/C++基础

    web前端开发初学者十问集锦(4

    4.JS获取可视窗口、html文档、body的高度和宽度 高度的获取: <! 如果让学Web前端跨到CC++的话,我觉得会很痛苦。在CC++中,变量的申明和定义是有着本质的区别,而在JS中,申明并没有什么作用,如果使用变量时没有定义,那么依然会输出undefined。 这个很容易犯错,真的,三个按钮都是弹出:”Button4”,你答对了吗? 当注册事件结束后,i的值为4,当点击按钮时,事件函数即function(){ alert(“Button”+i);}这个匿名函数中没有i,根据作用域链,所以到buttonInit函数中找,此时i的值为4 ,所以弹出”button4“。

    1.8K20发布于 2018-08-03
  • 来自专栏全栈程序员必看

    Web前端开发实战4:导航菜单(一)「建议收藏」

    在前面的博文中我们提到横向一级菜单,这里我们来看看导航菜单。导航菜单种类很多,但是制作原理都是大同

    92010编辑于 2022-09-17
  • 来自专栏学习猿地

    Web前端学习 第10章 小程序开发4 小程序开发

    讯息} } 4 < / li > 5 < / ul > 6 var example1 = new Vue ({ 7 el:'#example-1' , 8 data:{ ) 小程序 微信小程序循环wx:for =“ {{data}}”“ 小程序循环内部{{item.first}} item是固定的,不是自己定义的 1 页面({ 2 数据:{ 3 项目:[ 4 只需要在触发事件的方法中,把需要传递的数据作为形参放置就可以了,例如: 1 // <button @ click =“ say('明天不上班')”> </ button> 2 3 新 Vue ({ 4 例如: 1 // <view class ='tr'bindtap ='toApprove'data-id =“ {{item.id}}”> </ view> 2 页面({ 3 数据:{ 4 原因

    1.7K40发布于 2020-07-08
  • 来自专栏学习/读书笔记

    web前端开发--仿京东官网首页项目实战(4

    这期完成了仿京东官网首页剩余内容部分。

    53020编辑于 2022-04-07
  • 来自专栏森屿暖树

    前端特效学习4

    效果图 HTML代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>demo</title> <link rel="stylesheet" type="text/css" href="css/style.css"/> </head> <body>

    <div class="cube

    37020编辑于 2022-03-23
  • 来自专栏serena test

    前端开发

    前端开发是创建WEB页面或APP等前端界面呈现给用户的过程,通过HTML,CSS及JavaScript以及衍生出来的各种技术、框架、解决方案,来实现互联网产品的用户界面交互 [1] 。 前端开发从网页制作演变而来,名称上有很明显的时代特征。在互联网的演化进程中,网页制作是Web1.0时代的产物,早期网站主要内容都是静态,以图片和文字为主,用户使用网站的行为也以浏览为主。 [2] 前端开发跟随移动互联网发展带来了大量高性能的移动终端设备应用。HTML5,Node.js的广泛应用,各类UI框架,JS类库层出不穷,开发难度也在逐步提升。 [1]

    80630发布于 2021-06-08
  • 来自专栏grain先森

    前端-微信小程序开发(4):打造自己的UI库

    icon-right::before {   content: "";   display: block;   width: 36rpx;   height: 16rpx;   border-bottom: 4rpx solid #fff;   border-left: 4rpx solid #fff;   -webkit-transform: rotate(-45deg);           transform

    1.4K20发布于 2019-03-29
  • 来自专栏前端入门学习

    移动前端开发和web前端开发的区别

    既然都是前端开发,两者肯定有紧密的联系,移动前端开发和web前端开发其实都属于前端开发的范围,目前前端发展的趋势就是大前端,可以说是包罗万象,当然也就包含PC端和移动端领域,而现在的前端开发人员也已早就不是当年的切图仔了 ,需要学习和掌握大前端体系方方面面的知识才能在日常的开发中游刃有余,但是不论趋势如何发展,目前来看HTML、CSS和JavaScript依然是整个前端开发的三大基石。 所以不论是想做移动前端开发还是web前端开发,这三样基础技术都必须熟练掌握。 移动前端开发和web前端开发都属于前端开发,那具体又有什么区别呢? 1、业务的应用场景 web前端开发主要指传统的PC端网页开发,页面主要是运行在PC端浏览器中,移动前端开发出来的页面主要是运行在手机上;直观上会感觉,PC端页面大一些,移动端页面小一些,但是根据开发经验 4、页面的性能 PC端的网络情况一般比较稳定,都是通过网线或者Wi-Fi连接网络;但是移动端就比较复杂,除了Wi-Fi,还有2G、3G、4G甚至是在几种不同的网络连接中交替切换也经常发生,不稳定的网络连接对页面性能带来的挑战是移动端的页面资源不能太大

    2.1K00发布于 2019-08-11
  • 来自专栏学习猿地

    【融职培训】Web前端学习 第10章 小程序开发4 小程序开发

    讯息} } 4 < / li > 5 < / ul > 6 var example1 = new Vue ({ 7 el:'#example-1' , 8 data:{ 小程序 微信小程序循环wx:for =“ {{data}}”“ 小程序循环内部{{item.first}} item是固定的,不是自己定义的 1 页面({ 2 数据:{ 3 项目:[ 4 只需要在触发事件的方法中,把需要传递的数据作为形参放置就可以了,例如: 1 // <button @ click =“ say('明天不上班')”> </ button> 2 3 新 Vue ({ 4 例如: 1 // <view class ='tr'bindtap ='toApprove'data-id =“ {{item.id}}”> </ view> 2 页面({ 3 数据:{ 4 原因

    1.6K42发布于 2020-07-13
  • 来自专栏李才哥

    前端面试系列(4

    第二步:true < 1,这时true会转为1,false会转为0进行比较,因此这一步结果为false

    37510发布于 2019-07-24
  • 来自专栏Ywrby

    4-Bootstrap前端框架

    Bootstrap是美国Twitter公司的设计师Mark Otto和Jacob Thornton合作基于HTML、CSS、JavaScript 开发的简洁、直观、强悍的前端开发框架,使得 Web 开发更加快捷 国内一些移动开发者较为熟悉的框架,如WeX5前端开源框架等,也是基于Bootstrap源码进行性能优化而来。 优点 定义了很多CSS样式和JS插件,使得开发人员不需要经过太多设置便可以得到一个丰富的页面效果 采用响应式布局,可以自动适配不同分辨率大小的设备 标准Bootstrap页面模板 <! (例如,如果设定了col-xs-4则在小屏幕手机上占四个栅格,同时在大屏幕设备上也能保证占据四个格子) 栅格类属性不可以向下兼容,如果真实设备分辨率小于预设值则一个元素会占满整行(例如,设定col-lg -4则设备在大屏幕上一个元素占四个栅格,但在小于临界值的所有设备上都单独占据一行) 栅格系统示例 <!

    2K20编辑于 2022-10-27
  • 来自专栏达达前端

    前端技术前沿4

    /weui.io/ 2:美团小程序框架mpvue Github:https://github.com/Meituan-Dianping/mpvue 官网:http://mpvue.com/ 3:组件化开发框架 wepy Github地址: https://github.com/Tencent/wepy 官网地址: https://tencent.github.io/wepy 4:官方框架MINA 地址:https miniprogram/dev/framework/MINA.html 5:Tina.js 一款轻巧的渐进式微信小程序框架 Tina.js 开源框架地址:https://github.com/tinajs/tina 6:前端框架 weapp.iviewui.com/ 8:ZanUI-WeApp -- 一个颜值高、好用、易扩展的微信小程序 UI 库 https://cnodejs.org/topic/589d625a5c8036f7019e7a4a

    86530发布于 2019-07-03
  • 来自专栏全栈程序员必看

    前端APP开发

    移动端APP开发方式概述 按照开发分类,大致可以分为下面这三种: 1、WebApp WebApp开发,严格来说并不是一个APP软件,只是一个Web型的微网站。市面上也被叫做H5应用程序 。 写页面的方式来开发App(APIClound)。 优点:开发时间短、兼容性强、方便系统移植。 缺点:必须有网络的支持,用户体验相对差,对于手机的一些原生底层功能不能实现。 3、HybridApp(混合式App开发) 介于WebApp和NativeApp这两者之间的App,开发时间短、成本低、用户体验度好,可以调用手机底层组件,方便移植,是目前及未来App开发的流程趋势。 一半是原生的,一半是前端程序员可以做的。 混合应用程序是集前两者开发方式的优点于一身,让开发人员可以把HTML5应用程序嵌入到一个细薄的原生容器里面,集原生应用程序和HTML5应用程序的优点(及缺点)于一身。

    2.6K40编辑于 2022-07-02
  • 来自专栏PM吃瓜(公众号)

    前端开发规范

    此外语义化的 HTML 结构,有助于机器(搜索引擎)理解,另一方面多人协作时,能迅速了解开发者意图 ? maximum-scale: 最大缩放比例; <meta name="viewport" content="width=device-width, initial-scale=1.0"> 此手册是在开发中积累下来的经验和参考其它规范 /指南制定的,它只是起指导作用,除个别条目强制之外,大多数为非强制约束,开发者可根据自己的实际情况自行决定是否要遵守 该指南只是保证大方向一致性和最佳实践的阶段性总结,不是最后结论

    1.2K30发布于 2019-08-12
  • 来自专栏xingoo, 一个梦想做发明家的程序员

    前端开发总览

    记录前端学习历程 kissy UI JavaScript   1 funtion方法的高级特性   2 图解闭包   3 JS面向对象高级特性   4 DOM 四个常用的方法   5 DOM 相册实现点击加载图片 AngularJS实战 图灵社区AngularJS入门教程 AngularJS官方指南   1 初始AngularJS   2 初识AngularJS 续   3 第一个AngularJS小程序   4

    1.1K60发布于 2018-01-17
  • 来自专栏余生开发

    前端开发规范

    使用不带BOM的UTF-8编码 在HTML中指定编码<meta charset="utf-8">; 无需使用@charset指定样式表编码,它默认为UTF-8(参考@charset);

    90610发布于 2018-10-15
  • 来自专栏互联网杂技

    20个为前端开发者准备的文档和指南4

    1.I want to use 基于的数据和功能都在Can I use网站上列出来了,这个app可以给你选择很多前端开发功能的能力和获得全世界用户看到你选择的功能的人数的百分比。 2. 4. HTML5 Video Events and API(HTML5 Video(视频)事件和API) “这个页面演示了HTML5 video的新元素,它的多媒体API,以及多媒体事件。 A Front End Engineer’s Manifesto(一份前端工程师的忠告) 它没有特别深入的内容,就是一个告示的简单集合,它提醒所有的前端开发者应该把他们的开发流程和工作流相结合。 Animations — Web Fundamentals(动画-Web的基础) 在Google的Web Fundamentals documentation(web 基础文档)里有很多的有用信息,但是这个为前端开发者特别提出来 它很棒,很适合不同类型的开发者。

    1.1K100发布于 2018-04-03
  • 来自专栏云云众生s

    前端开发简介

    前端开发不断演变的角色 过去,前端开发主要侧重于网站在各种浏览器上的外观。然而,前端开发的范围已经扩大。如今,它不仅涉及美学,还涉及增强用户体验和 Web 应用程序的整体功能。 随着互联网的发展,前端开发通过适应挑战和抓住机遇来改进用户体验并满足当前需求,从而跟上步伐。 前端开发人员的角色 从事前端工作的开发人员在将设计理念与技术执行连接起来方面发挥着作用。 随着技术的不断发展,对有才华的前端开发人员的需求将继续上升,突显他们对塑造动态在线环境的贡献。 前端开发人员的基本技能 前端开发是一个动态领域,需要技术技能和创造天赋的结合。 前端开发人员的学习和开发资源 在快速发展的前端开发领域保持最新状态需要致力于持续学习和发展。 前端开发的未来 在这篇文章中,我们深入探讨了前端开发的基础知识、挑战和不断发展的格局。

    1K10编辑于 2025-03-19
领券