- 综合排序
- 最热优先
- 最新优先
- 来自专栏大前端开发
《大前端开发》培训2周小结
原先打算将前端和后端的内容先独立分开来讲的，但是在讲课的过程中，发现穿插在一起讲能更好的让同学们理解前端和后端的异同和各自的职责，以及相互间的关系等，可以更好的建立软件开发的大局观，从更高的角度来认识编程 然后，尽量让同学们在了解某个具体技术知识点的同时，也让他们了解这些技术在整个软件开发和部署的体系中所处的角色和位置。 把最重要的东西完全搞明白，力图做到： 不要写一行你自己都没理解的代码 除了这些基础知识，我们也开始引入介绍一些以后需要用到的内容，比如：Nginx、MongoDB的基本用法，微信小程序和网页应用开发的技术关联性 模拟芝麻信用页面 通过开发这些demo程序，同学们对HTML和CSS在搭建界面方面的使用，以及使用DOM事件进行对用户交互的处理，都有了一个更加形象的认识。
73720发布于 2018-08-21 - 来自专栏赵康的日常专栏
【前端】移动端Web开发学习笔记【2】 & flex布局
上一篇：移动端Web开发学习笔记【1】 ---- meta标签 width设置的是layout viewport 的宽度 initial-scale=1.0 自带 width=device-width 设计点2：弹性图片 类似第一点，图片也使用百分比。 优点： 减少重复开发。 ---- 移动Web的特别样式处理 高清图片 在retina屏幕上渲染图片，为了避免图片产生模糊，图片的宽高应该用物理像素单位渲染。 例子： width: (w_value/dpr)px; height: (h_value/dpr)px; 1像素边框 在retina屏幕上渲染图片，1px使用2dp或者3dp渲染。
49930编辑于 2023-10-17 - 来自专栏贤羽的前端小栈
Weex 开发新手上路 - (2) 前端避坑篇
接入 WeexSDK 后，前端开发者编写 Weex 页面时会发现，Weex 页面和以前写的 Web 页面还是有一定区别的，一不注意就踩坑了。 2. 只支持 px 单位，不支持百分比宽高 根据官方文档的描述，我们知道 Weex 内只能使用像素值单位 px。 属性名尽量用全称 在完成本文章时，使用 Weex 版本 v1.3.11 测试以下样式写法的情况如下： .t1 { /* 有效 */ margin: 20px; } .t2 { /* 无效 border-width: 1px; border-style: solid; border-color: blue; border-top-width: 2px
1.1K20编辑于 2022-06-09 - 来自专栏C/C++基础
web前端开发初学者十问集锦（2）
2.img标签是行内元素为什么可以设置宽高？ 准确来说，img是替换内联元素 replaced inline element，属于inline element类目。 （2）在 CSS 中，任何元素都可以浮动。浮动元素会生成一个块级框，而不论它本身是何种元素。这样的话就可以对浮动后的行内元素应用高和宽的属性了。可参见：CSS float 属性。 7.web前端开发相关代码如何注释？ （1）JavaScript代码如何注释？ 100%减去自己内容高度的百分比除以2得出的百分比就是 margin-top:百分比的数值。 （2）或者将当前浮动的div的定位方式设置为relative，absolute，然后使用top:n%的方式。百分比的计算方式如上。
1.7K10发布于 2018-08-03 - 来自专栏serena test
前端开发
前端开发是创建WEB页面或APP等前端界面呈现给用户的过程，通过HTML，CSS及JavaScript以及衍生出来的各种技术、框架、解决方案，来实现互联网产品的用户界面交互 [1] 。 前端开发从网页制作演变而来，名称上有很明显的时代特征。在互联网的演化进程中，网页制作是Web1.0时代的产物，早期网站主要内容都是静态，以图片和文字为主，用户使用网站的行为也以浏览为主。 [2] 前端开发跟随移动互联网发展带来了大量高性能的移动终端设备应用。HTML5，Node.js的广泛应用，各类UI框架，JS类库层出不穷，开发难度也在逐步提升。 [1]
79930发布于 2021-06-08 - 来自专栏赵康的日常专栏
【前端】Web前端学习笔记【2】
相关博客： Web前端学习笔记【1】 ---- 1. this在 JavaScript 中主要有以下五种使用场景 ---- 在全局函数调用中，this 绑定全局对象，浏览器环境全局对象为 window = { test: 'obj2test', getAge2: function () { console.log(this.test) } } return obj2; } }; obj.getAge().getAge2() // 'obj2test' // ============== var obj = { birth :@&=+$#")); 输出： http%3A%2F%2Fwww.w3school.com.cn http%3A%2F%2Fwww.w3school.com.cn%2Fp%201%2F %2C%2F Google Gear Google开发出的一种本地存储技术。 缺点：需要安装Gear组件。
56320编辑于 2023-10-17 - 来自专栏grain先森
前端-微信小程序开发(2)：小程序基本介绍
9374374.html 前言 前面我们研究了下微信小程序的执行流程，因为拿不到源码，只能算我们的猜想，我们需要更加了解小程序还需要做具体的项目，于是我们将原来那套还算复杂的业务拿出来： 【组件化开发 】前端进阶篇之如何编写可维护可升级的代码（https://www.cnblogs.com/yexiaochai/p/4876099.html）（有些晦涩有些乱，但是对于整体了解小程序结构有帮助） 我们用小程序实现这里的代码 CSS类似，一般认为是CSS的子集 因为小程序中UI组件都是Native实现，所以小程序直接手起刀落压根放弃让我们使用HTML容器，这样做我觉得有个好处是： 为了更好的限制，我之前也在做Hybrid乃至前端框架 我们之前在这里研究过自定义标签的做法：从DOM操作看Vue&React的前端组件化，顺带补齐React的demo <article class="cm-page page-list" id="main > </view> </view> </view> Page({ data: { background: ['demo-text-1', 'demo-text-<em>2</em>'
2.1K30发布于 2019-03-29 - 来自专栏学习/读书笔记
web前端开发--仿京东官网首页项目实战（2）
这期主要完成了仿京东官网首页的搜索栏和导航部分。
51720编辑于 2022-04-07 - 来自专栏前端入门学习
移动前端开发和web前端开发的区别
既然都是前端开发，两者肯定有紧密的联系，移动前端开发和web前端开发其实都属于前端开发的范围，目前前端发展的趋势就是大前端，可以说是包罗万象，当然也就包含PC端和移动端领域，而现在的前端开发人员也已早就不是当年的切图仔了 ，需要学习和掌握大前端体系方方面面的知识才能在日常的开发中游刃有余，但是不论趋势如何发展，目前来看HTML、CSS和JavaScript依然是整个前端开发的三大基石。 所以不论是想做移动前端开发还是web前端开发，这三样基础技术都必须熟练掌握。 移动前端开发和web前端开发都属于前端开发，那具体又有什么区别呢？ 1、业务的应用场景 web前端开发主要指传统的PC端网页开发，页面主要是运行在PC端浏览器中，移动前端开发出来的页面主要是运行在手机上；直观上会感觉，PC端页面大一些，移动端页面小一些，但是根据开发经验 2、新技术的使用 由于在移动端主要以webkit内核为主，对于HTML5等新技术支持的更好，所以可以更大范围的使用新技术;而PC端开发由于很多场景下要求兼容IE等老版本浏览器，出于浏览器兼容性的考虑，有些情况下限制了新技术的使用
2.1K00发布于 2019-08-11 - 来自专栏全栈程序员必看
前端APP开发
移动端APP开发方式概述 按照开发分类，大致可以分为下面这三种： 1、WebApp WebApp开发，严格来说并不是一个APP软件，只是一个Web型的微网站。市面上也被叫做H5应用程序 。 2、NativeApp Native App就是一个原生的App软件，主要是通过Java或者其他代码来实现原生的Android Q或者iOS手机的App软件。 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 相册实现点击加载图片 JQuery BootStrap AngularJS 学习资料： 慕课网AngularJS实战 图灵社区AngularJS入门教程 AngularJS官方指南 1 初始AngularJS 2
1.1K60发布于 2018-01-17 - 来自专栏余生开发
前端开发规范
invite_code=2ngc3ujibi0w0
89610发布于 2018-10-15 - 来自专栏云云众生s
前端开发简介
前端开发不断演变的角色 过去，前端开发主要侧重于网站在各种浏览器上的外观。然而，前端开发的范围已经扩大。如今，它不仅涉及美学，还涉及增强用户体验和 Web 应用程序的整体功能。 随着互联网的发展，前端开发通过适应挑战和抓住机遇来改进用户体验并满足当前需求，从而跟上步伐。 前端开发人员的角色 从事前端工作的开发人员在将设计理念与技术执行连接起来方面发挥着作用。 随着技术的不断发展，对有才华的前端开发人员的需求将继续上升，突显他们对塑造动态在线环境的贡献。 前端开发人员的基本技能 前端开发是一个动态领域，需要技术技能和创造天赋的结合。 前端开发人员的学习和开发资源 在快速发展的前端开发领域保持最新状态需要致力于持续学习和发展。 前端开发的未来 在这篇文章中，我们深入探讨了前端开发的基础知识、挑战和不断发展的格局。
97410编辑于 2025-03-19 - 来自专栏web前端教室
前端开发 和 前端开发工程师的区别
前端行业其实很少人去深究前端开发工程师中的“工程师”这三个字，究竟是什么意思。其实在我看来，许多所谓的前端开发工程师只是做前端开发的工作而已，远配不上工程师这三个字。 恩，其实我是说，我配得上前端开发工程师中的“工程师”这三个字。不要急着喷我，我有理由的。 举个例子吧，外包公司大家都知道，在那公司里，多数都是只做软件，不做业务。 这也是我说，我是配得上前端工程师这几个字的原因，因为我也能根据业务发展，来解决前端工作范围内的问题。 好吧，我再谦虚一下，在一定程度上。。。 我不仅拥有编写前端程序代码的开发思路，我还有能解决问题的思路。我这种能力比能记住和使用很多函数方法插件框架。。这些东西要强的多。 对于一个合格的开发工程师来讲，不管你前端还是后端，给你一个活儿，你最好想想它是干嘛的？谁需要它？它的产出物给谁？把这个工作任务，放在整个网站的业务流程中去思考它的定位。
2.2K100发布于 2018-02-06 - 来自专栏达达前端
Web前端开发高级前端技术（高级开发程序篇）
（给达达前端加星标，提升前端技能） ? 内容有点多，也请你静下来，慢阅读，今后多多关照。 说到web前端开发高级，必须要掌握的是HTML和css代码的优化，前端优化很重要，这是成功你进阶的道路上需要重视的知识点，面对代码优化，首先我们要学习的就是前端命名规范，HTML代码优化，和css代码优化 set与Map js原有的2种数据结构，array和object；es6新增两种数据结构，set和map set数据结构 set类似于数组，成员的值都是唯一的，没有重复的值。 主要用于数据的去重。 长度arr.lengthset.sizemap.size 增arr.push(新增值)set.add(4)map.set('t', 1) 删arr.splice(索引,删除数量)set.delete(2) map.delete('t') 改arr.splice(索引,删除数量,[新增值])遍历map.set('t',2) 查遍历set.has(1)map.has('t') 清空arr = []set.clear
3.1K10发布于 2020-02-18 - 来自专栏农民工前端
前端面经（2）
使用path来匹配路由，然后通过query来传递参数，这种情况下 query传递的参数会显示在url路由的两种模式 hash与history 对于Vue 这类渐进式前端开发框架，为了构建SPA(单页面应用 )，需要引入前端路由系统，这也就是Vue-router存在的意义。 前端路由的核心，就在于改变视图的同时不会向后端发出请求。 2. 使用v-model可以减少大量繁琐的事件处理代码，提高开发效率，代码可读性也更好3. 通常在表单项上使用v-model4. 优势：在后端，JavaScript的规范远远落后并且有很多缺陷，这使得难以使用JavaScript开发大型应用。
1.7K60编辑于 2023-02-17 - 来自专栏前端开发面试
前端面试前端性能优化篇2
不论是什么样的前端面试，总会问到的一个问题：前端性能优化。相信如果这个问题没有答好，在面试中会很被动。于是，趁着这个天天宅的时期，好好的整理了一番。 、CSS代码可以内嵌在HTML中，比如：rem动态等5、避免使用iFrame6、使用骨架屏二、CSS优化加载优化1、避免使用css的@import2、避免使用通配符3、避免使用! 1、选择器嵌套尽量不要超过三层2、id选择器尽量不要嵌套3、使用继承体积优化1、提取公共CSS三、JS优化运行速度1、如果没有兼容问题，尽量使用原生方法2、根据兼容浏览器的最低版本，考虑是否使用polyfill3 （Webpack拆包）减少加载体积1、压缩图片2、压缩HTML、CSS、JS代码3、开启网络压缩，如：GZIP参考 前端进阶面试题详细解答减少加载次数1、制作精灵图2、将小图片转换为base64字符串3 、使用浏览器缓存4、使用前端缓存，如: LocalStorage、Cookie、SessionStorage等5、减少重定向请求，比如：nginx反向代理的重定向6、避免使用服务端字体五、React性能优化
85130编辑于 2023-01-04 - 来自专栏青梅煮码
前端开发，如何优雅处理前端异常？
前端一直是距离用户最近的一层，随着产品的日益完善，我们会更加注重用户体验，而前端异常却如鲠在喉，甚是烦人。 一、为什么要处理异常？ 增强用户体验； 远程定位问题； 未雨绸缪，及早发现问题； 无法复现问题，尤其是移动端，机型，系统都是问题； 完善的前端方案，前端监控系统； 对于 JS 而言，我们面对的仅仅只是异常，异常的出现不会直接导致 对于前端来说，我们可做的异常捕获还真不少。 catch(e) { console.log('捕获到异常：',e);} 输出： Uncaught SyntaxError: Invalid or unexpected token不过语法错误在我们开发阶段就可以看到 2.动态创建 img 标签的形式 function report(error) { let reportUrl = 'http://jartto.wang/report'; new Image().
1.5K10编辑于 2023-03-13 - 复制代码 反例：来自专栏IT技术分享社区
前端：Vue前端开发规范，值得收藏！
export default { name: 'TodoItem', // ... } 复制代码 反例： export default { name: 'Todo', // ... } 复制代码 2. == -1 } } } 复制代码 反例： // 这样做只有开发原型系统时可以接受 props: ['status'] 复制代码 4. 为v-for设置键值 总是用 key 配合 v-for。 -- 使用 `scoped` 特性 --> <style scoped> .button { border: none; border-radius: 2px; } .button-close { }
错误：{{ error }}{{ results }}复制代码 2. 推荐使用vs code进行前端编码，规定Tab大小为2个空格 vs code配置 { "editor.tabSize": 2, "workbench.startupEditor": "newUntitledFile1.8K40发布于 2021-06-24
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号