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 - 最大的同性交友网站,被微软收购之后用户数有所减少
我司也不例外,我们整个前端团队这半年来基本上都是在开发小程序。前前后后也开发了四五个小程序了。总觉得要留下点什么,既是记录那些年我们踩过的坑,也是希望大家别再掉坑。...前端可以利用canvas来实现,减轻服务端压力。但是会有图片锯齿不清晰的问题。建议预览图和保存到真机的图片采用不同的尺寸。保存在真机的图片按照750的宽度实现。...复杂组件的开发,省市区三级联动选择器的开发,获取微信地址库的地址的编码和业务采用的省市区编码对不上。 页面路径的层级,最大不能超过10层。 小程序小程序分包加载,微信对小程序包的大小有如下限制。...离线包加载 离线包加载,常见的Hybrid App通过webview加载H5页面,前端页面都是放在服务器端。虽说保证了灵活性。但是加载性能收网速影响大。页面切换白屏时间长。小程序离线包的加载方式。...一次性加载所有的前端资源到本地再解压。大大提升了用户体验。不过微信官方为了防止下载离线包的时间过程,也严格限制了小程序包的体积。
此项目为公司的公众号管理系统,承载了公司每个部门的业务,需求多,开发周期长,技术可圈可点之处较多,特此记录与大家分享! 1....前端项目工程化与模块化的心得 (1). 项目架构设计(比如登录页与数据页与通用页要设计成平级关系,而不是嵌套关系) (2). 目录结构定义(比如通用的config文件,不能藏的太深) (3)....制定项目开发规范(ESLint规范) (4). 模块化(小颗粒度的,如表格中的分页)、组件化(粗颗粒度的,如表格)(早期的require.js为例) (5).
ajax 大家看到ajax这个词总觉得很陌生,其实完全没有必须,它并不是什么新技术,Ajax是异步JavaScript与XML,是使用客户端脚本与Web服务器交换数据的Web应用开发方法。...总结: web页面真的很简单,只要时刻为用户着想。在我看来:没有做不好的页面,只有不用心的程序员。。。
聊之前 最近暑期实习招聘已经开始,个人目前参加了阿里的内推及腾讯和百度的实习生招聘,在此总结一下 一是备忘、总结提升,二是希望给大家一些参考 其他面试及基础相关可以参考其他博文: Questions...初试一个面试官 复试两个面试官,包括电话远程 online coding (我也不知道为什么几天内三个面试官面我,只算两个面试过程 ヾ(´A`)ノ゚) 终面一位面试官 这位应该是大 boss ,他说并不是前端开发的...记不清了 HR 面 介绍经历 家庭情况 职业规划 对腾讯的认识及与其他实习单位对比 对比实习过的企业 是否还报了其他企业 男朋友工作找的怎么样了 阿里内推 二面 卒 我投的是蚂蚁金服的前端开发,投过简历硬生生排队等了...,注意attachEvent()添加的事件处理程序运行在全局作用域; }; btn3.attachEvent('onclick',handlers2); ``` ---ie 与其他浏览器的区别 总结...参考:十大经典排序算法总结(JavaScript描述) 其他 git 与 GitHub 有什么区别 git 的一些指令 Linux 计算机网络 ?
学前端这么久了,从一无所知到web网页的开发,自己也是踩了巨多的坑,自己也在不断的摸索中,短时间内可能不会再做前端了,毕竟java是我的主方向。...总结一下web网站在性能提升方面前端能做些什么优化,其中有结合一些资料,也有自己的经验之谈,毕竟不是专门学前端的,有不对的地方敬请多多指教。...一、能用Class定义样式尽量不用ID class和id是前端页面选择dom元素最常用的两种方式,对于如何合理的使用它们是一个问题。...,当时我说的不是很清楚,这次稍微总结一下: 总的来说在选择器使用过程中有几个大忌做到就可以了 绝不用优先级低的选择器限制优先级高的选择器。...Compressor工具压缩,这个工具是目前使用最多的js、css文件压缩工具,大部分在线网站的压缩后台其实也是用的它,它是用java写的,所以如果你想在本地压缩的话需要配置java环境,当然对于java开发者强推该工具
岁月不居,时节如流,2018年不经意又在指尖滑过,去年写的总结报告仿佛就在眼前,花了一个上午的时间,开始回想这一年来自己做过什么样的项目,做过什么样的努力,又从中获得了什么,结论是,总体情况,稳中有升,...项目二:网站改版第三版 接手网站的时候,后台是用wordpress搭建的,php语言支持,网页部分用的是jQuery+bootstrap,只能在wordpress后台进行管理,修改部分前端代码,不是很方面...遇到pc端的网站,一般都是套用模板,这套框架是用amazeui框架写的,Amaze 妹子 UI 中国首个开源 HTML5 跨屏前端框架 项目三:健康记步小程序开发 小程序年初的时候开始流行,因为其打开方便...,无需下载,用完即走,还支持分享的功能,在开发之前,我没有了解过这个全新的技术,用了一周的时间学习基本的知识,第二周开始一边学习一边开发懋特健康小程序开发,这个过程中遇到很多全新的问题,在下班之后我会带着电脑回家...印象最深的一次是做时间轴,但是发现原来做过的项目已经被覆盖,封装的组件源码也找不到了,如果重新写会浪费一天的时间,于是百度搜了一下,搜到了自己从前封装好的源码,这就是工作中善于总结和分门别类的效果,不但可以提升自己的经验效率
现在都用框架开发了,这种建议需求建议形成一个基础组件,方便快捷。...script> 12. chrome 调试快捷键 ① ctrl+shift+f 全文查找 ② ctrl+o 查找文件名 ③ ctrl+shift+o 查找 js 函数名 相关热门推荐 Git常见场景解决方法总结...NPM命令实用使用技巧总结 能让你受益匪浅的10个css使用技巧
es6常用功能总结 let、const 多行字符串,模板变量 (``和${}) 块级作用域 函数形参可以声明默认参数 箭头函数 区分判断document.body和document.documentElement
加入oninput事件oninput = "value=value.replace(/[^\d]/g,'')" 代码示例:
前端开发中经常用到的就是元素居中,有时候不同的元素居中方式不同就忘记了,明明已经设置了居中,但却没有效果,搞得人很懵逼,还得去搜索一下,所以今天总结了一下,方便以后查用。...水平居中 水平居中算是前端工程师的基本功了,它实现的是让元素在水平方向居中显示。 行内元素 首先看它的父元素是不是块级元素,如果是,则直接给父元素设置 text-align: center; 。
这两种方式都允许开发者使用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 = '达达前端
我就记得我那段时间就是待在实验室看各种前端知识总结,然后不停的改简历,最起码改了有3版。做笔试,去面试。...然后,就没有然后了 融360: (一面) 简述一下你的项目弹性盒模型H5+C3transformtransitionanimate 融360(二面) 移动端开发移动前端与PC前端的区别移动端开发的适配问题怎么解决好的...做项目的时候,遇到的难题是什么,怎么解决的你如果过来,会负责平台开发,能挑战吗?能接受加班吗?...让我好好看一看面向契约编程,还有JS需要往深挖掘,不能停留在表面 微盟: (一,二面+HR)offer一面: 数组的方法创建对象的几种方法, 如何实现继承websocketHTTP的状态码, 请求方法会微信小程序开发吗移动端开发了解吗...,前端每18个月难度增加一倍。
es6中有很多特性,使javascript语法更加丰满,总结一波常用的es6知识点。 1.变量声明const和let 在ES6之前,我们都是用var关键字声明变量。...2.模板字符串 es6模板字符简直是开发者的福音,解决了es5在字符串功能上的痛点。 第一个用途,基本的字符串格式化。将表达式嵌入字符串中进行拼接。用${}来界定。...下面是总结: 当用export default people导出时,就用 import people 导入(不带大括号)。 一个文件里,有且只能有一个export default。
相关知识点 数据类型、运算、对象、function、继承、闭包、作用域、原型链、事件、RegExp、JSON、Ajax、DOM、BOM、内存泄漏、跨域、异步加载、模板引擎、前端MVC、前端MVVM、路由...它的目标,是使得JavaScript语言可以用来编写复杂的大型应用程序,成为企业级开发语言。 标准的制定者有计划,以后每年发布一次标准,使用年份作为标准的版本。...比如我们要开发一个插件,做一个特殊的编辑框,当它被点击时,便alert 当前编辑框里的内容。...CommonJS AMD CMD Node.js RequireJS SeaJS 详细文章:浅析JS中的模块规范(CommonJS,AMD,CMD)、关于 CommonJS AMD CMD UMD 前端
想想自己为什么要学CSS,作为一个开发过前端的人员来说,调试一个图片花了半天的时间,最后发现分隔符用错了,实在是一件很丢人的事情。
body{-webkit-text-size-adjust:none} 前端页面有哪三层构成,分别是什么?作用是什么? 最准确的网页设计思路是把网页分成三个层次,即:结构层、表示层、行为层。...区别: (1))Sass是基于Ruby的,是在服务端处理的,而Less是需要引入less.js来处理Less代码输出Css到浏览器,也可以在开发环节使用Less,然后编译成Css文件,直接放到项目中,也有...这是前人总结这个bug使用的文案,ie6的这个bug 下,大家会在页面看到猪字出现两遍,重复的内容量因注释的多少而变。 解决方案:用“ picRotate start <!