一、前端开发经验总结 开发前与产品经理/UI对接需要注意:配色,字体,弹框/消息提示,响应式操作,设备屏幕比例,间距,是否多个主题,icon或者svg图标给出方式,图片大小,表格表单等等组件...开发前与后端对接需要注意:是否具有需求文档,返回的状态处理,容错处理,接口提交类型(get、post等)能否统一设置,参数类型设置,能否合理安排工期,能否又便捷的接口呈现方式(借用工具还是文档标注)。...---- 总结 善于总结,才能提升自己。 发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/179732.html原文链接:https://javaforall.cn
Web前端作为开发团队中不可或缺的一部分,需要按照相关规定进行合理编写(一部分不良习惯可能给自己和他人造成不必要的麻烦)。不同公司不同团队具有不同的规范和文档。...备注:实际开发请以本公司的规范为标准。 这里推荐一下我的前端学习交流群:731771211,里面都是学习前端的,如果你想制作酷炫的网页,想学习知识。...自己整理了一份2018最全面前端学习资料,从最基础的HTML+CSS+JS到移动端HTML5到各种框架都有整理,送给每一位前端小伙伴,这里是小白聚集地,欢迎初学和进阶中的小伙伴!...2、协作开发及分工:i会根据各个模块,同时根据页面相似程序,事先写**体框架文件,分配给前端人员实现内部结构&表现&行为。...11、背景图片请尽可能使用精灵图技术,减小http请求,考虑到多人协作开发,精灵图按模块制作。
主要是为了帮助大家搜集一下前端开发中要用到的一些东西,打造一个前端开发工具字典,方便大家查阅。...小程序 WePY - 支持组件化的小程序开发框架 mpvue - 基于 Vue.js 的小程序开发框架,从底层支持 Vue.js 语法和构建工具体系,目前支持多端小程序,如:微信,支付宝,百度...前端开发博客 - 汇集了很多前端有用的东西 搭建博客的工具 VuePress - 能帮助你快速搭建自己的博客,样式还不算很那看,但是更多的可以用作搭建文档。...开发工具 bootCDN - 各种开源库的 cdn 地址,加快开源库访问速度 Awesomes.cn - 前端各种资源库,想用的这里说不定都有 熊猫图片压缩 - 一个压缩图片的网站,...web 前端导航 - 由腾讯维护的 web 前端资料库,里面包含各种前端的知识 百度前端技术学院 慕课网 腾讯课堂 github - 最大的同性交友网站,被微软收购之后用户数有所减少
移动端(vant有赞,Ant Design蚂蚁金服,uniApp) Ant Design 是阿里巴巴-蚂蚁金服体验技术部所设计的一个 UI 库,一般用于基于 React 的项目 Vant-UI 是有赞前端团队开发的一个基于...移动端与H5开发 如果vue+vant(移动端组件)叫: h5开发 uniapp, flutter, react-native 叫: 移动端框架开发; 移动端跨端框架: uni-app: 是一个使用...Vue.js 开发跨平台应用的前端框架,开发者编写一套代码,可编译到iOS、Android、H5、小程序等多个平台。...有一定 Vue.js 和微信小程序开发经验的开发者可快速上手 uni-app ,开发出兼容多端的应用。 uni-app基本只需要学会vue开发就可以....Google开发,使用语言: dart。 对应前端开发者来说学习成本较高(需要学习新的dart语言),性能比React-Native高,相比原生低,流畅。
我司也不例外,我们整个前端团队这半年来基本上都是在开发小程序。前前后后也开发了四五个小程序了。总觉得要留下点什么,既是记录那些年我们踩过的坑,也是希望大家别再掉坑。...前端可以利用canvas来实现,减轻服务端压力。但是会有图片锯齿不清晰的问题。建议预览图和保存到真机的图片采用不同的尺寸。保存在真机的图片按照750的宽度实现。...复杂组件的开发,省市区三级联动选择器的开发,获取微信地址库的地址的编码和业务采用的省市区编码对不上。 页面路径的层级,最大不能超过10层。 小程序小程序分包加载,微信对小程序包的大小有如下限制。...离线包加载 离线包加载,常见的Hybrid App通过webview加载H5页面,前端页面都是放在服务器端。虽说保证了灵活性。但是加载性能收网速影响大。页面切换白屏时间长。小程序离线包的加载方式。...一次性加载所有的前端资源到本地再解压。大大提升了用户体验。不过微信官方为了防止下载离线包的时间过程,也严格限制了小程序包的体积。
此项目为公司的公众号管理系统,承载了公司每个部门的业务,需求多,开发周期长,技术可圈可点之处较多,特此记录与大家分享! 1....前端项目工程化与模块化的心得 (1). 项目架构设计(比如登录页与数据页与通用页要设计成平级关系,而不是嵌套关系) (2). 目录结构定义(比如通用的config文件,不能藏的太深) (3)....制定项目开发规范(ESLint规范) (4). 模块化(小颗粒度的,如表格中的分页)、组件化(粗颗粒度的,如表格)(早期的require.js为例) (5).
聊之前 最近暑期实习招聘已经开始,个人目前参加了阿里的内推及腾讯和百度的实习生招聘,在此总结一下 一是备忘、总结提升,二是希望给大家一些参考 其他面试及基础相关可以参考其他博文: Questions...初试一个面试官 复试两个面试官,包括电话远程 online coding (我也不知道为什么几天内三个面试官面我,只算两个面试过程 ヾ(´A`)ノ゚) 终面一位面试官 这位应该是大 boss ,他说并不是前端开发的...记不清了 HR 面 介绍经历 家庭情况 职业规划 对腾讯的认识及与其他实习单位对比 对比实习过的企业 是否还报了其他企业 男朋友工作找的怎么样了 阿里内推 二面 卒 我投的是蚂蚁金服的前端开发,投过简历硬生生排队等了...,注意attachEvent()添加的事件处理程序运行在全局作用域; }; btn3.attachEvent('onclick',handlers2); ``` ---ie 与其他浏览器的区别 总结...参考:十大经典排序算法总结(JavaScript描述) 其他 git 与 GitHub 有什么区别 git 的一些指令 Linux 计算机网络 ?
ajax 大家看到ajax这个词总觉得很陌生,其实完全没有必须,它并不是什么新技术,Ajax是异步JavaScript与XML,是使用客户端脚本与Web服务器交换数据的Web应用开发方法。...总结: web页面真的很简单,只要时刻为用户着想。在我看来:没有做不好的页面,只有不用心的程序员。。。
岁月不居,时节如流,2018年不经意又在指尖滑过,去年写的总结报告仿佛就在眼前,花了一个上午的时间,开始回想这一年来自己做过什么样的项目,做过什么样的努力,又从中获得了什么,结论是,总体情况,稳中有升,...项目二:网站改版第三版 接手网站的时候,后台是用wordpress搭建的,php语言支持,网页部分用的是jQuery+bootstrap,只能在wordpress后台进行管理,修改部分前端代码,不是很方面...遇到pc端的网站,一般都是套用模板,这套框架是用amazeui框架写的,Amaze 妹子 UI 中国首个开源 HTML5 跨屏前端框架 项目三:健康记步小程序开发 小程序年初的时候开始流行,因为其打开方便...,无需下载,用完即走,还支持分享的功能,在开发之前,我没有了解过这个全新的技术,用了一周的时间学习基本的知识,第二周开始一边学习一边开发懋特健康小程序开发,这个过程中遇到很多全新的问题,在下班之后我会带着电脑回家...印象最深的一次是做时间轴,但是发现原来做过的项目已经被覆盖,封装的组件源码也找不到了,如果重新写会浪费一天的时间,于是百度搜了一下,搜到了自己从前封装好的源码,这就是工作中善于总结和分门别类的效果,不但可以提升自己的经验效率
学前端这么久了,从一无所知到web网页的开发,自己也是踩了巨多的坑,自己也在不断的摸索中,短时间内可能不会再做前端了,毕竟java是我的主方向。...总结一下web网站在性能提升方面前端能做些什么优化,其中有结合一些资料,也有自己的经验之谈,毕竟不是专门学前端的,有不对的地方敬请多多指教。...一、能用Class定义样式尽量不用ID class和id是前端页面选择dom元素最常用的两种方式,对于如何合理的使用它们是一个问题。...,当时我说的不是很清楚,这次稍微总结一下: 总的来说在选择器使用过程中有几个大忌做到就可以了 绝不用优先级低的选择器限制优先级高的选择器。...Compressor工具压缩,这个工具是目前使用最多的js、css文件压缩工具,大部分在线网站的压缩后台其实也是用的它,它是用java写的,所以如果你想在本地压缩的话需要配置java环境,当然对于java开发者强推该工具
现在都用框架开发了,这种建议需求建议形成一个基础组件,方便快捷。...script> 12. chrome 调试快捷键 ① ctrl+shift+f 全文查找 ② ctrl+o 查找文件名 ③ ctrl+shift+o 查找 js 函数名 相关热门推荐 Git常见场景解决方法总结...NPM命令实用使用技巧总结 能让你受益匪浅的10个css使用技巧
前端和服务器存在跨域问题使用token维持状态,否则使用cookie或者session记录状态 发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn
这篇博客是我在持续的开发以及维护项目中遇到的坑,并总结出做法,以备需要立项新项目需要注意的点。...在屏幕自适应设计的时候抽象出一个接口,获取屏幕分辨率,对不同分辨率下的浏览器窗口进行不同程度的自适应设计,另外在屏幕4个角坐碰撞检测,一旦有打开界面超出碰撞点,就再次resize 屏幕自适应是一个前端的难题
es6常用功能总结 let、const 多行字符串,模板变量 (``和${}) 块级作用域 函数形参可以声明默认参数 箭头函数 区分判断document.body和document.documentElement
开发流程 需求 -> 原型 -> 开发 -> 测试 -> 上线 开发 1.版本控制 选用git进行版本控制。 新建分支进行开发,master主线,code review后进行合并。...5.目录结构 组件化采用组件化的编程思想,处理 UI 层 开发结束后,一般也会经历以下几个过程: 1.需求变更,重新开发 2.code review 3.提交测试,修改bug单,回归测试 测试 1.SIT
前端开发中经常用到的就是元素居中,有时候不同的元素居中方式不同就忘记了,明明已经设置了居中,但却没有效果,搞得人很懵逼,还得去搜索一下,所以今天总结了一下,方便以后查用。...水平居中 水平居中算是前端工程师的基本功了,它实现的是让元素在水平方向居中显示。 行内元素 首先看它的父元素是不是块级元素,如果是,则直接给父元素设置 text-align: center; 。
加入oninput事件oninput = "value=value.replace(/[^\d]/g,'')" 代码示例:
这两种方式都允许开发者使用js设置的键值对进行操作,在在重新加载不同的页面的时候读出它们。这一点与cookie类似。
对象总是会被更新以反映出具名参数的变化 es5严格模式下,不再反映出具名参数的变化 如下所示: function fn(a) { console.log(a === arguments[0]); a = '达达前端...dadaqianduan'); image.png function fn(a) { "use strict"; console.log(a === arguments[0]); a = '达达前端
领取专属 10元无门槛券
手把手带您无忧上云