小编Kay*_*ote的帖子

FastDOM - 每17ms读/写一次?

FastDOM - 一个小型库,可以将DOM读取和写入raf(requestAnimationFrames).

https://github.com/wilsonpage/fastdom

我已经阅读了代码,但是,我正在努力了解它是如何工作的.以下是我们的一些假设: - 浏览器通常设置为60fps - 所以总共可以在一秒内最多60raf

也就是说每个FastDOM读/写批处理将在17ms(1000 ms/60 fps)之后运行.这会不是很慢,因为一个函数可能会一个接一个地读/写调用?

显然,上述情况并非如此,但我很困惑,并希望澄清.

谢谢,

javascript optimization dom asynchronous requestanimationframe

4
推荐指数
1
解决办法
1382
查看次数

不安全的JavaScript尝试访问Google Chrome中的框架

我们的网络应用程序(基于HTML5,SVG和JS)在除谷歌浏览器之外的所有浏览器中运行良好.

在谷歌浏览器中,正常的javascript事件运行正常,但是,附加到iFrame的所有javascript事件都不会执行.我们在控制台中收到错误:

Unsafe JavaScript attempt to access frame
Run Code Online (Sandbox Code Playgroud)

目前,该应用程序是本地托管的,并且在内部测试期间出现了这个问题.

谷歌搜索这带来了很多帖子,但没有提出任何具体的解决方案.有什么建议?

javascript security iframe google-chrome

3
推荐指数
1
解决办法
2万
查看次数

尽管声明了属性,但href标记的高度为0

所有,

在我的网站www.coutallure.com上

有一个'忘记密码'div位于页面底部的"密码"字段下方.

现在,即使我已经指定了div的高度和宽度(id:fpass),这个div中的'a href'标签也不会从父div(fpass)继承高度.

我已经指定了'a href'标签的高度和宽度,并且根据firebug,浏览器会考虑高度和宽度,但是,'a href'标签的高度仍为零!

任何人都可以告诉我为什么会这样,即'a href'标签的高度和宽度不是浏览器使用的实际高度和宽度?

css height href width

3
推荐指数
1
解决办法
1638
查看次数

为asm.js编写优化的JS

对于asm.js以及它如何能够运行一些非常繁重的应用程序有一点兴奋.但是,它是从C++代码编译的.如果不了解C++或其他低级语言,是否仍然可以获得当前改进的好处?

以下是我的想法:我们是否可以在Js中编写代码,为asm.js重新编译以进行优化?

javascript c c++ asm.js

3
推荐指数
2
解决办法
1578
查看次数

排序颜色/颜色值

我希望尽可能精确地对齐以下颜色数组.

搜索并尝试在Stackoverflow上建议的许多解决方案后,pusher.color库具有最佳解决方案,但是,它也远非完美.我想听听我们如何完美地对齐它们的解决方案.

JSFIDDLE链接:http://jsfiddle.net/dxux7y3e/

码:

var coloursArray=['#FFE9E9','#B85958','#FFB1AE','#FFC2BF','#C55E58','#FFC7C4','#FF9A94','#FF9D96','#FA9790','#A78B88','#A78B88','#CE675B','#DB8073','#FF9D90','#FF7361','#FFD6D1','#F9A092','#FF7B67','#EBACA2','#FF806D','#DD6D5B','#D16654','#ED8673','#FFC4B8','#E2725B','#ED7A64','#8F3926','#BD492F','#9D3C27','#AD533E','#BF4024','#FFC9BC','#6B6766','#E1CDC8','#C2654C','#B3978F','#FFC7B8','#CE2B00','#C2654C','#A24D34','#FF926D','#E78667','#FFB198','#8C756D','#9E6D5B','#FFC7B0','#FFBEA4','#D2B9AF','#FFB193','#632710','#B26746','#976854','#F44900','#E79873','#EFA27F','#532510','#BC866B','#FDE5D9','#FF5B00','#D18C67','#FF5B00','#9E4312','#763713','#BB6B39','#B5622E','#CC7742','#6D4227','#B56B38','#FF7518','#F3B080','#995C30','#995C30','#FF6A00','#D89769','#71472A','#EDAC7B','#EEAB79','#EBCFB9','#FBE3D1','#E19255','#5E381B','#FFDCC1','#FFF0E4','#F68D39','#7B5B40','#FF8313','#FFCEA4','#AA8667','#975414','#CB9867','#8C5B2B','#FFCE9E','#7B4714','#FFF3E7','#FFA449','#CEAF90','#CDB69E','#EFD6BC','#DDA66B','#B27737','#B88A57','#CE9B61','#F4C38B','#543817','#BC9C78','#DBB07A','#FF8E04','#F6EADB','#DBC2A4','#C49B64','#CBA26B','#80551E','#FF9200','#FFECD3','#FFC87C','#FFB755','#DBB680','#D2D0CD','#EFDBBE','#E5C18B','#FFE5BC','#F2EADB','#885F12','#FFE7B6','#825A08','#906712','#F2D18E','#C8C6C2','#FFB000','#FFC243','#C6BEAD','#D0C3A4','#916800','#8C6700','#F4E9CA','#FFF0C5','#FFE080','#FFEBA8','#846600','#FFE692','#F5F0DB','#433F2F','#BBB394','#FFEFAA','#FFE76D','#FFFAE0','#3E3B28','#554900','#E1E0D8','#74725C','#605F54','#F8F7DD','#A5A467','#DDDDDA','#FFFFEE','#A3A39D','#E0E0D7','#BEBEB9','#E8E8E5','#454531','#ACACAA','#E9E9DF','#FFFFDC','#EBEBE7','#979831','#C5C6BE','#B9C866','#898D72','#F3FAD1','#616452','#CED5B0','#A1A787','#595C4E','#B0BB8C','#EEFFB6','#ACB78E','#8FA359','#858F6C','#86916E','#374912','#AEB0AA','#79904C','#627739','#747F60','#9FA98E','#E7F9CB','#E1F9BE','#495637','#8A9978','#4E5F39','#86996E','#C3CEB7','#78866B','#CEDDC1','#B5CEA2','#536149','#D6E6CC','#D6E6CC','#809873','#4F564C','#4F6C45','#555F52','#4F7942','#5F705B','#D0DFCD','#2B3929','#F0F7EF','#AAD5A4','#99BC95','#B6D4B4','#869E86','#618661','#006700','#E9EEE9','#739E73','#005B06','#EDF7EE','#D0E0D2','#809784','#ABCEB1','#C0E0C8','#3A5241','#435549','#E6ECE8','#E3EAE6','#3B604C','#00602F','#92B7A5','#2F5B49','#318061','#30745B','#316955','#00A275','#C2D1CE','#80A7A0','#00A082','#C2D1CF','#5C6E6C','#607473','#EDF7F7','#1E8285','#D5E7E8','#AADEE1','#188086','#107F87','#566364','#007B86','#66949A','#CAE2E5','#18656F','#004F61','#0C5B6C','#668E98','#BBD0DA','#91B4C5','#AFC3CD','#738A99','#3A5467','#476174','#244967','#556C80','#667A8C','#516D87','#1E4263','#7C8791','#849CB6','#738CAA','#1E3A5F','#1E3655','#9EB0CE','#B6BAC2','#67738D','#BEC1CD','#555559','#616180','#000049','#000031','#F8F8FC','#938BA4','#47375D','#F7F6F8','#3D0067','#514C53','#9566A2','#7F5482','#A279A4','#6D1261','#A06492','#925582','#945B80','#CE94BA','#ECCFE1','#A20058','#A6005B','#BC0061','#BB0061','#F3CEE1','#B3005B','#AB165F','#8A184D','#AA185B','#F3DAE4','#DB3779','#E71261','#E74F86','#FFD6E5','#BE9BA7','#D0396A','#DB1855','#F798B6','#9C294A','#D62B5B','#DE3969','#BC1641','#E7547A','#D52756','#9C7D85','#DB244F','#A1354F','#C22443','#FFBDCA','#8B6D73','#DC3D5B','#FF738C','#F13154','#BC4055','#FED4DB','#FFCFD6','#CB4E61','#ED455A','#F36C7B','#C94F5B','#F3959D','#A8444C','#FFCCD0','#735B5D','#D15D67','#B44B52','#FD868D','#FFD5D8','#C3767B','#FF8087','#C8242B','#FFEAEB','#F95A61','#E96D73','#E6656B','#FF6D73','#FF555B','#A35A5B','#FFD3D4','#B84B4D'];
        var body=document.getElementsByTagName('body')[0];

        function hexToRgb(hex) {
            hex = hex.substring(1, hex.length);
            var r = parseInt((hex).substring(0, 2), 16);
            var g = parseInt((hex).substring(2, 4), 16);
            var b = parseInt((hex).substring(4, 6), 16);

            return r + "," + g + "," + b;
        }

        function rgbToHex(r, g, b) {
            return "#" + ((1 << 24) + (r << 16) + (g << 8) + b).toString(16).slice(1);
        }

        var rgbArr=new Array();
        var div=document.createElement('div');
        div.id='Original';

        body.appendChild(div);
        for(var color in …
Run Code Online (Sandbox Code Playgroud)

javascript arrays sorting colors alignment

3
推荐指数
2
解决办法
7599
查看次数

理解JavaScript中的类关键字

我最近开始学习ES6,最后认真地学习课程。我读到类只是Javascript中Objects的封面,但是,我发现语法最不舒服。

有人可以解释/指向他们在其中解释,类如何模拟的参考,更重要的是我们如何在我们的脑海中将它们映射到Javascript对象操作方式。

class NoteStore {
  constructor() {
    this.bindActions(NoteActions);

    this.notes = [];
  }
}
Run Code Online (Sandbox Code Playgroud)

按照上面的示例代码,我认为类仅仅是构造函数,但是构造函数在构造函数中做什么呢?

作为开始学习Js编程的人,我发现添加类(也是React的类)对Js来说是一个可怕的添加,因此任何帮助都会很棒。

谢谢

javascript constructor class object ecmascript-6

3
推荐指数
1
解决办法
642
查看次数

使用没有状态的React

我正在构建应用程序的UI,我正在探索更新UI而不必使用States.以下断言是否粗略正确?

'我们不需要状态,因为当状态内的某些东西发生变化时,它所做的就是在组件上自动调用render方法.我们可以通过在相关组件上调用render方法来实现相同的实现.

我们仍然会实现做出反应的所有相同的好处(虚拟DOM,渲染,画的优化等) "

javascript optimization dom state reactjs

3
推荐指数
1
解决办法
1511
查看次数

发布表单请求对象是“对象对象”

刚刚进入 Node & 我在这里阅读了一些关于此的问题,但是,请求正文仍然是 { 'object Object' : ''}

服务器代码是:

const express = require('express');
const bodyParser = require('body-parser');
const app = express();
app.set('port', 1111);
app.use(bodyParser.json());
app.use(bodyParser.urlencoded({ extended: true }));
app.use('/', (req, res, next) => {
  res.header('Access-Control-Allow-Origin', '*');
  res.header('Access-Control-Allow-Headers', 'Origin, X-Requested-With, Content-Type, Accept');
  next();
});

app.get('/', (req, res) => {
  res.send('this is a normal response');
});

app.post('/d*', (req, res) => {
  const reqBody = req.body;
  console.log(req.body);  // console => {`object Object` : ''} 
  res.send(reqBody);
});
app.listen(app.get('port'), () => console.log('Server instance running …
Run Code Online (Sandbox Code Playgroud)

javascript ajax request node.js express

3
推荐指数
1
解决办法
4287
查看次数

使用请求方法登录Cypress

我注册并登录用户,但是,当在测试中导航到身份验证后面的页面时,Cypress 失败并将我带回登录页面。从表面上看,before函数执行成功(API日志验证)。这是我的代码:

describe("Dashboard page", () => {
  before(() => {
    cy.fixture("authUserRegistrationDetail.json").then(userDetail => {
      cy.fixture("authUserLoginDetail.json").then(userLoginDetail => {
        cy.visit("http://localhost:3000/login");
        cy.get(".cookieConsent button").click();
        // create a random email for registration
        userDetail.email = `${Math.random()
          .toString(36)
          .slice(-5)}@aaa.aaa`;
        // share the email between userLogin & userRegistration obj
        userLoginDetail.email = userDetail.email;
        // register the user
        cy.request("POST", "http://localhost:9000/users/", userDetail)
          .its("body")
        // login the same user
        cy.request("POST", "http://localhost:9000/api-token-auth/", userLoginDetail).then($res => {
          cy.request({
            url: "http://localhost:9000/loggedinuser/",
            headers: {
              Authorization: `Token ${$res.body.token}`
            }
          });
        });
      });
    });
  });

  // run the …
Run Code Online (Sandbox Code Playgroud)

javascript testing e2e-testing cypress

3
推荐指数
1
解决办法
1万
查看次数

在 Godaddy 上配置域到 Amazon S3 存储桶

我在 S3 上托管了静态网站,该网站使用 Amazon s3 链接正确显示。

根据亚马逊文档,我创建了两个存储桶,example.io 和 www.example.io。example.io 包含网站的内容(文件);www.example.io 存储桶正在重定向到 phlo.io 存储桶。

我正在尝试配置 Godaddy Apex 域 DNS 设置以重定向到 S3 存储桶。例如,域是http://example.io & 我以以下形式在 Godaddy 域 DNS 中输入设置:

Type: CNAME
Name: www
value: example.io.s3-website.eu-west-2.amazonaws.com
TTL: 1 hour
Run Code Online (Sandbox Code Playgroud)

但是,该网站未显示在链接http://example.io 上。如何配置顶级域名以显示静态网站?

dns amazon-s3 amazon-web-services static-site

2
推荐指数
1
解决办法
2891
查看次数