WEB前端第八课——CSS基础
1.CSS用于HTML文档中元素样式的定义，实现了将内容与表现分离，提高了代码的可重用性和可维护性，文件后缀是“.css” 2.HTML=结构层，CSS=表示层，JavaScript=行为层 3.CSS样式表的引入方式： ①内联方式（行内样式），直接把CSS代码用st......
前端程序员必须掌握之三角函数在前端动画中的应用
开发过程中经常有意无意地刻意避开数学相关的知识，你也知道解数学题非常枯燥无趣。平时写动画也尽量使用css3来实现，timer-function随意选用，最多也就调一下cubic-bezier，找到看着舒服的就行。但是怎样让动画更顺滑，写出更贴近自然的动画，说实......
WEB前端第七课——视频、音频、图形
1.<video></video> 用于定义视频，如影视片段 语法<videosrc="XXXmovie.mp4"controls></video> 支持视频格式：mp4、ogg移动端、webM高清 常用属性： src，视频的地址url autoplay，视频就绪后自动播放 ......
Windows环境搭建Vue开发环境
一、安装node.js（https://nodejs.org/en/） 下载完毕后，可以安装node，建议不要安装在系统盘（如C：）。 二、设置nodejsprefix（全局）和cache（缓存）路径 1、在nodejs安装路径下，新建node_global和node_cache两个文件夹 2、设置缓存文件夹 ......
WEB前端第六课——HTML5主要更新
1.新增类型 电子邮件类型，语法<inputtype="email"/>，input中输入的内容必须包含“@”，并且“@”后面必须有内容 搜索类型，语法<inputtype="search"/>，输入搜索关键字的文本框 URL类型，语法<...
WEB前端第五课——HTML表单
1.<iframe></iframe>标签 iframe(innerframe)为内联框架，iframe元素是可以创建包含另外一个文档的行内框架，是body的子集 常用属性： width设置内联框架的宽度 height设置内联框架的高度 name设置框架的名称 src设置页面内容的路径 scroll......
移动WEB开发的rem布局、Less使用
移动WEB开发的rem布局 目标（目录） 能够使用rem单位 能够使用媒体查询的基本语法 能够使用Less的基本语法 能够使用Less中的嵌套 能够使用Less中的运算 能够使用2种rem适配方案 思考：1、页面布局文字能够随着屏幕大小的变化而变化？ 2、......
女程序员32岁单身在阿里工作三年，晒出税后年薪网友：没看错吧
在当今社会，晚婚晚育的年轻人越来越多，而且不少女孩子情愿当黄金剩女，也不愿意随便找一个人将就，这也是为什么很多大城市，父母替给子女安排相亲的特别多，尤其是三高人群。 最近在职业论坛看到这样一个热门的帖子，“女程序员32岁单身在阿里工......
px和em，rem的区别
1、px是相对长度单位，它是相对于显示器屏幕分辨率而言的。 优缺点：比较稳定和精确，但在浏览器中放大或缩放浏览页面时会出现页面混乱的情况。 2、em是相对长度单位，EM是相对于父元素来设计字体大小的。如果当前对行内文本的字体尺寸未被人为设置，则......
Web前端开发规范手册
规范目的 为提高团队协作效率,便于后台人员添加功能及前端后期优化维护,输出高质量的文档,特制订此文档。 文件规范 文件命名规则 文件名称统一用小写的英文字母、数字和下划线的组合，其中不得包含汉字、空格和特殊字符；命......
超级棒的170+款web前端开发工具汇总，千万要收藏好！
我们与企业内部的Web开发团队进行了很多次交流，研究了很长时间，最后将Debug工具与Web前端开发工具整理汇总在了一起，这些工具对每个Web开发人员都非常有用。 这些工具将使您的工作更加轻松，特别是如果您是Web开发人员，Web设计人员或项目经理。您应该......
到底是前端好还是后端好？
01兴趣 兴趣是学习的第一老师。如果打算进入IT行业，找到自己兴趣所在是最好的。很多小伙伴对前后端分得不是很清楚，确认兴趣方式如下： 通过网络视频资源短期学习 线下培训机构申请短期试学 一部分小伙伴试学后仍然感觉前后端差不多，很难判断自己......
echarts 各种特效图
饼图标签展示数值 配置项： option={ title:{ text:'项目时间分布', left:'center' }, tooltip:{ trigger:'item', formatter:'{a}<br/>{b}:{c}({d}%)' }, legend:{ orient:...
Web前端开发代码规范（基础）
一、引言 对于一个多人团队来说，制定一个统一的规范是必要的，因为个性化的东西无法产生良好的聚合效果，规范化可以提高编码工作效率，使代码保持统一的风格，以便于代码整合和后期维护。 二、HTML/CSS规范 2.1浏览器兼容 根据公司业务要求而定，一......
canvas中的drawImage
一、在canvas画布中如何加载图片 ---用drawImage()方法 drawImage用法的三种情况： 1、在画布指定位置定义图像 ctx.drawImage(img,x,y); 注：此时画布上显示的图片大小是图片的默认大小 2、在画布上定位图像，并规定图像的宽度和高度： ctx.drawIma......
Pointer Event Api-整合鼠标事件、触摸和触控笔事件
PointerEventsAPI是Hmtl5的事件规范之一，它主要目的是用来将鼠标（Mouse）、触摸（touch)和触控笔（pen）三种事件整合为统一的API。 PointerEvent Pointer指可以在屏幕上反馈一个指定坐标的输入设备。PointerEvent事件和TouchEventAPI对应的触摸......
女朋友要我教她前端，我就写了这篇长文，感动哭了？
背景 我是一名程序员，从事前端开发，一个月15K，在北京虽是月光族但日子也还可以过下去；女朋友就没有这么幸运了，受疫情的影响，公司裁员。。。从4月开始就一直在找工作，但都不顺利，不是工资低到可怜就是面试后没有下文； 身边的朋友都开玩笑的说......
{var%20f='http://v.t.sina.com.cn/share/share.php?appkey=1515056452',u=z||d.location,p=['&url=',e(u),'&title=',e(t||d.title),'&source=',e(r),'&sourceUrl=',e(l),'&content=',c||'gb2312','&pic=',e(p||'')].join('');function%20a(){if(!window.open([f,p].join(''),'mb',['toolbar=0,status=0,resizable=1,width=440,height=430,left=',(s.width-440)/2,',top=',(s.height-430)/2].join('')))u.href=[f,p].join('');};if(/Firefox/.test(navigator.userAgent))setTimeout(a,0);else%20a();})(screen,document,encodeURIComponent,'','','https://www.manongdao.com//static/images/defaulticon.jpg', '《Html5》','https://www.manongdao.com/cat-37.html','页面编码gb2312|utf-8默认gb2312'));){kind=link}