前端

前端学习(463):累加原理

一个人想着一个人 提交于 2020-01-21 18:47:14
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> </head> <body> <script> var i=0; var sum=0; function fn0(){ i++;//i=1 sum+=i;//sum=1 return fn1(); } function fn1(){ i++;//i=2 sum+=i;//sum=3 return fn2(); } function fn2(){ i++;//i=3 sum+=i;//sum=6 if(i>2){ return sum; } } </script> </body> </html> 运行结果 来源: CSDN 作者: 你知道歌谣吗? 链接: https://blog.csdn.net/weixin_43392489/article/details/104052388

006.前端开发知识,前端基础CSS(2020-01-21)

亡梦爱人 提交于 2020-01-21 16:07:39
来源:第五天 01盒子水平居中 一、盒子中文字控制:   1.text-align: center; /*可以让盒子内容(文字 行内元素 行内块元素)居中对齐*/ 二、让盒子水平居中对齐:   方法1. margin: 0 auto; /* 通俗写法 0 auto 上下是 0 左右是auto 水平居中对齐 */   方法2. margin-left: auto; margin-right: auto; /*自动充满*/   方法 3.margin: auto; /* 上下左右都是auto*/ 来源:第五天 02外边距合并 一、css初始化 body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td { margin:0; padding:0; } body { font-size:12px; color:#666; font-family:Verdana, Microsoft YaHei, Simsun; background:#fff; line-height:24px; } fieldset, img { border:0; } ol, ul { list-style:none; } h1, h2, h3, h4, h5,

你可能不知道的前端知识点

走远了吗. 提交于 2020-01-21 15:45:02
新建了一个 repo: justjavac/the-front-end-knowledge-you-may-dont-know 发掘被我们忽略的前端知识点。所有的讨论以 issues 的形式进行,任何人都可以在 issues 区围观讨论。 本 repo 的目的在于搜集、讨论,最终的内容会整理成文章、PPT、PDF 发布在 小密圈 。 须知 #1 索引 #2 缘起 前一阵有人在微信群里面遇到了一个问题: 当输入框在最底部的时候,弹起的虚拟键盘会把输入框挡住。 于是我发给他一个 API: Element.scrollIntoViewIfNeeded(opt_center) ,故名思意,就是在需要的时候将元素滚动到可视区域。 对于前端 API 来说,我们最关心的是它的浏览器兼容性: 随后他又问我: 怎么样才能学到这些新的前端技术和API? 首先要知道,这并不是一个新的 API,我们看看它的支持情况: 2010-12-06 发布的 Android 2.3(6年前) 2011-06-20 发布的 Safari 5.1 2011-09-16 发布的 Chrome 15 2012-03-07 发布的 iOS 5.1 ... 这已经是一个有着 6 年历史的 API 了。如果在 GitHub 搜索一下,可以搜索到 38,305 个搜索结果。 这已经是一个被广泛使用的 API 了。 所以我创建了这个

前端必备资源大整理

戏子无情 提交于 2020-01-21 13:27:44
资源不断更新中。。。 动画库 1.Animate.css 说明:一个简单易用的跨浏览器CSS动画库。 GitHub主页: https://github.com/daneden/an... 2.CSShake 说明:用CSS实现各种颠颤动画效果DOM! GitHub主页: https://github.com/elrumordel... 3.Hover.css 说明:将鼠标Hover效果快速应用在你的网页元素或创意设计上。 GitHub主页: https://github.com/IanLunn/Hover 4.Velocity.js 说明:帮你加速JavaScript动画。 GitHub主页: https://github.com/julianshap... 5.DynCSS 说明:用动态CSS来打造你的网页。 GitHub主页: https://github.com/vzaccaria/... 6.Magic Animations 说明:可创造CSS3动画特效。 GitHub主页: https://github.com/miniMAC/magic 7.Bounce.js 说明:即时创造漂亮的CSS3动画。 GitHub主页: https://github.com/tictail/bo... 前端框架和类库 1.lodash.js 简介:具有一致接口、模块化、高性能等特性的

给前端开发者的 6 点建议

邮差的信 提交于 2020-01-21 12:44:04
  给前端开发者的 6 点建议   同样是前端工程师,技术体系是相同的,工作年限也是相近的,为什么差别这么大?如何跟上前端技术飞速更新的步伐,学习方法一定要找对,一定要抓住要学习的重点。   Part.1   夯实基础   要成为一名年薪30W的前端工程师,基础一定要掌握牢固,基础知识一问三不知,岂不是要贻笑大方。   css,js基础知识一定要掌握得很熟练,你能使用css实现斑马条纹背景,毛玻璃效果吗?能给图片实现滤镜效果,能实现所有自适应布局效果吗?原型,原型链,闭包是实现设计模式的必备知识,你真的弄懂了吗?闭包导致内存泄漏的原因是什么,你弄明白了吗?ajax跨域的解决方案你可以说几种?9102年了,你还是只告诉jsonp吗?http协议有了解过吗?如何在http协议中实现不缓存静态资源?   现在是9102年了,这些问题老掉牙了。可是要告诉你的是,掌握好这些老掉牙的基础,就是很重要。上层的技术可以变更的很快,基础变动很慢,投入时间学好基础,性价比很高。   Part.2   深究原理   Angular,React,Vue框架和脚手架的普及,越来越多的前端工程师浮于表面,调用框架的API完成任务就完事。要成为一名优秀的前端,绝不能成为单纯的"API调用工程师",一定要掌握框架背后的原理性知识。   Virtual DOM diff算法

第六次会议记录

徘徊边缘 提交于 2020-01-21 12:03:23
一、 每日任务内容 本次会议为第六次 Scrum Meeting会议~ 由于本次会议项目经理召开时间为 8:30,在 海梦咖啡馆 召开,召开时长约 40min ,探讨了本次取得的重大突破 和后续 要继续开展的工作。 队员 已完成任务 待完成任务 张旋 规划了整个程序的大体框架,筹备此次会议内容 学习微信小程序开发语言和前端设计 王艺菲 https://github.com/lychee-2277 测试计划(初期)、问题梳理 https://github.com/lychee-2277 测试计划(后期)、部分会议记录 崔丽莹 学习了前端界面的开发 学习微信小程序不同于网页的控件的写法 周晓曦 UI界面的设计初稿,初步学习前端相关知识 进一步优化界面,开始前端开发的工作 张越 学习了微信小程序自带数据库的使用 让微信小程序数据与后台数据互通 张义康 小程序的整体框架及协同分工 小程序后端的学习与开发 二、 开会照片 三、 关于困难和难点 在近期的工作实践中我们再一次精准定位了项目开发的各个要素,包括表现形式、功能选择等多个要点,最终选择了时下非常流行的基于微信平台的微信小程序开发设计。小组的每个人都成功在微信平台官网注册账号,并且大量搜集了关于小程序开发的相关资源。在讨论的过程中我们进一步明确了 UI设计和前端开发的整体效果和界面样式,但相对困难的要点在于大家再接触新的表达方式

web前端

喜你入骨 提交于 2020-01-21 12:00:48
1, 蓝色理想 http://www.blueidea.com/ ; 诞生于1999年10月的蓝色理想,以建设网站设计与开发人员之家为宗旨,以介绍网络开发技术与网站创作设计交流为主要内容,是国内最大的设计类站点之一。 2, W3School http://www.w3school.com.cn/index.html ; W3School是最完善的在线教程站,包括 XHTML教程、XML教程JavaScript & AJAX、网站构建等前端开发人员必备的系统性学习教材。 3, 前端观察 http://www.qianduan.net/ ; 前端观察是一个纯粹的前端技术分享网站,本站的目的是为前端技术人员提供所需的资讯及资源,挖掘国内优秀的原创设计及内容,加以高度的整理。 4, CSS88 http://www.css88.com/ ; CSS88专注前端开发,关注用户体验,是一个资深的Web前端开发站,不仅传播前端技术,更重要的是关注前端设计从业者的生存状态,有多个开放的前端交流群。 5, CssRain http://www.cssrain.cn/ ; CssRain实用的前端技术信息,原创和搜集前端开发中细节的内容,一本jQuery新书推荐<<锋利的jQuery>>你值得拥有。 6, 我爱CSS http://www.52css.com/ ; 我爱CSS

腾讯前端求职直播课——笔试篇

放肆的年华 提交于 2020-01-21 09:22:33
主讲人:黎腾(Litten):13年加入腾讯, 技术面试官 1.引入 面试是一个让面试官认识你的过程,尽全力展现100%的你就好,正常发挥没通过再接再厉,失常发挥没通过实为遗憾 2.要求 要求1:找准定位,重视基础 前端发展日新月异,打牢基础(原生JS),才能以不变应万变(如性能,安全) 要求2:用更远的视角去看面试 不要为了面试而学习,努力成为一个优秀的前端,进如BAT等好的公司便是一件水到渠成的事 3.笔试在前端面试中的角色 面试:重广度 笔试:重深度(基础知识+逻辑思维) " talk is cheap show me the code " 4.基础知识模型 自问:你的脑中可以形成JavaScript的拓扑图么? 5.从实战中反思 误轻视小题,越简单的题越能区分水平 注意仔细审题,注重逻辑思维严密性 多考虑性能, 推荐JS性能测试网站( https://jsperf.com) 笔试时先写最优的,其他解决方法只需写思路 脱离框架,熟练掌握dom操作 画图题,不涉及代码,开放性较好(常见Ajax,事件) 越开放的题,可拓展的知识点越多,可提前准备 学习过程中,注意在自己脑中形成完整的JavaScript拓扑图 注意兼容性问题 熟悉BOM 字符串处理,优先尝试正则 设计URL,多注意转义问题 考察点:本地存储(localStorage或cookie,时间处理) 考察点:事件

介绍三款大前端UI框架

 ̄綄美尐妖づ 提交于 2020-01-21 08:49:39
一、蚂蚁金服团队推出的基于React antd (全名:ant.design) 友情跳链: https://ant.design/index-cn ;使用antd模板: https://pro.ant.design/ (基于react) 优点: 不言而喻,阿里的蚂蚁金服团队,在前端组件UI上是下足了功底,喜欢开箱即用的可以直接使用,当然该组件不仅仅局限于使用react,同时你可以选用Vue与angular版本去搭配使用。 技术文档:VUE+antd : https://vue.ant.design/docs/vue/introduce/ 技术文档:Angular+antd : https://ng.ant.design/docs/introduce/zh 二、饿了么前端团队推出的基于Vue element UI element主推的四大原则: 组件较为丰富,但是在开发的过程中有时需要组合组件使用,element空间主色调为 Element 主要品牌颜色是鲜艳、友好的蓝色。喜欢轻简风格的可以尝试使用。 友情跳链: http://element-cn.eleme.io/#/zh-CN 当然,Element不仅仅局限于传统的Vue+Element模式: GitHub仓库: https://github.com/elemefe/element-react 技术文档: https:/

前端2

最后都变了- 提交于 2020-01-21 07:47:58
前端2 一、目标总结 标签书写注意规范 HTML骨架标签 超链接标签 图片标签中alt和title区别 相对路径的三种形式 二、HTML语法规范 HTML标签是由尖括号包围的关键词 HTML标签通常是成对出现的,我们称为双标签。标签对中的第一个标签是开始标签,第二个标签是结束标签。 有些特殊标签必须是单个标签,我们称为单标签。 标签关系可分为两类:包含关系和并列关系。 三、HTML基本结构标签 第一个HTML 每个网页都会有一个基本的结构标签(也称为骨架标签),页面内容也是在这些基本标签上书写。 标签名 定义 说明 html html标签 页面中最大的标签我们称为跟标签 head 文档的头部 注意在head标签中我们必须要设定的标签是title title 文档的标题 让页面拥有一个自己的网页标题 body 文档的主体 元素包含文档的所有内容,页面内容,基本都放在这 四、开发工具 前端开发人员强烈推荐VSCode 来源: CSDN 作者: 暮雪伙伴 链接: https://blog.csdn.net/weixin_45479532/article/details/104029215