9、网页开发规范以及流程
10、CSS企业级网页开发
11、网页开发常见问题以及解决方案
12、CSS常见兼容性问题以及解决方案
13、CSS3新增属性
(六)、JavaScript*
==================================================================
Photoshop
学习前端的同时我们需要扩展一些自己的只是储备,要学会一些简单的PS功能,来满足自己日常工作中的需求,例如:
1:如何打开图片
文件——打开
将图片直接拖入到ps中
2:取色
在ps的左侧工具栏里前景色图标,单机调出拾色器面板,将鼠标放置在你想要知道颜色的位置即可
3:测量
在ps的左侧工具栏里找到矩形选框工具,用鼠标将你想要知道尺寸的位置框出来,w代表宽,h代表高,如果不存在可以去窗口里找到信息面板(f8),如果你的值不少整数,说明你的单位不对,可以在信息面板上找到加号位置点击小三角将单位更改成像素,或者在标尺上右击
如果你的ps里没有标尺 按ctrl+r可以显示或隐藏标尺
测量时选择多了:在ps的上面工具面板里找到地三项在选区中减去
图片打开的越大,选择的越精准,按住alt键滑动鼠标滚轮,向上放大,向下缩小
如何去掉选区 ctrl+d
4:抓手工具可以随意拖动图片
快捷键h 或者按住空格键
5:切图
- 方法一: (只能一个个截图,新建一个图片,不会破坏原图)
用选框工具将你想要切的图片框出来,ctrl+c复制——ctrl+n新建——enter——ctrl+v粘贴——ctrl+shift+alt+s存储为web所用格式
- 方法二:(只能一个个裁切,在原图基础上裁切,会破坏原图)
用裁切工具将你想要裁切出来的图片框出来——双击确定即可——ctrl+shift+alt+s存储为web所用格式
如何还原——用历史记录面板(窗口——历史记录)
- 方法三:(批量截图)
在裁切工具上右击选择切片工具——将你想要裁切的图片一个个框出来——ctrl+shift+alt+s存储为web所用格式——选择所有用户切片——存储
6:如何更改图片大小
用选框工具选中——ctrl+t——在对角线位置缩放
=====================================================================
如果有精力可以多了解,扩展自己的知识层面
================================================================
React官网:https://react.docschina.org/
小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。
深知大多数初中级前端工程师,想要提升技能,往往是自己摸索成长或者是报班学习,但自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!
因此收集整理了一份《2024年Web前端开发全套学习资料》送给大家,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。
由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频
如果你觉得这些内容对你有帮助,可以添加下面V无偿领取!(备注:前端)
8595954)]
由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频
如果你觉得这些内容对你有帮助,可以添加下面V无偿领取!(备注:前端)
[外链图片转存中…(img-fi0oHdYH-1710918595954)]