【教学】一、HTML 基础教学

技术交流与词典编修
1

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

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

5 个赞
2

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

3

好一点的编辑器：
vs code

安装插件可以当作 IDE 用

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

4

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

5

需要代理。。

7

Thanks a lot

8

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

9

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

10

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

11

除了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？

12

没看懂你这两段代码。

锚跳是不需要 JS 的。

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

13

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

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

14 
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 个赞
15

感谢 @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

16

差不多是这意思

菜鸟教程就够用了。

1 个赞