在大家变成大佬之前，估计也受过不少折磨，做过不少训练，甚至也写过一些程序（bug）。如今过去了这么长时间，有没有想过回过头来重新看看那些古早的代码，或者让它重新运行起来？...随后在好友的激励下，博主毅然决定，复活这段代码，让游戏重新运行起来。 把纸质代码加载到TRS-80模拟器上 首先需要解决TRS-80的问题。...就是这么一台“古董机”，要真正入手的话除了在eBay上买一台，就要从真正的收藏家那里入手了。 不过好在，现在有一个很好的TRS-80模拟器，叫做trs80gp。...但游戏里还是有一些bug，比如会一直移动，或者无法在移动时射箭。这个盒子体积太小，而且似乎也没有派上什么用场，整体更像是一个未完成的概念。这也让文摘菌想起那个用bug堆出来的的马里奥视频。...和很多人一样，现在要写一个这样的程序，哪怕是在TRS-80上，写出的代码可能都会更有条理，也更紧凑，当然bug也会少很多。
Javascipt异步与同步 我们都知道Javascript语言执行环境是单线程的,所谓单线程在程序执行时,按照前面先执行,后面再去执行的顺序,也就是所谓的先进先出。...在开始之前我还是要明确下何为异步,何为同步。...这里我简单说下原理,我理解是这样的,javascript是单线程也是主线程,当出现异步操作时,它会等待主线程完成。然后进入。...(res.data[0].content); } }) var con = $("#con") con.click(function(){ console.log(); }); 这种情况下我想给返回的数据里的某个...其实关于异步我觉得更多的关注点还是要放在Event Loop上。如果你能够明白Event Loop 那么异步也就不在话下。 这篇文章就到这了。
int（整型） 在32位机器上，整数的位数为32位，取值范围为-2**31～2**31-1，即-2147483648～2147483647 在64位系统上，整数的位数为64位，取值范围为-2**63...作用就是多行字符串必须用多引号 msg = ''' 今天我想写首小诗， 歌颂我的同桌， 你看他那乌黑的短发， 好像一只炸毛鸡。...让我大声告诉你，也能？what ?是的，但只能进行"相加"和"相乘"运算。...你要判断那条岔路是你真正要走的路，如果我们想让程序也能处理这样的判断怎么办？ 很简单，只需要在程序里预设一些条件判断语句，满足哪个条件，就走哪条岔路。这个过程就叫流程控制。...这就是Python的一大特色，强制缩进，目的是为了让程序知道，每段代码依赖哪个条件，如果不通过缩进来区分，程序怎么会知道，当你的条件成立后，去执行哪些代码呢？
时代在变化，技术在发展，基础没变。学习新技术的时候，不应把基础落下。 1.前言 因为机缘巧合，让当了无数次面试者的我，当上了面试官，也和几个面试者交流过。...既然要应对面试者，我就当然要准备面试题了，好让我大概知道面试者是什么水平。这个时候，也该详解下，自己的写的那些题目。因为题目是我自己写的，并不是网上摘的，所以知识点比较基础，也不全面。...3.考点-预解析 根据以下代码，写出结果 这道题我印象很深刻，因为是我在一年多以前，在Q群看到有人说直自己各种精通的时候，我就出这道题来提问，一抓一个准，至今那些各种精通的人，没一个回答出来的。...这道题，在obj上面，我故意只写一层，对象里面没有嵌套数组或对象，就是想看下面试者能不能往深处想一下。结果面试者都踩坑了。但是可以理解，毕竟大家都是针对题目而论。...2.在开发项目上，知道那些优化的方式，提升性能，减少页面加载时间，代码质量，代码可读性等方面 性能优化-压缩代码，懒加载，预加载，合并请求，小图片转换base64编码，资源按需加载等。
这是我自己做的一个简单的轮播图，效果图如下： 我觉得轮播图中最主要的是要理解到图片为什么会滑动，是怎么控制的。上面这个我自己做的，是搭好的一个结构，在无序列表中插入需要的图片。...在JavaScript中让图片动起来的核心函数是setInterval(function（）{}，value);这个函数是一个定时器，第一个参数是你想让某个对象执行的事件或者动作，然后第二个参数value...然后在轮播图中，想让图片动起来并且从视觉上看没什么异样，我们首先需要克隆第一张图片，并且将第一张图片加在最后。...在定义一个size值，令其等于轮播图中图片的数量。然后让装所有图片的容器往左移动图片的宽度*i，这样在定时器的配合之下，图片就会一张一张的一次展示。..."li>li>"); } 这个难点在于怎么让小点的位置随着图片的移动而移动。
getXXX与setXXX方法，这一段代码虽然很短，却包含了诸多js中的关键概念: 1.json对象表示法 当我们把"{name:"菩提树下的杨过",sex:"男"}"做为参数，传入Person构造函数时，实际上就建立了一个字典结构的键值对...令人费解的10件事"中的一段代码，我在注释中加了自己的理解，再回到文中的代码，代码的本意是想让Person类动态添加对所有的属性的getXXX与setXXX方法(通过匿名函数的自动调用)，而匿名函数在执行时.../javascript"> for (var i=1;i<= 3;i++){ var li = document.getElementById("a" + i); li.onclick = function...(){ alert(i); } } 解释onclick生成了一个匿名函数，并引用外层的变量i，形成闭包，造成变量i在该函数中共享(可以理解为三个li的onclick函数中都引用同一个变量...i)，而i在循环结束后，变成4，因此所有li最终点击都是弹出4 解决办法： javascript"> for (var i=1;i<= 3;i++){ var li
//总结：这个样式的思维很重要，以前刚开始做，想的都是，怎么获取到自己点击的是哪一个li，然后给他以对应的div样式。后来发现难点是，怎么找到另外两个没有被点击的li和他们对应的div。...看来以后，想拿起什么东西前，得先学会把该放下的放下。不然，难为的只有自己。 让j【也就是从0-2，因为j小于li的长度，j又是从0开始的，所以j就是在0,1,2这三个数上面循环一遍】 //alert(tapLi[j].index);//由此调试循环得出，j分别是...style，上一行的className就要删掉 } //j循环的外边 this.className = "on";//this代指tapLi[i]，当前所点击的li，给他添加类名...这样，给当前被点击li对应的div空类名，去除掉j循环中添加在他身上的hide枷锁，他就得意重见天日了！ //这里最后把className忘记了，害得我调试了半天。
在这里我们定义一个JavaScript中一个实用的函数以便今后的设置。 动画基础 （1）定时器setTimeout 动画的设置是在一个连续间隔的时间内，变换关键帧，在人眼的视觉暂留下连续起来。...setTimeout能够让某个函数在经过一段预定时间之后才开始执行，带有两个参数。...我决定定义一个moveElement函数，在间隔时刻改变目标的位置直到到达终点： function moveElement(elementId,final_x,final_y,interval) {...我们仍然看图片库这个例子：图片库 我们想当鼠标悬停在某个图片上时，下方的图片会更新，这样一来我们就能有一个预览效果。...现在我想给它设置一些变化，根据区域到目标的距离来变换，距离越远变化越快，越近变化越慢： function moveElement(elementId,final_x,final_y,interval)
—JSLint文档 在结束脚本代码的编写之前，对其执行一次JSLint，能够保证你不会犯一些愚蠢的错误。 将脚本置于页面的底部 这条技巧在本系列前面的文章中也推荐过。..."path/to/anotherFile.js"> 在For语句之外声明变量 当执行一个冗长的”for”语句之时，仅仅让解释引擎做必须干的活吧。...也许你会想“大多数我网页的阅读器都是启用JavaScript的，因此我不担心这个问题。” 然而，这会是一个巨大的错误。你曾花时间去看过关闭JavaScript后你的漂亮的滑动条是什么样么？...如下是一些我最喜欢的JavaScript书籍。 面向对象的JavaScript； JavaScript：语言精粹； 学习jQuery 1.3； 学习JavaScript 多阅读几遍。我仍旧在读！...自执行函数(Self-Executing Functions) 相比调用函数，当页面加载或调用父函数时，让函数自动执行会简单些。
4.使用事件委托 一个简单的需求，比如想给ul下面的li加上点击事件，点击哪个li，就显示那个li的innerHTML。这个貌似很简单！代码如下！ 在不断触发停下来等待100ms才开始执行，中间操作得太快直接无视。于是在网上找到下面这种方案！...这一部分内容我自己总结和别人写的基本一致！我就不展开说了（感觉展开说也基本是复制粘贴别人的文章，这事我不干），所以我推荐大家去看这篇文章（如何优雅的编写 JavaScript 代码）。...关于javascript的技巧和建议，这点大家还是要多看网上的资源，也要自己多总结，毕竟我自己总结的只是我自己发现的，只是冰山一角。但还是希望这篇文章能帮到大家，让大家学习到知识。...觉得我哪里写错了，写得不够好，也欢迎指出！让大家一起互相帮助，互相学习！
平滑滚动 曾经有一段时间，我们不得不依靠JavaScript的window.scrollY来实现来执行此操作，如果想平滑滚动还要依赖定时器增加一个动画。...从某种意义上说，它与Flexbox或CSS Grid的工作原理类似，即您需要一个容器元素，在该容器元素上设置scrolln-snap-type和多个为其设置了scroll-snap-align的子元素，...让这个淡化，让那个扩大，很简单。随着互动的项目越来越复杂，移动设备的大量增加，表现性能变得越来越重要。Flash 被抛弃，有天赋的动画开发者使用 HTML5 去实现过去从未实现的效果。...li> li> menu在正常态下是隐藏的： .menu{ display: none; } 而当导航hover时显示： ```js /*使用相邻选择器和hover...top: -20px; width: 100%; height: 20px; /*background-color: rgba(0,0,0,0.2);*/ } 如果我既写了
比如下面的例子，动态添加一个输入文本框后，我想让所有文本框（不管是不是动态添加的）在获取焦点时，自动转大写。 delegate测试 javascript" src="http:/...type="text/css"> *{padding:0;margin:0;list-style:none;margin:5px} javascript...>li> li>li> li>add input 接下来，我还想加点小功能，在获取焦点时，还要让文本框自动全选
我想用 model-view-controller 架构模式在纯 JavaScript 中写一个简单的程序，于是我这样做了。...功能（ES2017），因此在某些浏览器（如 Safari）上无法用 Babel 编译为向后兼容的 JavaScript 语法。...我想提一下，为一个简单的 todo 程序做 MVC 实际上是一大堆样板。如果这是你想要创建的程序并且创建了整个系统，那真的会让事情变得过于复杂。关键是要尝试在较小的层面上理解它。...由于没有 React 的 JSX 或模板语言的帮助，在普通的 JavaScript 中执行此操作，因此它将是冗长和丑陋的，但这是直接操纵 DOM 的本质。...我们已经在控制器上创建了 onTodoListChanged 方法来处理这个问题，接下来只需让模型知道它。我们将它绑定到模型，就像对视图上的 handler 所做的一样。
1.前言 做项目就难免会开发交互效果或者特效，而我最近开发的项目一直在使用vue，开发技术栈方面，理所当然就使用了vue+css3开发，过程中发现使用vue+css3开发特效，和javascript/jquery...今天就分享三个简单的小实例，希望能起到拓展思维的作用，让大家明白vue+css3应该怎样开发交互效果！如果大家有什么好的建议，或者觉得我哪里写错了，欢迎指出！...我写这类型的文章也是想授人以渔，不是授人以鱼！ 3.这几个实例，摘自我自己的平常练习的项目，代码已经提到github上面了(vue-demos)。欢迎大家star。...今天讲这三个小实例不是说给大家代码，让大家复制粘贴使用，而是希望能起到一个抛砖引玉的作用，拓展思维的作用！就像我之前写文章说得那样，我写文章是希望能起到一个授人以渔的作用，而不是授人以鱼！...最后，如果大家觉得有什么地方我写错了，写错不好，或者有其它什么建议，欢迎指出！让大家相互学习，共同进步！
"fast"、"normal"、"slow"）或表示动画时长的毫秒值； 2）easing：用来指定切换效果，默认是"swing"，效果是先慢，中间快，最后又慢；参数"linear"，匀速； 3）fn：在动画完成时执行的函数...，每个元素执行一次。...对象 第二种方式 在回调函数中定义参数 index（索引） element（元素对象） //alert(index+":"+element.innerHTML...，当点击对应组件时，会执行fn1，再次点击会执行fn2...，若只有2个，则循环执行。注意：JQuery1.9后该功能删除了，要使用的话引入jquery-migrate-1.0.0.js插件。......") // $("#name").focus();//让文本输入框获得焦点 //表单对象.submit();//让表单提交 });
我又不想很不负责任的复制一遍代码，那样页面臃肿，自己心里也堵得慌。于是就想着把代码封装起来多次调用。 对于封装，只在公开课看过一个老师操作，自己也是啥也不懂得。...好歹最后在群里大神的指导下，一步一步的由简致难完善了。就上最后的版本吧，中间的迭代版，，也只是方便以后封装其他的话参考用。...最后的总结就是，一口吃不成个胖子，我前两天一直想的是封装起来，就从最难的代码开始捣鼓，捣鼓半天把自己都绕晕了。程序这回事，你思路比电脑清楚，首先就应该想的比电脑还简单，然后再绕线升级。...我也不知道。大神说看着烦，让我把冒泡删了，我再加一个版本吧。...a href="javascript:;">标签1li> 5 li>javascript:;">标签2li> 6
ES6： 又叫ES2015，是2015年推出的JavaScript新版本。 相应的，后边推出的ES7、8、9、10等都依次是上一版本发出后一年的新迭代版本。不过很多仍是提案，并不被浏览器支持。...ES6及后边版本的语言进行迭代的目的： 让JavaScript越来越好用、越来越强大，逐渐完善到成为企业级的开发语言。...我们为什么要学习ES6：【优点】 语言迭代自然是弥补之前语言的不足，或者让原有语言更加规范、更加简便易用。 所以ES6在原有基础上增加了一些语法糖，引入了一些新特性。...请问点击每一个li，打印的是什么？ 如果想点击li输出对应的索引要怎么改？...这个问题对于学到这里的我们应该很easy了，因为i是全局的，所以打印i的时候会取window上的i，此时for循环完i就是li.length的值。即无论点击哪个li，得到的结果都是同一个数。
2.6.2.修改标签类型 CSS中有个display属性，能修改标签的显示类型 none：隐藏标签 block：让标签变为块级标签 inline：让标签变为行内标签 inline-block：让标签变为行内...list-style 其它属性介绍 visibility、cursor、outline、overflow 2.7.2.CSS3.0新增属性 RGBA透明度 RGB(红色R+绿色G+蓝色B),RGBA则在其基础上增加了...div标签div> div class="test2">我是div标签div> div class="test3">我是div标签div> 在父标签的最右边 代码1: 效果: 代码2： 效果2: 代码3： 效果: 【思考】:经过我们的学习，我们能够让一个标签停留在父标签的左边或者右边，但是如果我想停留在父标签的任意一个位置...3.1.JavaScript基础 3.1.1.为什么要学习JavaScript 3.1.2.JavaScript概述 JavaScript是一门广泛用于浏览器客户端的脚本语言 由Netspace公司设计
//正文开始 关于回流(reflows)与重绘(repaints)，我已经在twitter和delicious上发布，但是并没有在演讲中提到或是以文章形式发布。...第一次让我开始思考关于回流(reflows)与重绘(repaints)的问题是在和ParisWeb上的Mr. Glazman做一个firey交换的时候。...注意：这里我限定了自己只能讨论CSS对回流的影响，如果您是一位JavaScript程序员，我是推荐您读一下我的reflow链接（zxx: 原作者收藏标记的一些关于reflow的一些文章或页面链接），有一些非常好的东西...而且我们或多或少可以看到，现代浏览器在回流(reflow)时间上要做的更好一些。...不必要的节点深度将导致执行回流时花费更多的时间。 2. 精简css，去除没有用处的css 3. 如果你想让复杂的表现发生改变，例如动画效果，那么请在这个流动线之外实现它。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
腾讯会议
云直播
对象存储
