自学几个月前端,为什么感觉什么都没学到??
这种现象在很多的初学者和自学前端的同学中是比较的常见的。
因为自学走的弯路是比较的多的,会踩很多的坑,学习的过程中是比较的迷茫的。
最重要的是,在学习的过程中,不知道每个部分该学哪些知识点,学到什么程度才算好,学了能做什么。
很多自学的朋友往往都是自己去找资料学习的,资料上有的或许就学到了,资料上没有的或许就没有学到。
这就会给人一个错误的信息就是,我把资料上的学完了,估计也-就差不多的了。
但是真的是这样的吗?非也,因为很多人找的资料就是很基础的。学完了也就是掌握一点基础的东西。分享给你一份前端分析路线,你可以参考。
开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
还有很多的同学在学习的过程中一味的追求学的速度,很快速的刷视频,写了后面忘了前面,最后什么都没有学到,什么都知道,但是什么都不懂,要具体说,也说不出个所以然。
所以学习编程一定要注重实践操作,练习敲代码的时间一定要多余看视频的时间。
- 方式一
$ composer create-project --prefer-dist laravel/laravel=5.8.* laravel-test
// 新建项目
create-project
// 以压缩的方式下载
–prefer-dist
// 框架名称和版本号
laravel/laravel=5.8.*
// 项目名称
laravel-test
- 方式二,跟上面写法不一样,但意思与结果一样。
$ composer create-project laravel/laravel your-project-name --prefer-dist “5.8.*”
- 如果报错
zsh: no matches found: laravel/laravel=5.8.*
,是因为 zsh 不兼容的问题,解决办法:
1、编辑 ~/.zshrc
$ vim ~/.zshrc
2、添加内容,然后保存
setopt no_nomatch
3、重新加载 ~/.zshrc
,然后就可以再次运行创建命令了。
$ source ~/.zshrc
$ composer clearcache
- 重点:
如果遇到错误先清理缓存,在试一次,如果不是缓存问题在另找解决方案
。
四、安装 Laravel
开发必备组件
-
laravel-ide-helper 代码提示及补全工具。
1、安装
// 对应 composer.json 中的 require,一般用这个
$ composer require barryvdh/laravel-ide-helper
// 如果只想在开发环境安装请加上 --dev,对应 composer.json 中的 require-dev
$ composer require barryvdh/laravel-ide-helper --dev
- 如果报错 Installation failed, reverting ./composer.json and ./composer.lock to their original content 点这里,或者上面的方式无法安装都可以点进去看看解决方式。
2、初始化
$ php artisan ide-helper:generate
- 如果报错
Method Illuminate\Routing\Route::get does not exist.
解决办法:找到 /routes/web.php
文件,调整之后再次运行初始化命令
// 方式一:注销该行代码
// use Illuminate\Routing\Route;
// 方式二:导入正确的地址
use Illuminate\Support\Facades\Route;
Route::get(‘/’, function () {
return view(‘welcome’);
});
- 运行命令后,会输出
A new helper file was written to _ide_helper.php
,表示成功!
3、初始化前后比较
- 初始化前:
- 初始化后:
五、Laravel
项目运行(本地
、apache
、nginx
)
- 方式一:命令行启动,运行窗口不能关闭
$ php artisan serve
// 或指定端口来运行
$ php artisan serve --port=8000
-
方式二:
apache
启动,注意文件夹的访问权限。 -
找到
httpd-vhosts.conf
新增一个虚拟机
<VirtualHost *:80>
域名
ServerName www.dzm.com
错误日志
ErrorLog “/Users/dengzemiao/Sites/laravel-test/logs/error.log”
成功日志
CustomLog “/Users/dengzemiao/Sites/laravel-test/logs/access.log” combined
域名根目录,注意:需要链接到 laravel 项目的 public 文件夹下
DocumentRoot “/Users/dengzemiao/Sites/laravel-test/public”
域名根目录权限,注意:需要链接到 laravel 项目的 public 文件夹下
<Directory “/Users/dengzemiao/Sites/laravel-test/public”>
运行列出目录(正式服务器需要去掉 Indexes)
Options Indexes FollowSymLinks
运行权限覆盖
AllowOverride All
运行所有人访问
Require all granted
-
重启
apache
,运行$ sudo apachectl -k restart
,打开http://www.dzm.com/
(由于我是本地电脑安装的apache
测试,非真服务器环境,本地需要修改hosts
文件,添加上127.0.0.1 www.dzm.com
)。 -
打开链接如果报错
failed to open stream: Permission denied
,说明文件有权限问题,解决办法:直接给整个项目加上访问权限:
// 进入到项目存放目录(这个看自己的存放位置)
$ cd /usr/local/var
// 直接给整个项目添加权限
$ chmod -R 777 laravel-test
// 如果报错 chmod: Unable to change file mode on laravel-test/storage/framework/views/eef325e700d1864421506922200f7548a0f32fd8.php: Operation not permitted
// 我这里是直接删除了这种文件,一看估计就是个缓存文件,然后重新添加权限
- 然后就访问成功!
-
方式三:
nginx
启动,注意文件夹的访问权限。 -
找到
nginx.conf
新增一个虚拟机,虚拟机模板是直接拷贝官网的
最后
基础知识是前端一面必问的,如果你在基础知识这一块翻车了,就算你框架玩的再6,webpack、git、node学习的再好也无济于事,因为对方就不会再给你展示的机会,千万不要因为基础错过了自己心怡的公司。前端的基础知识杂且多,并不是理解就ok了,有些是真的要去记。当然了我们是牛x的前端工程师,每天像背英语单词一样去背知识点就没必要了,只要平时工作中多注意总结,面试前端刷下题目就可以了。