草庐IT

猿创征文|那些年我们追过的那些技术

全部标签

javascript - 我们应该在 JavaScript 编码中使用长名还是短名?

我的工作组中有一个关于JavaScript编码的讨论。有些人认为我们应该使用长名称以提高可读性;其他人认为短名称应该优先用于在线的相同位。一般来说,它是关于编码约定的。一方面认为诸如“fAutoAdjustWidth”之类的标识符是可以的,而其他人则更喜欢“fAtAjtW”。那么,什么是更好的方法呢?我们是否应该为了性能而牺牲可读性? 最佳答案 使其具有可读性,如果您觉得生成的JS文件太大,请在部署生产版本之前使用众多JS压缩程序之一,同时维护具有长名称的开发版本。顺便说一句。如果您真的担心带宽,请使用mod_deflate.

javascript - 用于搜索引擎可抓取应用程序的 EmberJS 技术栈

我阅读了很多有关客户端JavaScript应用程序和搜索引擎机器人爬行方法的资料。我发现了两种通用方法:工作流程1:先决条件:整个Web应用程序可以优雅地降级,并且无需JavaScript即可使用。因此对于搜索引擎机器人来说是可见的。用户来自对特定主题的谷歌搜索主题以纯html格式尽快加载JSAppFramework在后台加载一旦准备就绪,JSAppFramework就会接管所有操作和路由等。工作流程2:先决条件:服务器后端是根据Google的ajax爬虫指南(https://developers.google.com/webmasters/ajax-crawling)设计的,并返回到

javascript - 我们如何保护第三方小部件?

我正在构建第3方小部件我们在客户端页面上放置一个脚本并加载一些内容。我面临的问题是如何保护我的小部件。作为第三方小部件,我知道没有100%的方法来保护它。而是试图找出一种“足够好”的方法。我想让非客户难以将我们的脚本从他们的竞争对手网站上撕下来并在他们的网站上使用。我看到的解决方案是pullvalidaterequestingdomain(我知道这可能被欺骗,不确定我是否可以防止这种情况?)我看过其他小部件,如olark和olapic,它们在脚本中使用每个客户端的唯一ID,但看不出这有多大帮助。保护第三方小部件的最佳做法是什么? 最佳答案

javascript - 三.JS | PerObject-Blur,我可以使用哪些技术来优化 GLSL/C 代码?

更新2我已经使用THREE.js实现了自定义属性,影响来自顶点着色器中与位置属性对齐的每次传递,这是代码最少的最佳解决方案。Iwilladdtheexamplelater更新1此方法将alpha设置为受边界框内速度范围影响的顶点。我需要提示来处理GLSL代码重复pervertex,这对我来说有点奇怪?我应该使用函数吗?怎么办?https://jsfiddle.net/LeroyRon/uep9t1v1/#&togetherjs=MjBnNMFQFl反正我有这个://for.xif(position.x>0.0){if(velocityPosition.x+(velocities.x*s

javascript - 在 Webpack 4 中,我们可以使用 import() token 动态生成页面 block ,以便我们可以将 react 组件转换为可 react 加载的组件吗?

我们使用React和react-loadable.在我们的应用程序初始化期间,我们正在验证component.preload每个都存在方法我们定义。如果缺少该方法,我们会显示一条警告,表明该组件应该是可加载的。我们使用webpack4,有没有办法自动包装组件,所以我们不必手动做?这是一个组件的样子:/**MyComponent.js:pagecomponent*/exportdefault()=>Helloworld;这是包装在react-loadable组件中的同一个组件:/***preconfiguredreact-loadable*Seehttps://github.com/ja

javascript - 我们如何在纯 Javascript 中实现取消?

我有一个页面,我在表格中显示数据。在每个表中,我都有一个带有复选框的列,如果被选中,用户可以通过Javascript修改特定的行。这是因为它的td封装了input或select并且我让用户可以编辑它们。用户修改了行并按下保存,更改被保存。到目前为止没问题。我的问题是如何实现cancel?用户可以选择多行,即复选框并修改它们,但用户也可以按取消。取消时应显示原始值(并且行再次变为不可编辑)。但是在Javascript中如何实现取消操作呢?我们是否将数据存储在某些全局数据结构中?这在Javascript中是什么? 最佳答案 好的,添加您

javascript - Shadow-Piercing 后代组合子 '/deep/' ,包括 '::shadow' 伪元素,正在被弃用,那么我们如何穿透 Shadow DOM?

假设我们有一些CSS代码,例如动画CSS加载器,我们希望在所有使用ShadowDOM的Web组件中使用它。如果我们无法像::shadow那样穿透ShadowDOM,我们如何重新使用此CSS代码?和/deep/?我们甚至无法添加在影子DOM中,所以目前我不得不通过多个复制代码标签。我真的很想知道针对此类用例建议的最佳做法是什么。谢谢。 最佳答案 而不是使用,我建议你在shadowroot中使用css@imports来在需要的地方加载外部样式表。我写了一个答案here关于这个话题。下面引用它以供引用。Youcancreateastyle

javascript - 我们还需要 <!--//--> 在 JavaScript block 中吗

这个问题在这里已经有了答案:关闭10年前。PossibleDuplicate:UsingHTMLcommenttagstillrelevantaroundJavaScriptcode?有点记得用于防止JavaScript代码在低版本IE中显示。任何人都可以提供解释这一点的文章的链接吗?很难在Google中搜索“”,因为它被剥离了。我们在JavaScriptblock中还需要这个吗?谢谢!

javascript - 我们如何以编程方式在 javascript 中进入和退出全屏模式?

Here'sdocumentationonexitingfullscreenmode.我使用了这段代码,我学会了让浏览器进入全屏模式(它有效),但我尝试修改它的一个版本以退出全屏模式失败了。处理这些非标准API有点棘手,每个浏览器的实现方式都有所不同。代码如下://Bringthepageintofull-screenmode-Works!functionrequestFullScreen(element){//Supportsmostbrowsersandtheirversions.varrequestMethod=element.requestFullScreen||element

javascript - Jquery - 为 mouseout 扩展 'perimeter' 的技术?

我想实现这样的行为,即当鼠标指针悬停在某个div上时会触发mouseover/hover事件,但是当鼠标指针离开div时不会触发mouseout事件,而是当它离开10px区域时触发在div之外。有没有什么方法可以不涉及创建一个更大的父div来绑定(bind)mouseout事件? 最佳答案 我的评论让我有兴趣看看是否可行,而且实际上很容易。不知道它在不同的浏览器和大量div中的运行效果如何,但它在这个例子中有效:http://jsbin.com/exulef/2/editvarhello=$('#hello');varpositio