怒肝最新保姆级前端学习路线,速成贴心全面!
这份学习路线并不完美,也不会有最终形态,正如前端不可预见、永无止境的未来。
大家好,我是鱼皮,肝了几天终于完成了这份保姆级前端学习路线。
💂 + 💻 = 👴🏽
先放一张图:
是不是有点儿长,感觉要被劝退了?不过不用担心,为了帮助大家更轻松地了解前端知识体系,我对这份路线撒了点 糖 ~
建议大家观看 B 站视频讲解,会清晰很多~
地址:https://www.bilibili.com/video/BV1nh411e7oG/
在我的公众号【程序员鱼皮】后台回复 “前端路线” 领取路线图 + 在线网站
以下是文档版:
路线特点
- 一份全面的前端知识点大梳理和汇总
- 分阶段学习,每个阶段给出学习目标
- 使用符号对知识点的重要程度做了区分,按需学习
- 知识点附有描述和资源链接
- 提供一份清晰的个人顺序学习路线方法
- 提供大量优质学习资源
符号表
可根据知识点前的符号按需选学,并获取知识点描述和学习资源。
-
⭐️ 必学(追求速成)
-
✅ 建议学(重要知识)
-
❗ 面试重点
-
❌ 一般没必要学习
-
💬 描述
-
📚 资源
-
🎯 目标
大纲
- 前言 - 学编程需要的特质
- 前端学习七阶段
- 前端入门
- 巩固基础
- 前端工程化
- 前端优化
- 前端生态
- 前端求职
- 前端未来
- 我的前端学习路线
- 尾声 - 持续学习
前言 - 学编程需要的特质
相信自己有能力,那么你就真的会有!
- 兴趣
- 坚持
- 付出
- 心态
一、前端入门
-
💬 描述:学习前端基础三件套,建议从实战开始,边学边练,培养兴趣,快速入门。
-
📚 资源
- freeCodecamp 在线编程:https://learn.freecodecamp.one/
- 阿里云前端实战学习:https://edu.aliyun.com/roadmap/frontend
- W3Cschool 编程入门实战:https://www.w3cschool.cn/codecamp/
- pink老师前端入门教程:https://www.bilibili.com/video/BV14J4114768
-
🎯 目标:了解和实践各语言的基础语法,并能使用开发工具来独立开发一个留言板网站。
⭐️ 开发工具
- 💬 描述:工欲善其事,必先利其器。
浏览器
- ⭐️ Chrome
- ✅ Edge
- ✅ Firefox
- ❌ Opera
- Safari
编辑器
- ⭐️ VSCode
- ✅ WebStorm
- Atom
- ⭐️ Sublime Text
- HBuilder X
- 记事本
- 在线 IDE
文档笔记
- ✅ Markdown 语法
- ✅ Typora
- 在线笔记
- 语雀
- 腾讯文档
- 石墨文档
- 印象笔记
- Mdnice
⭐️ HTML
-
💬 描述:用于定义一个网页结构的基本技术。
-
📚 资源:https://developer.mozilla.org/zh-CN/docs/Learn/HTML
-
⭐️ 基本语法
-
⭐️ 标签
- 分区 div
- 标题 h1 ~ h6
- 段落 p
- 图像 img
- 列表 ul / ol
- 超链接 a
- 表单 form
- 表格 table
- 框架 iframe
-
⭐️ 属性
-
✅ HTML5 特性
- 语义化标签
- 浏览器支持
- 多媒体标签
- Canvas 画布
- ❌ 内联 SVG
- 本地存储
- localStorage
- sessionStorage
- ❌ Web SQL
- Web Workers
- 应用缓存(Cache Manifest)
- 无障碍
⭐️ CSS
-
💬 描述:层叠样式表,用于设计风格和布局。
-
📚 资源:https://developer.mozilla.org/zh-CN/docs/Learn/CSS
-
⭐️ 基本语法
-
⭐️ 引入方式
- 行内样式
- 内部样式表
- 外部样式表
-
⭐️ 选择器
- 通用选择器
- 标签选择器
- id 选择器
- class 选择器
- 属性选择器
- 派生选择器
- 后代选择器
- 子元素选择器
- 相邻兄弟选择器
- 组合选择器
- 伪选择器
- 选择器优先级
-
⭐️ 属性
- 单位
- px
- em
- rem
- vw
- vh
- 背景
- 文本
- 字体
- 列表
- 表格
- 单位
-
⭐️ 文档流
- 标准流
- 浮动流
- 定位流
-
⭐️ 内联元素 / 块状元素
-
⭐️ 盒子模型
- content
- padding
- border
- margin
-
⭐️ 浮动
- 设置浮动 float
- 清除浮动 clear
-
⭐️ 定位
- static
- absolute
- fixed
- relative
- sticky
-
⭐️ 层叠规则
-
❗ BFC 和 IFC 机制
-
CSS3
- ⭐️ 响应式布局
- 媒体查询
- Flex 布局
- Grid 布局
- 瀑布流
- 动画
- 过渡
- 渐变
- 背景
- 边框
- 圆角
- 字体
- 2D / 3D 转换
- ⭐️ 响应式布局
⭐️ JavaScript
-
💬 描述:具有函数优先的轻量级,解释型或即时编译型的编程语言。
-
📚 资源:https://developer.mozilla.org/zh-CN/docs/Web/JavaScript
-
⭐️ 基本语法
-
⭐️ 数据类型
- 值类型
- 字符串 String
- 数组 Number
- 布尔 Boolean
- 空值 Null
- 未定义 Undefined
- Symbol
- 引用类型
- 对象 Object
- 数组 Array
- 函数 Function
- 值类型
-
✅ 数据类型转换
-
✅ 函数
- ⭐️ 概念
- ⭐️ 自定义函数
- 调用方式
- ⭐️ 全局调用
- 构造函数调用
- ⭐️ 函数方法调用
- apply
- call
- ✅❗ 闭包
-
✅ 对象
- 概念
- this
- 原型链和继承
- 常用对象
- 数字 Number
- 字符串 String 对象
- 日期 Date 对象
- 数组 Array
- 布尔 Boolean
- 算数 Math
- 自定义对象
-
✅❗ 作用域(作用域链)
-
✅ BOM API
-
⭐️ DOM API
-
⭐️ JSON
-
⭐️ Ajax
-
✅ JavaScript 执行机制
✅ ES6+ 特性
-
💬 描述:新引入的 JavaScript 语法特性。
-
📚 资源:ES6 入门教程 https://es6.ruanyifeng.com/
-
let 和 const
-
变量解构赋值
-
对象扩展和新增方法
-
Symbol
-
Set 和 Map 数据结构
-
⭐️❗ Promise & async / await 异步编程
-
Generator 函数异步编程
二、巩固基础
-
💬 描述:学习前端、计算机、软件开发相关基础知识,并复习巩固上阶段学到的前端三件套。
-
📚 资源
- 《JavaScript 高级程序设计》:https://www.code-nav.cn/rd/?rid=28ee4e3e606b1e1a0e3cfd8952d172cf
- 《JavaScript 忍者秘籍》:https://www.code-nav.cn/rd/?rid=28ee4e3e606b16c00e3c5b18609e3dc2
-
🎯 目标:熟悉前端三件套语法,尤其是 JavaScript,并了解互联网、域名、浏览器、服务器等,扎实前端程序员的基本功,为下面进入实战开发做准备。
前端基础知识
-
✅ 互联网
-
⭐️ 域名
-
⭐️ DNS
-
⭐️ 服务器
-
✅ 浏览器
- 浏览器 DOM 事件流 / 事件委托
- ⭐️ 浏览器加载顺序
- ⭐️ 浏览器渲染过程
- 浏览器事件循环
- 浏览器同源策略
- ❗ 跨域解决方案
- 浏览器缓存
- 控制台调试技巧
-
✅ HTTP
- ❗ HTTP 请求过程
- 常见 HTTP 协议
- HTTP 1.0
- ⭐️ HTTP 1.1
- HTTP 2
- HTTP 3
- ⭐️ HTTP 请求类别
- ⭐️ 常见状态码
- 1xx 信息
- 2xx 成功
- 3xx 重定向
- 4xx 客户端错误
- 5xx 服务器错误
- WebSocket
- ⭐️ Cookie
- Session
- ⭐️ HTTPS
计算机基础
✅ 算法和数据结构
-
⭐️ 时间 / 空间复杂度分析
-
数据结构
- 数组
- 字符串
- 队列
- 栈
- 链表
- 集合
- 哈希表
- 二叉树
-
算法
- 排序
- 双指针
- 查找
- 分治
- 动态规划
- 递归
- 回溯
- 贪心
- 位运算
- DFS
- BFS
- 图
✅ 计算机网络
- HTTP 协议
- 网络模型
- UDP / TCP 协议
✅ 操作系统
- 进程、线程
- 进程 / 线程间通讯方式
- 进程调度算法
- 进程 / 线程状态
- 死锁
- 内存管理
软件开发基础
✅ 设计模式
- 单例模式
- 代理模式
- 工厂模式
- 装饰者模式
- 观察者模式
- 策略模式
- 门面模式
⭐️ Git 版本控制
- 常用命令
✅ Linux 服务器
- 常用命令
✅ 正则表达式
三、前端工程化
-
💬 描述:前端工程化是使用软件工程的技术和方法来进行前端的开发流程、技术、工具、经验等规范化、标准化,其主要目的为了提高开发过程中的开发效率,减少不必要的重复工作时间。
-
📚 资源
- 什么是前端工程化?https://www.zhihu.com/question/433854153/answer/1713597311
-
🎯 目标:至少学会一门主流的前端开发框架(Vue / React),并配合脚手架、组件库、工具等从 0 开始独立搭建并开发一个完整的前端网站,可以试着仿一些知名站点。要求遵循企业开发规范,将项目代码提交到代码仓库中,并独立发布上线,供他人访问。此外,建议抓住机会参与一些团队项目,感受团队开发模式和前端工程化的优势。
⭐️ 研发流程
- 技术选型
- 初始化
- 开发
- 本地测试
- 代码提交
- 编译、打包、构建
- 部署
- 集成测试
- 发布上线
- 监控运维
⭐️ 代码托管
-
💬 描述:集中存储、备份你的代码,还能和团队成员协作开发。
-
⭐️ GitHub
-
Gitee
-
GitLab
✅ Node.JS
- 💬 描述:一个开源与跨平台的 JavaScript 运行时环境。 它是一个可用于几乎任何项目的流行工具!
- 📚 资源
- Node.js 官方教程:http://nodejs.cn/learn
- Node.js 入门:https://cnodejs.org/getstart
⭐️ 包管理
-
💬 描述:用于安装 Node.js 的扩展、工具等。
-
⭐️ npm
-
⭐️ yarn
-
❌ bower
-
✅ npx
开发框架
- Express
- Koa
- Egg
开发框架
- 💬 描述:解决特定的问题,提高开发效率、简化我们的代码复杂度。
⭐️ CSS 框架
- ✅ BootStrap
- ⭐️ Tailwind CSS
⭐️ JavaScript 框架
⭐️ Vue
- Vue Router
- Vuex
⭐️ React
- React DOM
- React Router
- Redux
- MobX
- React Hooks
❌ Angular
- RxJS
- NgRx
✅ Svelte
✅ UmiJS
封装库
⭐️ 组件库
- ✅ LayUI
- ⭐️ ElementUI(Vue)
- ✅ VantUI(Vue)
- ⭐️ Ant Design(React)
- Material UI
数据可视化
- ✅ AntV
- Apache ECharts
- HighCharts
- D3.js
组件(插件)
- 富文本编辑器
- 弹窗
- 轮播图
工具库
- ✅ jQuery
- ✅ Lodash
- ✅ Axios
- 时间处理 Moment.js
动效库
- ✅ Animate.css
- Ant Motion
字体图标库
- ⭐️ IconFont
- IconPark
- Font Awesome
⭐️ 脚手架
-
💬 描述:快速生成新项目的目录模板,提升开发效率和开发舒适性。
-
📚 资源:https://www.jianshu.com/p/25ce8cf2e6a7
-
Vue CLI
-
create-react-app
-
✅ Yeoman
⭐️ 前端架构设计
-
💬 描述:一系列工具和流程的集合,旨在提升前端代码的质量,并实现高效可持续的工作流。
-
模块化
-
组件化
-
✅ MVVM
-
设计原则
-
⭐️ SPA 单页应用
-
⭐️ 多页应用
-
✅ 前端路由
-
PWA
-
有损服务
✅ 服务端渲染
-
💬 描述:在服务端渲染 HTML 页面的模式。
-
📚 资源:https://www.zhihu.com/question/379563505
-
Next.js(React)
-
Nuxt.js(Vue)
-
❌ Universal(Angular)
BFF
-
💬 描述:Backend For Frontend(服务于前端的后端),就是服务器设计 API 时会考虑前端的使用,并在服务端直接进行业务逻辑的处理。
-
📚 资源:https://www.jianshu.com/p/eb1875c62ad3
-
GraphQL
✅ 微前端
-
💬 描述:将前端应用分解成一些更小、更简单的能够独立开发、测试、部署的小块,从而解决庞大的一整块后端服务带来的变更与扩展方面的限制。
-
📚 资源:https://zhuanlan.zhihu.com/p/96464401
-
qiankun
-
single-spa
CSS in JS
-
💬 描述:用 JavaScript 来写 CSS。
-
📚 资源:http://www.ruanyifeng.com/blog/2017/04/css_in_js.html
-
内联样式
-
声明样式
-
引入样式
⭐️ CSS 模块化
- ⭐️ CSS Modules
- ✅ styled-components
- ✅ Styled JSX
- Emotion
✅ 开发调试
-
💬 描述:本地开发时热更新,提升开发效率。
-
webpack-dev-server
-
serve
内网穿透
-
💬 描述:将内网外网通过 nat 隧道打通,让内网的网站、数据让外网可以访问。
-
Ngrok
-
NATAPP
⭐️ CSS 预编译
-
💬 描述:使用新的扩展语言以增强 CSS 的能力,并通过预编译的方式将其转换为浏览器认识的 CSS 代码。
-
⭐️ SASS
-
✅ PostCSS
-
Stylus
-
❌ LESS
测试
测试分类
- ⭐️ UT 单元测试
- SIT 系统集成测试
- E2E 端到端测试
- UAT 用户验收测试
✅ Mock
-
💬 描述:通过随机数据,模拟各种场景,增加单元测试的真实性。
-
Mock.js
✅ 测试框架
-
✅ Jest
-
Enzyme
-
✅ Puppeteer(Headless Browser)
-
Mocha
-
Jasmine
✅ 代码质量
开发规范
-
💬 描述:依照规范写出的代码会更加合理。
-
📚 资源:Airbnb 代码规范 https://github.com/BingKui/javascript-zh
-
CSS Style Guide
-
JavaScript Style Guide
类型校验
- TypeScript
代码检查
- ESLint
- StyleLint
代码风格
-
💬 描述:根据配置自动格式化代码,统一格式。
-
Prettier
提交规范
- 约定式提交
提交检查
-
💬 描述:在提交代码时触发一些操作,比如检查代码的风格等。
-
pre-commit
-
husky
构建工具
自动化构建
-
💬 描述:按照配置好的流程自动打包构建项目,提高团队的开发效率,降低项目的维护难度。
-
Gulp
-
✅ npm script
-
Grunt
打包工具
-
💬 描述:将各种零散的📚 资源文件打包为可在浏览器等环境运行的代码。
-
⭐️ Webpack
-
✅ Rollup
-
✅ Vite
-
Parcel
-
Snowpack
CI / CD
- 💬 描述:通过在应用开发阶段引入自动化来频繁向客户交付应用。
- GitLab CI
- ✅ Jenkins
部署
⭐️ Web 服务器
⭐️ Nginx
-
💬 描述:高性能的 HTTP 和反向代理 web 服务器。
-
📚 资源:腾讯云动手实验室 https://cloud.tencent.com/developer/labs/gallery
-
反向代理
-
解决跨域
-
改写请求
✅ Apache
容器
✅ Docker
-
💬 描述:容器是一个标准化的软件单元,它将代码及其所有依赖关系打包,以便应用程序从一个计算环境可靠快速地运行到另一个计算环境。Docker容器镜像是一个轻量的独立的可执行的软件包。包含程序运行的时候所需的一切:代码,运行时间,系统工具,系统库和设置。
-
📚 资源:Docker 从入门到实践 https://vuepress.mirror.docker-practice.com/
-
Dockerfile
Kubernetes
部署策略
- 全量发布
- 蓝绿部署
- 滚动发布
- 灰度发布
监控告警
- 前端埋点
- 错误监控
- 性能监控
- 行为监控
四、前端优化
-
💬 描述:通过分析和优化手段,提高网站的性能和用户体验。
-
🎯 目标:实践前端优化方法,从多个方面优化自己做过的项目,最好能将优化后的网站与原网站进行对比,得到一些数据和体验上的明显提升。
✅ 性能优化
性能指标
-
💬 描述:用于衡量一个 Web 页面的性能。
-
📚 资源:https://juejin.cn/post/6844904153869713416
-
FP(First Paint)
- 💬 描述:从开始加载到浏览器首次绘制像素到屏幕上的时间,也就是页面在屏幕上首次发生视觉变化的时间。
-
FCP(First Contentful Paint)
- 💬 描述:浏览器首次绘制来自 DOM 的内容的时间。
-
FMP(First Meaningful Paint)
- 💬 描述:页面的主要内容绘制到屏幕上的时间。
-
FSP(First Screen Paint)
- 💬 描述:页面从开始加载到首屏内容全部绘制完成的时间,用户可以看到首屏的全部内容。
-
TTI(Time to Interactive)
- 💬 描述:表示网页第一次完全达到可交互状态的时间点,浏览器已经可以持续性的响应用户的输入。
优化手段
-
性能监控
- Performance API
-
样式优化
-
JavaScript 优化
- 防抖
- 节流
-
代码分割
-
📚 资源压缩
-
打包优化
-
服务器优化
-
缓存优化
- Service Worker
-
动画性能
-
dns-prefetch
-
Lazy loading
-
优化启动性能
- 异步化
-
渲染优化
-
网络优化
-
移动端性能优化
-
✅ CDN
- 💬 描述:内容分发网络,是构建在现有网络基础之上的智能虚拟网络,依靠部署在各地的边缘服务器,通过中心平台的负载均衡、内容分发、调度等功能模块,使用户就近获取所需内容,降低网络拥塞,提高用户访问响应速度和命中率。
- 📚 资源:BootCDN https://www.bootcdn.cn/
用户体验
- 设计系统
- 骨架屏
✅ 兼容性
浏览器兼容性
- normalize.css
- html5shiv.js
- respond.js
- Babel
- Polyfill
屏幕分辨率兼容性
跨平台兼容性
SEO
-
💬 描述:搜索引擎优化,利用搜索引擎的规则提高网站在有关搜索引擎内的自然排名。
-
📚 资源:百度搜索📚 资源平台 https://ziyuan.baidu.com/cooperateresource/index
-
robots.txt
-
description
-
keywords
-
SiteMap
-
HTML 标签优化
-
站内链接建设
-
友情链接
✅ 安全
- ⭐️ XSS
- CSRF
- 反爬虫
- SQL 注入
- DDoS
五、前端生态
-
💬 描述:如今,前端领域的范围越来越广,出现了更多前端工程师需要了解和关注的技术。
-
🎯 目标:能用学到的前端技术去做更多的事情,比如开发个人博客、文档网站、小程序、APP 等。
⭐️ 静态站点构建
开发
- React Static
博客
- ✅ Gatsby.js
- ✅ Docusaurus
- Hugo
- Hexo
文档
- JekyII
- ⭐️ Docsify
- VuePress
- ✅ Dumi
✅ 大前端
💬 描述:前端技术的融合更加紧密,应用的领域也更加广泛,前端领域的内容呈现多样化,除了网站外,还可以用前端技术跨平台开发 Android、iOS、小程序、虚拟现实、增强现实等。
移动应用
- Hybrid
- WebView
- React Native
- Flutter
移动应用打包
- Weex
- Cordova
- Phonegap
- Ionic
桌面应用
- Electron
- NW.js
- Proton Native
小程序
- 原生
- WebView
跨端开发框架
- ✅ uni-app
- ✅ Taro
- Flutter
- Chameleon
- Wepy
- Rax
移动端调试
- Chrome Dev Tools
- Android Simulator
- IOS Simulator
✅ Serverless
- 💬 描述:一种构建和管理基于微服务架构的完整流程,允许你在服务部署级别而不是服务器部署级别来管理你的应用部署,你甚至可以管理某个具体功能或端口的部署,这就能让开发者快速迭代,更快速地开发软件。
✅ 云开发
-
💬 描述:云端一体化的后端云服务 ,采用 Serverless 架构,免去了移动应用构建中繁琐的服务器搭建和运维。同时云开发提供的静态托管、命令行工具(CLI)、Flutter SDK 等能力降低了应用开发的门槛。使用云开发可以构建完整的小程序/小游戏、H5、Web、移动 App 等应用。
-
✅ 腾讯云云开发
-
阿里云云开发
低代码
-
💬 描述:无需编码(零代码)或通过少量代码就可以快速生成应用程序的开发平台。通过可视化进行应用程序开发的方法,使具有不同经验水平的开发人员可以通过图形化的用户界面,使用拖拽组件和模型驱动的逻辑来创建网页和移动应用程序。
-
腾讯云低码
-
阿里宜搭
六、前端求职
-
💬 描述:求职是一个漫长的过程,建议拉长战线,尽早准备。
-
🎯 目标:找到理想的工作。
流程
- 2020 秋招面经汇总:https://www.nowcoder.com/discuss/205497
简历
- 超级简历
面试题库
- 牛客前端工程师面试宝典:https://www.nowcoder.com/tutorial/96/f5212664ab664984882b00635066ded2
- 前端面试每日 3+1:https://github.com/haizlin/fe-interview
- React 面试题目 & 题解:https://github.com/sudheerj/reactjs-interview-questions
面经
- 前端面经汇总:https://www.nowcoder.com/discuss/experience?tagId=644
面试实战
- AI 模拟面试:https://www.nowcoder.com/interview/ai/cover?jobTagId=644
七、前端未来
-
💬 描述:前端未来可能的发展趋势和热门技术。
-
🎯 目标:关注前沿,持续进步。
-
WebAssembly
-
智能 UI
-
React Server Component
-
CSS Houdini
WebComponents
- HTML templates(HTML模板)
- Custom elements(自定义元素)
- Shadow DOM(影子DOM)
我的前端学习路线
虽然上面整理的学习路线知识点非常多,但是大家也别太担心,其实按照一定顺序和方法来学习,并不会很难,聊聊我的学习经历。
1. 快速入门,培养兴趣
刚开始学习前端时,一定要以培养兴趣、快速入门为目标。我入门前端时,由于没有基础、啥都不懂,因此选择在线实战教程网站来学习,跟着教程案例一行行把代码敲下来,实时浏览显示效果,很轻松地就把 HTML、CSS、JavaScript 的语法基础过了一遍。但是这时,我对看过的知识点没有什么印象,基本是看了就忘,当我想要自己写一个网站,也根本无从下手。
于是,我开始试着死记硬背代码,结果发现背了之后还是不会写。那干脆一不做二不休,直接打开编辑器和教程网站,把之前在线实战时敲过的代码复制粘贴到编辑器中,然后再修改保存,到浏览器中打开文件。这样虽然要在编辑器和浏览器中来回切换,但起码能看到自己的网页文件运行的效果了。后来,我利用浏览器开发者工具提升了自己开发网站的调试效率,敲出的代码达不到满意的效果时,就再去查,再改,再浏览,最后终于完成了一个留言板网站!
通过这件事,我明白了一个道理,既然记不住知识,那就先别强行记忆,上手多写,忘了就去查不就好了?不要担心自己知识不够做不出来,只要你去试,都一定能实现。
2. 多看多写,巩固基础
在这种操作下,我虽然能使用基础三件套开发简易网站了,但做的很慢,还老出问题。于是,我开始完整地看了几本前端入门和项目实战书籍,有三件套入门的,也有响应式网站设计的,还有 JavaScript 综合讲解的,以及一套完整的视频教程,通过这些来复习巩固之前学过的知识,打好了基础,并且了解了更多实战教程上没见到的知识。
看书和视频的过程中,我跟着做了几个简易的网站,也是边看边做。在这之后,我发现自己渐渐地能够脱离文档来写网站了!
3. 框架学习,学以致用
但是,总感觉开发网站时,什么都要自己写,重复的代码写一大堆,很麻烦。于是,我试着上网搜了解决这些问题的方法,发现可以用组件库减少重复编写 HTML 和 CSS 代码,于是学了 LayUI,其实和之前一样的,就是打开官网找到要用的组件,然后复制到项目中修改就行了,写的多了竟然还真记住了一些(虽然这个没必要记)。
界面和样式代码简化了,但是 JavaScript 写的我依旧头疼。于是我决定进入下一个阶段的学习,当时先看了本书叫《锋利的 jQuery》来学习 jQuery,学会之后使用它趁热打铁做了几个网站,发现的确能大大简化繁琐的 JavaScript DOM 操作,让我尝到了甜头,又有了继续学习前端的动力。
在那之后大概半年,我开始学习主流前端框架 Vue,也是跟着视频教程学,并且结合 ElementUI 组件库开发了一个响应式网站。不得不说,习惯了用原生 JavaScript 和 jQuery 开发后,再去用 Vue 开发,真的是爽飞了,小有成就感。
4. 根据需要,自主学习
在那之后,我就是通过不断地做项目来积累经验,既然编程知识太多学不完,那我就随需随学,逐渐拓宽自己的知识面。举个例子,我要做一个移动端 H5 页面,那就去搜 Vue 的移动端组件库,学会了 MintUI、VantUI 等;项目中要处理日期,那我就去搜日期处理库,学会了 Moment.js;项目重复文件和代码太多,我就去网上搜一些组件化、模块化的最佳实践;项目代码太大、加载太慢,我就去网上搜一些前端压缩、性能优化的方式;要把开发好的项目变成 APP,那我就去网上搜到了 Cordova 等打包工具;跟其他同学一起做项目时比较混乱、开发效率低,我就去搜了一些代码规范、前端工程化等;遇到 Bug 时,也是自己去网上搜索解决方案,并且还要看看有没有知识点是我遗漏的,我会再去弥补学习。通过不断实践、不断遇到问题和自主解决问题,我始终保持着学习的积极性,学到了越来越多前端的知识,并通过归纳总结来加深印象。
5. 渐入佳境,拓宽视野
在那之后,我学前端技术非常快了,像 React、TypeScript、Redux、Dva、Umi、Lerna 等等都随用随学,随学随用。此外,我不仅仅关注前端网页开发本身,还同时关注前端的生态和发展,学习了微前端、Serverless、云开发、低代码等技术,因此个人的能力提升也很大。如今在鹅厂工作中也是,面对各种不同技术栈的前端项目,我都能迎难而上,毕竟不会就学嘛!
哦,写的渐入佳境,我都忘了,自己是一名后端工程师,还搁这儿吹牛逼呢( 所以本路线难免会有不专业的地方,请大家见谅~
6. 总结
总结一下,学前端的路线其实就一句话:基础三件套 => 巩固基础 => 学习框架 => 多做项目 => 按需学习 => 拓宽视野。还有一个学任何编程技术都要注意的点,全程多敲代码!多敲代码!多敲代码!
尾声 - 持续学习
优秀前端人的特质
-
深厚的功底
-
良好的编码习惯
-
发现问题的洞察力
-
思维灵活,善于思考
-
追求技术,紧跟前沿
-
有创造力,有行动力
-
追求用户体验
-
时刻保持好奇
-
全栈意识
-
解决问题的能力强
-
懂得合作和高效沟通
-
重视工作,同样重视生活
-
责任心和全局观
-
个人的进步能带动团队的进步
学习资源
- 编程导航(包含以下所有资源,强烈推荐 👍):https://www.code-nav.cn
- freeCodecamp 在线编程:https://learn.freecodecamp.one/
- 阿里云前端实战学习:https://edu.aliyun.com/roadmap/frontend
- W3Cschool 编程入门实战:https://www.w3cschool.cn/codecamp/
- 腾讯云动手实验室:https://cloud.tencent.com/developer/labs/gallery
- pink老师前端入门教程:https://www.bilibili.com/video/BV14J4114768
- MDN 前端文档:https://developer.mozilla.org/zh-CN
- Node.js 入门:https://cnodejs.org/getstart
- 前端清单:https://cheatsheets.devtool.tech/
- 前端小课:https://lefex.github.io/
- 被删的前端游乐场:http://www.godbasin.com/
- 《ES6 入门教程》:https://es6.ruanyifeng.com/
- 谷歌 Web 开发者:https://developers.google.com/web
- JavaScript 明星项目:https://risingstars.js.org/2020/zh
- Best of JS:https://bestofjs.org/
- Codewars:https://www.codewars.com/?language=javascript
- Vue.js examples:https://vuejsexamples.com/
前端资讯
- 掘金资讯:https://juejin.cn/news
- InfoQ:https://www.infoq.cn/topic/Front-end
- daily.dev:https://daily.dev/
技术博客
-
掘金:https://juejin.cn/frontend
-
腾讯前端 IMWEB:http://imweb.io
-
腾讯 Web 前端团队 Alloy Team:http://www.alloyteam.com
-
淘宝前端团队:http://taobaofed.org
-
百度 Web 前端研发部:http://fex.baidu.com
-
京东凹凸实验室:https://aotu.io
-
360 奇舞团:https://75team.com
-
七牛团队技术博客:http://blog.qiniu.com
-
有赞技术团队:https://tech.youzan.com/tag/front-end/
-
百度 EFE Tech:https://efe.baidu.com/
-
css-tricks:https://css-tricks.com/archives
-
web.dev:https://web.dev/blog/
学习要点
- 前期学习以培养兴趣为主,不要过于追求深层理解。
- 前端学习不能靠死记硬背,要多敲代码、多做项目实践。
- 不要急于求成,踏实积累才是硬道理。
在我的公众号【程序员鱼皮】后台回复 “前端路线” 领取路线图 + 在线网站。
大家冲鸭!
如果觉得有帮助,求朋友们 点赞 支持下,给俺点创作的动力 ❤️
您好,我是鱼皮,98 年生,有野心的天蝎座,20 届本科毕业加入 腾讯,从事全栈应用开发,同时也是 腾讯云开发高级布道师 。
我热爱学习和分享编程技术,在公众号、抖音、B 站、知乎、GitHub 等多个平台创作(都叫 “程序员鱼皮”),全网累计收获近 20w 粉丝的关注。
我熟悉多种编程语言和技术栈,包括但不限于 Java 后端、前端、小程序开发,在校期间就带工作室建设了几十个校园网站,以 专业第一 的成绩拿过国家奖学金、挑战杯学术竞赛国奖、上海市优秀毕业生,出版过区块链教材,也曾有过字节跳动、腾讯等三家公司的实习经历,甚至还有段创业经历,并成功积分落户上海。
此外,我独立开发了【编程导航】全栈项目( https://www.code-nav.cn ),已经帮助上万名小伙伴找到优质编程学习资源!
感谢大家的关注~
如若内容造成侵权/违法违规/事实不符,请联系编程学习网邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
相关文章
- BaaS后端即服务 - 分析篇
在本文中我们将主要研究目前主要的BaaS平台的功能,以及Google,Facebook,Apple等互联网巨头在BaaS领域的动作。同时我们也会关注国内一些主流BaaS平台的发展以及国内互联网巨头如百度,华为等在BaaS领域的投入发展。 1. 国外主流的…...
2024/4/21 4:40:09 - 前端学习路线(详细)
前端学习路线! 这份学习路线并不完美,也不会有最终形态,正如前端不可预见、永无止境的未来。 特点 一份全面的前端知识点大梳理和汇总 分阶段学习,每个阶段给出学习目标 使用符号对知识点的重要程度做了区分,按需学习…...
2024/4/21 4:40:08 - MEAN.js和MEAN.io之间的区别
本文翻译自:Difference between MEAN.js and MEAN.ioI wanted to use the MEAN JavaScript Stack, but I noticed that there are two different stacks with either their own website and installation methods: mean.js and mean.io. 我想使用MEAN JavaScript St…...
2024/4/21 4:40:07 - Serverless 掀起新的前端技术变革
本文为转发文章:作者 阿里巴巴 前端 蒋航 最近关于 Serverless 的讨论越来越多。看似与前端关系不大的 Serverless,其实早已和前端有了颇深渊源,并且将掀起新的前端技术变革。本文主要就根据个人理解和总结,从前端开发模式的演…...
2024/4/21 4:40:06 - 刷新:重新发现商业与未来_NET:为您的未来做好准备
刷新:重新发现商业与未来.NET生态系统将是惊人的一年: (It’s going to be an amazing year for the .NET ecosystem:) .NET Framework is “complete”. It’s not likely that there will be a new version of the framework. 4.8 will be the last one after 18 …...
2024/5/1 16:19:11 - 探索 Serverless 中的前端开发模式(多场景)
在 QCon 北京 2019 大会上,蒋航讲师做了《探索 Serverless 中的前端开发模式》主题演讲,主要内容如下。前言最近关于 Serverless 的讨论越来越多。看似与前端关系不大的 Serverless,其实早已和前端有了渊源,并且将对前端开发模式产…...
2024/4/21 4:40:05 - 前端每周清单第 48 期:Slack Webpack 构建优化,CSS 命名规范与用户追踪,Vue.js 单元测试...
前端每周清单专注前端领域内容,以对外文资料的搜集为主,帮助开发者了解一周前端热点;分为新闻热点、开发教程、工程实践、深度阅读、开源项目、巅峰人生等栏目。欢迎关注【前端之巅】微信公众号(ID: frontshow)&#x…...
2024/4/25 20:27:50 - Serverless掀起新的前端技术变革
最近关于 Serverless 的讨论越来越多。看似与前端关系不大的 Serverless,其实早已和前端有了渊源,并且将对前端开发模式产生变革性的影响。本文来自阿里云前端工程师蒋航在 QCon 北京 2019 的分享,他从前端开发模式的演进、基于 Serverless 的…...
2024/4/20 11:00:16 - 探索 Serverless 中的前端开发模式
作者: 蒋航Github: github.com/nodejh 最近关于 Serverless 的讨论越来越多。看似与前端关系不大的 Serverless,其实早已和前端有了渊源,并且将对前端开发模式产生变革性的影响。本文主要就根据个人理解和总结,从前端开发模式的演进、基于 Se…...
2024/5/5 4:26:37 - Github上优秀的.NET Core开源项目的集合
内容包括:库、工具、框架、模板引擎、身份认证、数据库、ORM框架、图片处理、文本处理、机器学习、日志、代码分析、教程等。 Github地址:https://github.com/GeekPowerFelixSun,[awesome-dotnet-core] 其中的翻译有可能有问题,…...
2024/5/5 4:18:37 - serverless
前言 最近关于 Serverless 的讨论越来越多。看似与前端关系不大的 Serverless,其实早已和前端有了颇深渊源,并且将掀起新的前端技术变革。此次分享根据个人理解和总结,从前端开发模式在serverless的演进、Serverless 常见服务商提供的解决方…...
2024/4/21 4:40:01 - 无服务器Serverless详解
前言 最近关于 Serverless 的讨论越来越多。看似与前端关系不大的 Serverless,其实早已和前端有了颇深渊源,并且将掀起新的前端技术变革。此次分享根据个人理解和总结,从前端开发模式在serverless的演进、Serverless 常见服务商提供的解决方…...
2024/4/21 4:39:58 - github桌面应用下载慢_使用AngularJS和GitHub Electron创建桌面应用程序
github桌面应用下载慢GitHubs Electron framework (formerly known as Atom Shell) lets you write cross platform desktop application using HTML, CSS and JavaScript. Its a variant of io.js run-time which is focused on desktop applications instead of web servers.…...
2024/5/5 11:53:13 - serverless 简介
前言 最近关于 Serverless 的讨论越来越多。看似与前端关系不大的 Serverless,其实早已和前端有了颇深渊源,并且将掀起新的前端技术变革。此次分享根据个人理解和总结,从前端开发模式在serverless的演进、Serverless 常见服务商提供的解决方…...
2024/4/20 14:43:51 - 初学angular2的一些总结 1.)
先从模块库中引入组件import {Component} from “angular2/core”;import {bootstrap} from “angular2/platform/browser”; 然后定义组件 Component({ Selector:’my-app’, 这里的my-app是html上自己写的节点Selector:’[my-app]’, 这里的my-app是节点属性<any my-app…...
2024/4/20 19:45:18 - angular7+实现前端生成验证码 canvas画图
html: <li class"_3001_12_verification_code" id"loginMaskLi"><label><input id"loginmask" type"text" placeholder"不区分大小写"> </label><span (click) "initVerifyCo…...
2024/5/3 3:22:21 - angular2 复制
https://developer.mozilla.org/zh-CN/docs/Web/API/Document 这是一篇mozilla 的开发者账户,里面写的很详细,包括document 和 windows 对象都提供了怎么样的方法 // 点击复制 cope_input(){ let copyHttp this.ElementRef.nativeElement.querySelect…...
2024/5/3 22:46:31 - 使用NativeScript和Angular2构建跨平台APP
使用NativeScript和Angular2构建跨平台APP 前言 “一次构建,多处运行”,跨平台APP 带着这股风潮把火烧到了前端,为开发者带来无尽的遐想。现有的流行跨平台框架有以下: 1. 基于单WebView的开发框架。开发者可以使用现有的最新 web 技术&…...
2024/4/21 4:39:57 - 最新免费计算机编程视频教程
最新免费计算机编程视频教程 https://www.youtube.com/channel/UCAEDC_Ku-K6zTVpGi6kLS1g 嵌入式驱动开发环境搭建初级 Java For Android Eclipse IDE 使用技巧 Android 编码规范及代码风格 SVN & Git 版本控制 Android App 开发环境搭建和配置 Android App开发起手式-Hell…...
2024/5/5 4:01:50 - 【Angular】Angular从入门到实战视频教程第三章
【背景】 最近恶补前端基础知识,记录一下~ 【内容】 3.1 路由内容介绍 学习内容: 1、了解路由的基础知识 2、子路由、保护路由和辅助路由 3、在在线拍卖(Auction)项目中添加路由 作用:为每一个页面提供一个URL 控制…...
2024/5/5 15:58:18
最新文章
- unity入门学习笔记
文章目录 unity学习笔记熟悉界面窗口页面快捷键视图特点移动、旋转、缩放快捷键聚焦和隐藏 一些基本概念模型模型的导入一些补充 资源文件资源包的导出资源包的导入 轴心物体的父子关系空物体Global与localpivot与center 组件脚本基础我的第一个脚本 获取脚本组件本地坐标播放模…...
2024/5/6 14:34:54 - 梯度消失和梯度爆炸的一些处理方法
在这里是记录一下梯度消失或梯度爆炸的一些处理技巧。全当学习总结了如有错误还请留言,在此感激不尽。 权重和梯度的更新公式如下: w w − η ⋅ ∇ w w w - \eta \cdot \nabla w ww−η⋅∇w 个人通俗的理解梯度消失就是网络模型在反向求导的时候出…...
2024/5/6 9:38:23 - 前端 js 经典:字符编码详解
前言:计算机只能识别二进制,开发语言中数据类型还有数字,字母,中文,特殊符号等,都需要转化成二进制编码才能让技术机识别。 一. 编码方式 ACSLL、Unicode、utf-8、URL 编码、base64 等。 1. ACSLL 对英语…...
2024/5/4 10:30:35 - JVM笔记
1.JVM与Java体系结构 1.1. 前言 作为Java工程师的你曾被伤害过吗?你是否也遇到过这些问题? 运行着的线上系统突然卡死,系统无法访问,甚至直接OOM想解决线上JVM GC问题,但却无从下手新项目上线,对各种JVM…...
2024/5/5 8:44:38 - 【外汇早评】美通胀数据走低,美元调整
原标题:【外汇早评】美通胀数据走低,美元调整昨日美国方面公布了新一期的核心PCE物价指数数据,同比增长1.6%,低于前值和预期值的1.7%,距离美联储的通胀目标2%继续走低,通胀压力较低,且此前美国一季度GDP初值中的消费部分下滑明显,因此市场对美联储后续更可能降息的政策…...
2024/5/4 23:54:56 - 【原油贵金属周评】原油多头拥挤,价格调整
原标题:【原油贵金属周评】原油多头拥挤,价格调整本周国际劳动节,我们喜迎四天假期,但是整个金融市场确实流动性充沛,大事频发,各个商品波动剧烈。美国方面,在本周四凌晨公布5月份的利率决议和新闻发布会,维持联邦基金利率在2.25%-2.50%不变,符合市场预期。同时美联储…...
2024/5/4 23:54:56 - 【外汇周评】靓丽非农不及疲软通胀影响
原标题:【外汇周评】靓丽非农不及疲软通胀影响在刚结束的周五,美国方面公布了新一期的非农就业数据,大幅好于前值和预期,新增就业重新回到20万以上。具体数据: 美国4月非农就业人口变动 26.3万人,预期 19万人,前值 19.6万人。 美国4月失业率 3.6%,预期 3.8%,前值 3…...
2024/5/4 23:54:56 - 【原油贵金属早评】库存继续增加,油价收跌
原标题:【原油贵金属早评】库存继续增加,油价收跌周三清晨公布美国当周API原油库存数据,上周原油库存增加281万桶至4.692亿桶,增幅超过预期的74.4万桶。且有消息人士称,沙特阿美据悉将于6月向亚洲炼油厂额外出售更多原油,印度炼油商预计将每日获得至多20万桶的额外原油供…...
2024/5/6 9:21:00 - 【外汇早评】日本央行会议纪要不改日元强势
原标题:【外汇早评】日本央行会议纪要不改日元强势近两日日元大幅走强与近期市场风险情绪上升,避险资金回流日元有关,也与前一段时间的美日贸易谈判给日本缓冲期,日本方面对汇率问题也避免继续贬值有关。虽然今日早间日本央行公布的利率会议纪要仍然是支持宽松政策,但这符…...
2024/5/4 23:54:56 - 【原油贵金属早评】欧佩克稳定市场,填补伊朗问题的影响
原标题:【原油贵金属早评】欧佩克稳定市场,填补伊朗问题的影响近日伊朗局势升温,导致市场担忧影响原油供给,油价试图反弹。此时OPEC表态稳定市场。据消息人士透露,沙特6月石油出口料将低于700万桶/日,沙特已经收到石油消费国提出的6月份扩大出口的“适度要求”,沙特将满…...
2024/5/4 23:55:05 - 【外汇早评】美欲与伊朗重谈协议
原标题:【外汇早评】美欲与伊朗重谈协议美国对伊朗的制裁遭到伊朗的抗议,昨日伊朗方面提出将部分退出伊核协议。而此行为又遭到欧洲方面对伊朗的谴责和警告,伊朗外长昨日回应称,欧洲国家履行它们的义务,伊核协议就能保证存续。据传闻伊朗的导弹已经对准了以色列和美国的航…...
2024/5/4 23:54:56 - 【原油贵金属早评】波动率飙升,市场情绪动荡
原标题:【原油贵金属早评】波动率飙升,市场情绪动荡因中美贸易谈判不安情绪影响,金融市场各资产品种出现明显的波动。随着美国与中方开启第十一轮谈判之际,美国按照既定计划向中国2000亿商品征收25%的关税,市场情绪有所平复,已经开始接受这一事实。虽然波动率-恐慌指数VI…...
2024/5/4 23:55:16 - 【原油贵金属周评】伊朗局势升温,黄金多头跃跃欲试
原标题:【原油贵金属周评】伊朗局势升温,黄金多头跃跃欲试美国和伊朗的局势继续升温,市场风险情绪上升,避险黄金有向上突破阻力的迹象。原油方面稍显平稳,近期美国和OPEC加大供给及市场需求回落的影响,伊朗局势并未推升油价走强。近期中美贸易谈判摩擦再度升级,美国对中…...
2024/5/4 23:54:56 - 【原油贵金属早评】市场情绪继续恶化,黄金上破
原标题:【原油贵金属早评】市场情绪继续恶化,黄金上破周初中国针对于美国加征关税的进行的反制措施引发市场情绪的大幅波动,人民币汇率出现大幅的贬值动能,金融市场受到非常明显的冲击。尤其是波动率起来之后,对于股市的表现尤其不安。隔夜美国股市出现明显的下行走势,这…...
2024/5/6 1:40:42 - 【外汇早评】美伊僵持,风险情绪继续升温
原标题:【外汇早评】美伊僵持,风险情绪继续升温昨日沙特两艘油轮再次发生爆炸事件,导致波斯湾局势进一步恶化,市场担忧美伊可能会出现摩擦生火,避险品种获得支撑,黄金和日元大幅走强。美指受中美贸易问题影响而在低位震荡。继5月12日,四艘商船在阿联酋领海附近的阿曼湾、…...
2024/5/4 23:54:56 - 【原油贵金属早评】贸易冲突导致需求低迷,油价弱势
原标题:【原油贵金属早评】贸易冲突导致需求低迷,油价弱势近日虽然伊朗局势升温,中东地区几起油船被袭击事件影响,但油价并未走高,而是出于调整结构中。由于市场预期局势失控的可能性较低,而中美贸易问题导致的全球经济衰退风险更大,需求会持续低迷,因此油价调整压力较…...
2024/5/4 23:55:17 - 氧生福地 玩美北湖(上)——为时光守候两千年
原标题:氧生福地 玩美北湖(上)——为时光守候两千年一次说走就走的旅行,只有一张高铁票的距离~ 所以,湖南郴州,我来了~ 从广州南站出发,一个半小时就到达郴州西站了。在动车上,同时改票的南风兄和我居然被分到了一个车厢,所以一路非常愉快地聊了过来。 挺好,最起…...
2024/5/4 23:55:06 - 氧生福地 玩美北湖(中)——永春梯田里的美与鲜
原标题:氧生福地 玩美北湖(中)——永春梯田里的美与鲜一觉醒来,因为大家太爱“美”照,在柳毅山庄去寻找龙女而错过了早餐时间。近十点,向导坏坏还是带着饥肠辘辘的我们去吃郴州最富有盛名的“鱼头粉”。说这是“十二分推荐”,到郴州必吃的美食之一。 哇塞!那个味美香甜…...
2024/5/4 23:54:56 - 氧生福地 玩美北湖(下)——奔跑吧骚年!
原标题:氧生福地 玩美北湖(下)——奔跑吧骚年!让我们红尘做伴 活得潇潇洒洒 策马奔腾共享人世繁华 对酒当歌唱出心中喜悦 轰轰烈烈把握青春年华 让我们红尘做伴 活得潇潇洒洒 策马奔腾共享人世繁华 对酒当歌唱出心中喜悦 轰轰烈烈把握青春年华 啊……啊……啊 两…...
2024/5/4 23:55:06 - 扒开伪装医用面膜,翻六倍价格宰客,小姐姐注意了!
原标题:扒开伪装医用面膜,翻六倍价格宰客,小姐姐注意了!扒开伪装医用面膜,翻六倍价格宰客!当行业里的某一品项火爆了,就会有很多商家蹭热度,装逼忽悠,最近火爆朋友圈的医用面膜,被沾上了污点,到底怎么回事呢? “比普通面膜安全、效果好!痘痘、痘印、敏感肌都能用…...
2024/5/5 8:13:33 - 「发现」铁皮石斛仙草之神奇功效用于医用面膜
原标题:「发现」铁皮石斛仙草之神奇功效用于医用面膜丽彦妆铁皮石斛医用面膜|石斛多糖无菌修护补水贴19大优势: 1、铁皮石斛:自唐宋以来,一直被列为皇室贡品,铁皮石斛生于海拔1600米的悬崖峭壁之上,繁殖力差,产量极低,所以古代仅供皇室、贵族享用 2、铁皮石斛自古民间…...
2024/5/4 23:55:16 - 丽彦妆\医用面膜\冷敷贴轻奢医学护肤引导者
原标题:丽彦妆\医用面膜\冷敷贴轻奢医学护肤引导者【公司简介】 广州华彬企业隶属香港华彬集团有限公司,专注美业21年,其旗下品牌: 「圣茵美」私密荷尔蒙抗衰,产后修复 「圣仪轩」私密荷尔蒙抗衰,产后修复 「花茵莳」私密荷尔蒙抗衰,产后修复 「丽彦妆」专注医学护…...
2024/5/4 23:54:58 - 广州械字号面膜生产厂家OEM/ODM4项须知!
原标题:广州械字号面膜生产厂家OEM/ODM4项须知!广州械字号面膜生产厂家OEM/ODM流程及注意事项解读: 械字号医用面膜,其实在我国并没有严格的定义,通常我们说的医美面膜指的应该是一种「医用敷料」,也就是说,医用面膜其实算作「医疗器械」的一种,又称「医用冷敷贴」。 …...
2024/5/4 23:55:01 - 械字号医用眼膜缓解用眼过度到底有无作用?
原标题:械字号医用眼膜缓解用眼过度到底有无作用?医用眼膜/械字号眼膜/医用冷敷眼贴 凝胶层为亲水高分子材料,含70%以上的水分。体表皮肤温度传导到本产品的凝胶层,热量被凝胶内水分子吸收,通过水分的蒸发带走大量的热量,可迅速地降低体表皮肤局部温度,减轻局部皮肤的灼…...
2024/5/4 23:54:56 - 配置失败还原请勿关闭计算机,电脑开机屏幕上面显示,配置失败还原更改 请勿关闭计算机 开不了机 这个问题怎么办...
解析如下:1、长按电脑电源键直至关机,然后再按一次电源健重启电脑,按F8健进入安全模式2、安全模式下进入Windows系统桌面后,按住“winR”打开运行窗口,输入“services.msc”打开服务设置3、在服务界面,选中…...
2022/11/19 21:17:18 - 错误使用 reshape要执行 RESHAPE,请勿更改元素数目。
%读入6幅图像(每一幅图像的大小是564*564) f1 imread(WashingtonDC_Band1_564.tif); subplot(3,2,1),imshow(f1); f2 imread(WashingtonDC_Band2_564.tif); subplot(3,2,2),imshow(f2); f3 imread(WashingtonDC_Band3_564.tif); subplot(3,2,3),imsho…...
2022/11/19 21:17:16 - 配置 已完成 请勿关闭计算机,win7系统关机提示“配置Windows Update已完成30%请勿关闭计算机...
win7系统关机提示“配置Windows Update已完成30%请勿关闭计算机”问题的解决方法在win7系统关机时如果有升级系统的或者其他需要会直接进入一个 等待界面,在等待界面中我们需要等待操作结束才能关机,虽然这比较麻烦,但是对系统进行配置和升级…...
2022/11/19 21:17:15 - 台式电脑显示配置100%请勿关闭计算机,“准备配置windows 请勿关闭计算机”的解决方法...
有不少用户在重装Win7系统或更新系统后会遇到“准备配置windows,请勿关闭计算机”的提示,要过很久才能进入系统,有的用户甚至几个小时也无法进入,下面就教大家这个问题的解决方法。第一种方法:我们首先在左下角的“开始…...
2022/11/19 21:17:14 - win7 正在配置 请勿关闭计算机,怎么办Win7开机显示正在配置Windows Update请勿关机...
置信有很多用户都跟小编一样遇到过这样的问题,电脑时发现开机屏幕显现“正在配置Windows Update,请勿关机”(如下图所示),而且还需求等大约5分钟才干进入系统。这是怎样回事呢?一切都是正常操作的,为什么开时机呈现“正…...
2022/11/19 21:17:13 - 准备配置windows 请勿关闭计算机 蓝屏,Win7开机总是出现提示“配置Windows请勿关机”...
Win7系统开机启动时总是出现“配置Windows请勿关机”的提示,没过几秒后电脑自动重启,每次开机都这样无法进入系统,此时碰到这种现象的用户就可以使用以下5种方法解决问题。方法一:开机按下F8,在出现的Windows高级启动选…...
2022/11/19 21:17:12 - 准备windows请勿关闭计算机要多久,windows10系统提示正在准备windows请勿关闭计算机怎么办...
有不少windows10系统用户反映说碰到这样一个情况,就是电脑提示正在准备windows请勿关闭计算机,碰到这样的问题该怎么解决呢,现在小编就给大家分享一下windows10系统提示正在准备windows请勿关闭计算机的具体第一种方法:1、2、依次…...
2022/11/19 21:17:11 - 配置 已完成 请勿关闭计算机,win7系统关机提示“配置Windows Update已完成30%请勿关闭计算机”的解决方法...
今天和大家分享一下win7系统重装了Win7旗舰版系统后,每次关机的时候桌面上都会显示一个“配置Windows Update的界面,提示请勿关闭计算机”,每次停留好几分钟才能正常关机,导致什么情况引起的呢?出现配置Windows Update…...
2022/11/19 21:17:10 - 电脑桌面一直是清理请关闭计算机,windows7一直卡在清理 请勿关闭计算机-win7清理请勿关机,win7配置更新35%不动...
只能是等着,别无他法。说是卡着如果你看硬盘灯应该在读写。如果从 Win 10 无法正常回滚,只能是考虑备份数据后重装系统了。解决来方案一:管理员运行cmd:net stop WuAuServcd %windir%ren SoftwareDistribution SDoldnet start WuA…...
2022/11/19 21:17:09 - 计算机配置更新不起,电脑提示“配置Windows Update请勿关闭计算机”怎么办?
原标题:电脑提示“配置Windows Update请勿关闭计算机”怎么办?win7系统中在开机与关闭的时候总是显示“配置windows update请勿关闭计算机”相信有不少朋友都曾遇到过一次两次还能忍但经常遇到就叫人感到心烦了遇到这种问题怎么办呢?一般的方…...
2022/11/19 21:17:08 - 计算机正在配置无法关机,关机提示 windows7 正在配置windows 请勿关闭计算机 ,然后等了一晚上也没有关掉。现在电脑无法正常关机...
关机提示 windows7 正在配置windows 请勿关闭计算机 ,然后等了一晚上也没有关掉。现在电脑无法正常关机以下文字资料是由(历史新知网www.lishixinzhi.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!关机提示 windows7 正在配…...
2022/11/19 21:17:05 - 钉钉提示请勿通过开发者调试模式_钉钉请勿通过开发者调试模式是真的吗好不好用...
钉钉请勿通过开发者调试模式是真的吗好不好用 更新时间:2020-04-20 22:24:19 浏览次数:729次 区域: 南阳 > 卧龙 列举网提醒您:为保障您的权益,请不要提前支付任何费用! 虚拟位置外设器!!轨迹模拟&虚拟位置外设神器 专业用于:钉钉,外勤365,红圈通,企业微信和…...
2022/11/19 21:17:05 - 配置失败还原请勿关闭计算机怎么办,win7系统出现“配置windows update失败 还原更改 请勿关闭计算机”,长时间没反应,无法进入系统的解决方案...
前几天班里有位学生电脑(windows 7系统)出问题了,具体表现是开机时一直停留在“配置windows update失败 还原更改 请勿关闭计算机”这个界面,长时间没反应,无法进入系统。这个问题原来帮其他同学也解决过,网上搜了不少资料&#x…...
2022/11/19 21:17:04 - 一个电脑无法关闭计算机你应该怎么办,电脑显示“清理请勿关闭计算机”怎么办?...
本文为你提供了3个有效解决电脑显示“清理请勿关闭计算机”问题的方法,并在最后教给你1种保护系统安全的好方法,一起来看看!电脑出现“清理请勿关闭计算机”在Windows 7(SP1)和Windows Server 2008 R2 SP1中,添加了1个新功能在“磁…...
2022/11/19 21:17:03 - 请勿关闭计算机还原更改要多久,电脑显示:配置windows更新失败,正在还原更改,请勿关闭计算机怎么办...
许多用户在长期不使用电脑的时候,开启电脑发现电脑显示:配置windows更新失败,正在还原更改,请勿关闭计算机。。.这要怎么办呢?下面小编就带着大家一起看看吧!如果能够正常进入系统,建议您暂时移…...
2022/11/19 21:17:02 - 还原更改请勿关闭计算机 要多久,配置windows update失败 还原更改 请勿关闭计算机,电脑开机后一直显示以...
配置windows update失败 还原更改 请勿关闭计算机,电脑开机后一直显示以以下文字资料是由(历史新知网www.lishixinzhi.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!配置windows update失败 还原更改 请勿关闭计算机&#x…...
2022/11/19 21:17:01 - 电脑配置中请勿关闭计算机怎么办,准备配置windows请勿关闭计算机一直显示怎么办【图解】...
不知道大家有没有遇到过这样的一个问题,就是我们的win7系统在关机的时候,总是喜欢显示“准备配置windows,请勿关机”这样的一个页面,没有什么大碍,但是如果一直等着的话就要两个小时甚至更久都关不了机,非常…...
2022/11/19 21:17:00 - 正在准备配置请勿关闭计算机,正在准备配置windows请勿关闭计算机时间长了解决教程...
当电脑出现正在准备配置windows请勿关闭计算机时,一般是您正对windows进行升级,但是这个要是长时间没有反应,我们不能再傻等下去了。可能是电脑出了别的问题了,来看看教程的说法。正在准备配置windows请勿关闭计算机时间长了方法一…...
2022/11/19 21:16:59 - 配置失败还原请勿关闭计算机,配置Windows Update失败,还原更改请勿关闭计算机...
我们使用电脑的过程中有时会遇到这种情况,当我们打开电脑之后,发现一直停留在一个界面:“配置Windows Update失败,还原更改请勿关闭计算机”,等了许久还是无法进入系统。如果我们遇到此类问题应该如何解决呢࿰…...
2022/11/19 21:16:58 - 如何在iPhone上关闭“请勿打扰”
Apple’s “Do Not Disturb While Driving” is a potentially lifesaving iPhone feature, but it doesn’t always turn on automatically at the appropriate time. For example, you might be a passenger in a moving car, but your iPhone may think you’re the one dri…...
2022/11/19 21:16:57