【教学】一、HTML 基础教学

接教学帖子 : 教学python数据收集和分析——学员招募
视频在此。

有什么不懂的欢迎提问。
此主题禁止吹水~

5 Likes

請教好用一點的 IDE 是哪一種???

好一点的编辑器
vs code


安装插件可以当作 IDE 用

至于 IDE
python —> pycharm
HTML —> 谈不上 IDE
JAVA —> idea
css —> 谈不上 IDE
JS —> 在词典制作中,谈不上 IDE

视频咋点不开呢?对浏览器有要求?还是要装什么?

需要代理。。

HTML/JS/CSS IDE —> WebStorm

Thanks a lot

或许我漏了,在词典制作中 这几个字。。。用 WebStorm 有点杀鸡用牛刀了

hua:
聲音比 O大, 嫩一些…還不錯啦…
哈…哈…哈…哈…哈…

請教一下,一個問題搞了一夜,搞不出來,html在image的標簽,若想把此image劃上格線左5格右5格等分的大小該如何處理,實在是找不到解決辦法,特請 hua 兄給予指引,謝謝你

除了html/css,js在词典里也时有运用。

请教一下,长网页想加上一个置顶的导航栏,在HTML网页中已有以下代码:
<nav class="inside" id="top_nav"> <p><a href="#PageDiv">[Back to Top]</a> Walter Street </p> </nav>
原来的相应的js功能繁复,现在只想保留置顶导航栏功能。js的相关代码片段为
function(){if(!window.has_setup){window.has_setup=!0;var e=$$("#top_nav").first(),t=$$("#top_nav").first().cumulativeOffset().top;Event.observe(window,"scroll",
如何修改上述代码以实现从置顶导航栏跳转回到#PageDiv?

没看懂你这两段代码。

锚跳是不需要 JS 的。

要么你发完整能工作的 html 和 js 看看。

[置顶导航栏跳转2.rar|attachment]

js文件删除后置顶导航栏就消失了。看来还和css有关。
现在我希望只保留js中与置顶导航栏跳转相关的代码。
抱着一本教科书学习js让人犯困,化整为零从单个功能出发我觉得更能保持自己的学习兴趣。

var nav;

window.onload = function () {
  nav = document.getElementById("top_nav");
};

window.addEventListener("scroll", function () {
  var scrollTop = document.body.scrollTop + document.documentElement.scrollTop;
  if(scrollTop > 500){
    nav.classList.add("sticky")
  }
  else {
    nav.classList.remove("sticky")
  }
});

原来的 JS 全部删除,用上面的代替。

不懂的话我可以 用 zoom 给你讲,我在线一会,要听的话回复我给你 zoom 链接。

1 Like

感谢 @hua 兄。好用。猜测大致是,sticky和scroll应该是系统定义对象,而top_nav是自定义对象。js中的条件语句是下拉多少才add上sticky这个对象。而css里头对sticky的样式作了设置。

现在对js 缺乏基本的概念,以后有大块时间了再系统学一下。目前用js 实现中英文切换和这个暂时能满足需求,还是读书优先。

推荐两本书
Chris Bernhardt- Quantum Computing for Everyone_2019
http://libgen.lc/ads.php?md5=630CA8E428E3BE3860C9E580CE2BC0A5
Chris Bernhardt- Turing’s Vision_ The Birth of Computer Science_2016
http://libgen.lc/ads.php?md5=F2218B818FEB053228C463A44A229291

差不多是这意思

菜鸟教程就够用了。

1 Like