首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

浅谈Web前端的线下项目开发

花叔所在团队中,一个长得像李敏镐的老大写的文章,转载一下: ---- 导语 :从15年第一个项目开始,团队以前端技术参与线下业务的项目开发已经快4年了,过程中尝试了很多,收获了很多,些许成就,些许挫败...ChinaJoy2016龙之谷WebVR互动 ---- 二、技术的储备 作为前端开发,基于线下项目的开发需求,需要学习和沉淀大量的技术和方案,主要包括自己写处理逻辑、利用已有组件框架或硬件设备接口、借助平台的能力等...另外还需要了解这些设备本身提供给前端的功能和API,例如W3C设计了许多基于浏览器支持的DeviceAPIs,包括地理定位、陀螺仪、震动、电量等等。...我们发现,数据比较好的项目一般集中在具备实用功能的会场服务,以及创新或能DIY的互动。 ---- Web前端开发因为各种加持,现在能去做的事儿越来越多了,这是10年前我们没法去想象的。...学习更多的前端技术,进行更多的业务交流,发觉更多的应用场景。天高海阔,技由心生。

82350
您找到你想要的搜索结果了吗?
是的
没有找到

快速部署Vue.js前端项目

快速部署Vue.js前端项目 前言 Vue.js相较于传统的HTML三件套(HTML、CSS、JavaScript)有许多优点。...Vue.js还提供了许多方便的工具和插件,例如路由管理、状态管理、打包工具等,使得开发效率更高。Vue.js是一款功能强大、易于学习、易于使用的前端框架,已经成为了许多开发者的首选之一。...今天我们来学习如何将Vue前端项目部署到服务器。 所需软/硬件 本文教程使用腾讯云服务,以Centos7系统为例,使用宝塔面板进行管理。...,导致web服务器找不到我们的入口,直接部署完前端静态文件后会使直接访问url时404报错,这是我们需要在Nginx的伪静态中新增重写规则来完成路由指向: 图片 4.部署完成 最后我们就可以愉快地访问自己的项目啦...: 图片 总结 在本教程中,我们一起学习了从购买服务器、配置服务器和项目到最终成功上线项目,作者不得不感叹随着时代的发展,前端框架已经产生了质的飞跃,如今前后端分离可以大幅减轻服务器压力,而基于MVVM

3.3K00

前端 实战项目·动态加载 JS 文件

动态加载 JS 文件 对于 Vue、React 等框架开发的单页面应用,在某些页面开发特殊功能时经常需要依赖第三方 JS 文件,如果在全局引入 CDN 资源可能会加载冗余文件,此时最好使用动态加载方式...动态加载 JS 脚本指仅在某些特殊页面引入依赖文件,而非全局引入,这样可以避免在这些页面并未打开时造成加载无用的资源,提高页面加载速度的同时,也让整个项目更加模块化。...对于 defer,可以认为是将外链的 js 放在了页面底部。js 的加载不会阻塞页面的渲染和资源的加载。defer 会按照原本的 js 的顺序执行。.../ajax/libs/jqueryui/1.12.1/jquery-ui.min.js', 'https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.9.0.../moment.min.js', 'https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/3.10.0/fullcalendar.min.js',

5.1K40

只会写js而不会排bug的人,做不了好前端

什么叫好前端?定义有很多,在我这至少包括能写js能排错。有些人因为面试的次数多了,什么样的面试题都见过,成了面霸成了面试小能手。...就是像刚才说的那样,面试很6,但排bug很卡,工作进度不Ok,自然面试到期就不Ok了。 //////// 前一篇《为啥总感觉跟前端开发“隔”了一层?因为你没有构建自己的三位一体的前端开发能力。》...//////// 前端开发是可以看到的。这个看到是指页面的不正常,要么是dom不正常,要么是js报错,要么是数据有问题,基本上就在这三个方面之内。...第3,看看这个bug,是js引起的,还是data引起的?这是在确定问题是谁的责任。 第4,如果是js引起的,那么要在bug出现的前后不同位置,分别打上console.log来查看打印信息进行调试。...//////// bug多种多样,所以只能写如何解决它们的策略。可能许多同学更习惯的是“针对具体的bug,然后直接给出解决方法”,但很可惜这种银弹式的答案是不存在的。

1K80

分析防范前端BUG

总结下前端bug ​​需求理解 前端基础 代码逻辑 接口管理 自测方法 思维方式 # ​​需求理解 # 原因 开发和产品对需求的理解不一致 沟通一致的需求有遗漏,后期忘做 没有彻查模块的依赖使用关系,...错估修改产生的影响范围 # 对策 疑问或有不确定的及时与产品沟通 细小功能点不要后补以防忘记或者加到自己的 todolist 做完自测时再过一遍 修改代码时多全局搜索查看引用的地方 # 前端基础 # 原因...缺少异常处理 接口异常处理未做 接口返回值判断直接引用了可能是空对象的属性 # 对策 搬砖时理解一些基础原理 宏任务微任务等等 自己整理下常用es语法 测试不同浏览器下的状态 遇到印象深刻的问题或者bug...深度理解功能产生的缘由,理解公司产品的边界,什么能做,什么不适合做 学习思维 核心在于解决问题提升自己,不沉溺于甩锅(都是一条船上的) 保持一个开放接受容纳的状态,每个问题都是提升的机会 做好记录,PDCA 用起来 bug...改完要记录原因 项目不忙或者结束后分析归纳bug原因(看你自己了) 反思总结,找到问题根源,不会跌倒两次 定期提醒自己,check 一下

61110

web前端不止是JS和CSS,还有诗和远方。谈WEB前端工程化

标题起的有点骚包哈,其实是说,WEB前端的主战场是“前端工程化”。 前端前端呗,为啥还要加个“工程化”? 很简单,因为前端变复杂了。...什么情况下,我们会认为一个人的前端开发水平,是上了一个档次,上了一个台阶呢? 大局观。 啥叫WEB前端开发的大局观? 站在前端的角度,全面的、多层次的审视“项目的全流程”。...许多同学在初入前端的时候,眼里只有HTML、CSS、JS,这样并没有错,也必须这样,聚焦嘛。...什么WEB前端开发,,什么前端工程师,这些名称跟此时的你,一点关系都没有。 但身处这个阶段并没什么不好意思的,也不丢人,这是每个前端人成长的必经之路。...也许做为前端小白的你,脑子里此时空空荡荡。哈哈哈,想想你负责的部分,怎么能更有效率?如何能在各种业务场景中,以适当的方式加载所需资源?试着画出你所参加的项目的整体的结构图?

79670

零基础小白如何学习好web前端JS

Web前端入门相对简单、应用领域众多,是零基础学习IT开发的首选语言。...不过在完成HTML+CSS的学习之后,很多同学都会被JS难倒——JS语法、JS数据类型、JS效果三要素:时间、事件及运动轨迹等知识点多且杂,想要熟练掌握难度很大。...在JS中常见的数据类型有六种:Undefined、Null、布尔值(Boolean)、字符串(String)、数值(Number)、对象 (Object)。...零基础小白如何学习好web前端JS 1、Undefined Undefined类型中只有一个值undefined。对未初始化和未声明的变量执行typeof操作符都会返回undefined。...JS是一种直译式脚本语言广泛应用于客户端,它是一种具有动态类型,弱类型以及基于原型的语言,主要的作用是给HTML网页增加动态功能,是企业招聘面试过程中比较重视的问题,因此你必须要掌握好JS

60020
领券