qianguyihao / web Goto Github PK

View Code? Open in Web Editor NEW

25.1K 647.0 6.0K 7.32 MB

千古前端图文教程，超详细的前端入门到进阶知识库。从零开始学前端，做一名精致优雅的前端工程师。

Home Page: https://web.qianguyihao.com

License: Other

front-end html css javascript

web's Introduction

前言

千古前端图文教程，超详细的 Web 前端入门到进阶知识库。从零开始学前端，做一名精致优雅的前端工程师。持续更新中...

通俗易懂，不懂技术也能学。此前端教程不玩猫腻，不会设置任何套路，因为我相信启蒙的重要性。

项目介绍

项目地址

官网地址：https://web.qianguyihao.com

如果官网打开异常，请先尝试强制刷新页面，或者清除浏览器缓存，或者提交 GitHub issues 反馈问题。

GitHub地址：https://github.com/qianguyihao/Web

如果你发现本项目有内容上的错误，欢迎在 GitHub 提交 issues 或者 pull requests 进行指正，方便归档。

项目作用

网上的大部分入门教程，都不太适合初学者，本项目争取照顾到每一位前端入门者的同理心。即使你完全不懂前端，甚至不懂编程，通过这个教程，也能让小白入门。
帮助前端同学提供一个精品学习资源和路线，提高学习效率，少走很多弯路。
可以当做前端字典，随时翻阅，查漏补缺。

赞赏作者

创作不易，你的赞赏和认可，是我更新的最大动力：

学习交流

扫码加我，请先主动做自我介绍，然后拉你进微信交流群：

添加暗号：前端学习
进群要求：少闲聊、多分享（不适合长期潜水）。

LICENSE

本作品采用知识共享署名-非商业性使用-相同方式共享 4.0 国际许可协议进行许可。

web's People

Contributors

Stargazers

Watchers

Forkers

hongye612430 yaoyu raojiawei micenote cardbright12 crazyers xiaopohou zhuzhongkelk chanyuying zhangwenyong 195440 wangyongjie2017 terryken3 yinjianhua472392556 loveliuli dp-zhang charlieen hfshen luswei jundy-kk jxchenheng yangyulin007 tongshoutongjiao huaiguoguo kds2001 markexin mytac remotemountain dwanghua link-secret luole1060 gpsbird turpure changshengzcs xuanzhaotech wanglong codedreamfy alexzeng98 gmeet molinli whoisxiang jian-sun simonmq penggao-iris imwyw nzsdyun webzcyyy wosingren jin565 nibnait aboutjavascriptorg leslieuc wuliugeng chandtler why8n gaussen wqmmm jonb235 tenderness1 tanghanming bianxiangg sujianjob skyy-chen tdxtxt lifeself zhangsevern yang369814407 opslone apple006 lovekyrie tisakong sherlockhome goldmokey zzhaowen thecareless dahai2051 shaunstanislauslau gogoong leon-wly szittom fcccode spencer17x woltwang westeast zmyliufeng yangbinji super-lulu rtfsc0409 chriskcl huangawdr linecode whmz kapokjyz cody33231 myjeffxie coiter low-key-sapling dreamsql zdq1111 sosojustdo

web's Issues

图片无法显示的原因

GitHub是国外网站，网络访问很慢。我上传的图片url，经常在github上无法显示，或者显示不全。但是在其他任何国内网站，都会正常显示。

解决办法1

如果你发现文中的图片加载不出来，或者图片有残缺，请尝试以下做法：

机智的上网姿势：首先，你需要有能力科学上网，这个是刚需。确保顺利访问GitHub网站。
添加PAC规则：需要将githubusercontent.com加入到科学上网的PAC规则中。原因是文字内容是来自 github.com，但图片是来自 githubusercontent.com。
缓存问题：如果发现图片还是打不开，可以先清空浏览器的缓存图片。具体操作是：浏览器设置 -> 更多工具 -> 清除浏览数据，在弹窗中，时间范围选择“时间不限”，清除“缓存的图片和文件”。清除缓存后，再刷新页面试试。

解决办法2

下载项目到本地：当然，你也可以直接下载项目到本地，通过 markdown 软件（比如 Typora）打开项目的md格式的文件，则不会出现“图片无法显示”的问题。

关于博客的一点建议

建议还是用github page来呈现，或者第三方平台，这个有的时候图片啥的都是问题，体验不是太好。因为毕竟3.3k的人star了嘛，提升一下阅读体验对于这三千多人也是福利，最后谢谢您的贡献。

内容问题

03-JavaScript基础/07-对象的创建、构造函数和原型
类和对象
为什么会有Java代码啊？
self.xxxx

例子源码代码

能挂一份到github上吗，或者给个下载地址。比如：前端基础练习-JD顶部导航
csdn积分也太贵了

Web/02-CSS/04-CSS选择器：伪类，第一个动图不动且显示不全。
Web/02-CSS/05-CSS样式表的继承性和层叠性，第一张图片显示不全。
Web/02-CSS/06-CSS盒模型详解，倒数第三张图片显示不全。
Web/02-CSS/06-CSS盒模型详解，IE盒子模型图中的comment，padding误写为pading。
Web/02-CSS/07-浮动，方法3：隔墙法的第一张图片，内墙法的第二张图片与最后一张图显示不全。

Web/03-JavaScript基础/10-DOM操作，插入节点的最后一行{20180129_2125.png}，疑似图片未加载。

关于CSS中选择器的问题

您好，在“02-CSS/03-CSS样式表和选择器”这部分中提到了交集选择器，您说用.隔开，这里有误。应该是两个选择器之间没有空格分隔，如果后一个选择器是类选择器，则写为div.special，如果是id选择器，则写为div#special.
谢谢您创造并维护这个项目~

图片链接失效了？

chrome浏览器.md里的两张图片没添加link

md里图片都不显示？

原型对象

在查找属性或方法的过程中,如果一直找到Object原型对象,还未找到,应该是返回undefined,而不是null,Object的原型对象是指向null

图片显示不全

HTML和CSS3HTML详解里面
https://camo.githubusercontent.com/a40d5ad5501e477972da8ca239e6b55165639f88/687474703a2f2f696d672e736d79687661652e636f6d2f32303138303230375f313530302e706e67

整个项目下面的这些图片资源无法加载和下载，能不能直接将图片保存在项目里面。

图片里的内容不对

Web/14-前端面试/02-CSS盒模型及BFC.md

蓝色盒子应该是 margin-top

内容问题

博主可以继续完善更新这个项目吗？
如果付费,我也愿意,写的挺好的。

图片基本都看不了

上传的图片基本都看不了

少时诵诗书所所所所所所所所所所

020315,2019/08/03,周末加班,10:00,18:00,7,0
020315,2019/08/06,平日加班,20:00,22:00,2,0
020315,2019/08/08,平日加班,20:00,21:30,1.5,0
020315,2019/08/10,周末加班,11:00,18:00,6,0
020315,2019/08/12,平日加班,20:00,22:30,2.5,0
020315,2019/08/13,平日加班,20:00,23:00,3,0
020315,2019/08/14,平日加班,20:00,21:00,1,0
020315,2019/08/15,平日加班,20:00,23:00,3,0
020315,2019/08/16,平日加班,20:00,22:00,2,0
020315,2019/08/17,周末加班,11:00,18:00,6,0
020315,2019/08/19,平日加班,20:00,21:30,3,0
020315,2019/08/22,平日加班,20:00,24:00,4,0
020315,2019/08/23,平日加班,20:00,24:30,4.5,0
020315,2019/08/24,周末加班,13:00,21:30,6,0
020315,2019/08/25,周末加班,11:00,20:00,7,0
020315,2019/08/29,平日加班,20:00,22:00,2,0
020315,2019/08/31,周末加班,10:00,18:00,6,0

03js基础里边的33事件委托没有内容

03j-s基础里边的33-事件委托没有内容

span描述不正确

我觉得这边形容span和div都是块级元素不严谨，span不是行内元素吗

03-JavaScript基础/05-函数.md

回调函数那部分的代码少了function，不加function报错无法运行

关于JS进阶中this一篇想请教一个问题

我想请教一下这里的console.log(i)为什么打印结果总是5呢
您原文给出的解释是：“代码执行完毕后，i已经等于5了。因为一旦运行程序，for循环已经执行完了，此时i等于5。”事件源不该是我点击那个div吗为什么呢个人理解还是不够，或者是前面的基础还不够牢固，想请大哥指点

图片显示不全

在csss浮动里面
s://camo.githubusercontent.com/3e70ac0d7b98e8c709a56d9ef3a43469c3385ef2/687474703a2f2f696d672e736d79687661652e636f6d2f32303137303830355f313631352e706e67

瑕疵

CSS初始化（基本样式）
京东网站有一些基本样式，在各个页面中都要用到：（将这些基本样式copy到css.base里面去）

应该改成：将这些基本样式copy到JD工程中的CSS文件夹下的base文件。
或者直接说copy到base.css里面去。

额，楼主这些都感觉是很基础的东西啊

垃圾回收机制的部分以后会提供代码么

如题，谢谢，如果这个问题太noob了，就关闭了吧哈哈

图片显示残缺

在JS基础事件对象EVent和冒泡中
https://camo.githubusercontent.com/d187212ec200a480f0ea394debcb5228a260f09b/687474703a2f2f696d672e736d79687661652e636f6d2f32303138303230345f313130302e676966

感谢分享

关于 null == 0 的问题

在 03-JavaScript基础/04-运算符中， == 符号的强调第2点里，console.log(null == 0); 自行测试打印结果为：false

错误指正

03-javascript基础中的32节-事件委托中的最后一串代码：
// 获取父节点，并为它注册click事件。 false 表示事件在冒泡阶段触发（默认） document.getElementById("parent-list").addEventListener("click", function (e) { // event.target 代表的是子元素。toUpperCase 指的是转换为大写字母 if (e.target && e.target.nodeName.toUpperCase == "LI") { // 真正的处理过程在这里 console.log("List item ", e.target.id, " was clicked!"); } }, false);
中的toUpperCase后应加括号，否则js事件绑定失败

不是说web 全栈吗？

不是说web 全栈吗？为啥只有前端，后端的呢？

我想问下 00 -22 全都是必看的吗？

像 05-jQuery 也是要用到的吗？能否跳过呢

关于this例子的问题

Web/03-JavaScript进阶/this.md，{ 如果想打印每个div的id，应该这样写：console.log(this.id); }。我依照这一句话，把例子中的console.log(id)改为console.log(this.id)，但是输出还是undefined。不知是不是我理解错了。

链接：https://jsfiddle.net/fuckbr7y/

继承中借助构造函数的缺点

不应该是添加prototype中的方法后无法被继承
虽然js的继承本来就不伦不类，但起码的设计准则还是有的
这个缺点我认为是其无法做到面向对象中对类的方法的定义，而只能将方法作为属性被继承下去，这样的话parent中存在一个方法，child中存在了一个一摸一样的方法，但却需要占用两个内存空间

react生命周期的错误

react进入这个生命周期后，页面上其实是看不到任何元素的。componentDidMount和componentDidUpdate执行的时候，其实页面上的内容都没有更新,这两个生命周期函数执行是同步的。React HOOK 中 useEffect 解决了这个问题，useEffect是在元素挂载之后再执行useEffect的内容的，是异步的。

为什么JQ的5-10没有笔记呢

如何在Mac中给VSCode添加右键扩展菜单

之前在window操作系统时，可以很简单在文件夹上右键然后用VSCode打开

由于需要在离线下学习，能否打包一个所有图片的下载地址？

执行上下文栈可以理解为作用域链

脚本执行创建全局执行上下文GO,此时的GO,对应一个作用域链，scope chain。可以把这个scope chain理解为虚拟的栈吧，或者说这个虚拟栈存在不？

图片加载需要联网，但我大部分时间所处环境是不允许联网的

您好，将您的笔记文件下载下来之后打开发现图片加载不出来，看了下图url是需要联网才能加载出来的，但我的大部分时间所处环境是不允许联网的，所以可不可以麻烦下大佬将您的源笔记文件给我发一下~~或者告诉下我其他的解决方法~~

vue基础的路由为空

详解css3 一按照理论来说那个园半径应该设置是50px把

盒子的宽高是100px 画圆半径是50,虽说写了100也没有影响结果，它是超过了它的半径大小，默认还是50画圆吗？

图片显示问题

css01里的这个图片
https://camo.githubusercontent.com/eedba3fdcf4a77513183078909dfdbdca8362c81/687474703a2f2f696d672e736d79687661652e636f6d2f323031352d31302d30332d6373732d31382e706e67

发现疑似无关的语句

01-html/02 中这句话是什么意思 {int leixing de bianliang guocheng shi yizhon}

作用域那节的疑问

Q：每调用一次函数就会创建一个新的函数作用域？

函数作用域不是在创建函数时就确定了吗？在函数执行阶段创建的时函数上下文环境。

js基础里面事件委托内容为空

正在学react，尝试在script标签里写src,发现type是babel的时候引入失败

就是简单引入三个react库，然后在一个div根节点上，用ReactDOM.render( )输出一个Hello World。

对象里面的函数作用域的问题

x = 5; var obj = {x:100,get:function( ){
console.log(this)
console.log(x)
}}
产生闭包的原因是函数执行用到的作用域链是函数定义的时候产生的，也就是说我们查看函数执行期上下文要跑到函数定义的时候的执行期上下本。这个说法对吗。
现在调用obj.get( )执行可以看到this是obj，x值是5。this值是obj是因为函数get是obj的属性名。x值是5是因为函数是个匿名函数表达式，没有宿主等同于定义在全局，所以拿不到Obj内部的x对吗

请教：为什么js是单线程，却可以异步请求？

我是一个正在学习前端的android开发人员，如题所说，为什么js是单线程，却可以异步请求？单线程和异步明明就是两个相违背的概念~

笔误

Web/03-JavaScript进阶/06-作用域和闭包--->内存泄漏内存溢出--->情况3举例

var arr = new Array[100000];

请更改笔误，谢谢！