开发前准备了解需求参加需求、交互、视觉会议，了解产品设计和项目成员。了解产品面向的设备和平台。了解产品对兼容性的要求以及是否采用响应式设计等。分析需求按需求结合现有技术，提出疑问和见解。提出可能存在的问题（技术实现，性能问题等），协商解决方案（如优雅降级、渐进增强）并达成共识。提出当下已掌握新技...

web前端开发规范的意义提高团队的协作能力提高代码的复用利用率可以写出质量更高，效率更好的代码为后期维护提供更好的支持一、命名规则命名使用英文语义化，禁止使用特殊字符，禁止使用拼音，禁止使用中英文混合！项目、目录、html/css/js等文件命名全部采用小写方式， 以下划线分隔。eg：my_project_namehtml/css/js文...

需求 最近项目中需要实现公告栏滚动显示效果如下 解决方案 1、 HTML 先建一个div层作为公告显示区，里面包裹一个公告列表(ul); {代码...} 2、 CSS 固定公告栏显示区域的高度（35px）,每条公告信息（li）的高度也必须是这个高度（我这里偷懒就用了行高），后面js中还要用到这个值。 {代码...} 3、 JavaScript 封装函数 no...

没错！我正在写bug呢！不管你是小白还是大牛，写bug无可避免，遇到bug怎么办？别慌！毛主席教导我们“战略上藐视BUG，战术上重视BUG”！前端遇到的bug无非就三个方面结构层（HTML），表现层（CSS），行为层（JavaScript）。

特点 单页面官网--不是传说中的单页面应用！固定顶部，点击导航平滑过渡到指定锚点，鼠标上下滚动到锚点位置导航随之切换如：考拉微课 HTML布局 {代码...} CSS样式 导航栏的样式要注意，这给当前样式单独做了一个DIV层，绝对定位，鼠标移动到哪个导航，这个当前样式层就移动到这个导航菜单上。 {代码...} JS方法封装 JS...

选项卡五花八门，今天又要用到选项卡，首选swiper！ 一、HTML布局 根据swiper官网的要求来class命名滑块。 {代码...} 二、CSS样式 随便写写，根据使用场景调整。（PS：推荐一个在线美化工具） {代码...} 三、Js封装 自己封装的选项卡函数swiperTab.js {代码...} 四、Js调用 首先引入相关js {代码...} 前端小白刚学JS。不...

一、HTML布局 首先写HTML布局 {代码...} 二、CSS样式 给点简单的样式 {代码...} 三、JS代码 1、面向过程 直接编写5行代码搞定 {代码...} 2、面向对象 JS改进，封装成吸顶函数 ceiling.js 方便以后直接Ctrl+C，Ctrl+V 封装方法 {代码...} 调用方法 {代码...} 这是最简单版本，欢迎大家在此基础上改进。 延伸 {代码...} {...

需求 做一个通用的弹出层提示框。要求：1.位置上下左右居中,2.只需要引入一个js文件，调用一下。不要html结构，不要样式表。 解决方案 方法封装 pupopTip.js文件 {代码...} 方法调用 {代码...} 效果图 完整代码