标签: frontend

Rails是一个非常棒的后端框架,可以保持一切清洁和结构化.

我想你们都想过为前端做同样的事情.

• SproutCore的
• 热奶咖啡

你是否使用其中一个MVC javascript框架作为Rails的前端？

如果你这样做,你对它感到满意吗？

你之前是如何编码的？它是如何改变的？

不是Sproutcore更适合Rails,因为它使用了Rails也可以使用的js + css + html.在卡布奇诺,你不使用其中任何一种.

分享你的想法和经验因为我对这个领域都是绿色的,不知道我应该使用哪个Rails.

我只知道我最好在前端有一个MVC框架来获得DRY结构和最佳实践.

有没有办法避免必须做到?[[?获得那些漂亮的括号Part？

在运行函数或定义后,有没有办法自动完成？

因此，我决定创建一个带有应用程序目录的新 Nextjs 13.4.5 项目。

我在应用程序目录中创建了一个新的仪表板目录，然后在仪表板目录中创建了页面和布局组件。它工作正常，有两个布局组件：一个是应用程序目录中的根布局，另一个是我在仪表板目录中创建的layout.tsx

最终我决定删除仪表板目录中的layout.tsx，因为我只想使用根布局，但出现错误：

./
Module not found: Can't resolve '/myproject/src/app/dashboard/layout.tsx'

https://nextjs.org/docs/messages/module-not-found

我在我的项目中搜索了引用已删除的仪表板/layout.tsx的任何导入语句或动态导入，但没有引用

这是我的 tsconfig 文件：

{
 "compilerOptions": {
  "target": "es5",
  "lib": ["dom", "dom.iterable", "esnext"],
  "allowJs": false,
  "skipLibCheck": true,
  "strict": true,
  "forceConsistentCasingInFileNames": true,
  "noEmit": true,
  "esModuleInterop": true,
  "module": "esnext",
  "moduleResolution": "node",
  "resolveJsonModule": true,
  "isolatedModules": true,
  "jsx": "preserve",
  "incremental": true,
  "plugins": [
  {
    "name": "next"
  }
],
"paths": {
  "@/*": ["./src/*"]
}
},
"include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"],
"exclude": ["node_modules"]
}

整个问题是，当您为新页面创建新目录时，如果不在该目录中创建layout.tsx，则一切正常。

但是如果您在该路由目录中创建一个布局组件然后将其删除，Nextjs 将无法在没有其布局组件的情况下渲染该路由，这有点奇怪。

有什么办法可以解决这个问题吗？因为我不想为我的路线创建一个无用的布局组件

我试图有两个面板,左边显示一个图形和两个定位器,右边一个是定位器定义的区域中的放大版本.

我试过了

ClearAll[mndpt];
mndpt = Compile[{{c, _Complex}, {maxiter, _Integer}},
   Module[{z, iters},
        iters = 0.;
        z = c;
            While[(iters < maxiter) && (Abs@z < 2),
                iters++;
                z = z^2 + c];
        Sqrt[iters/maxiter]],
   {{z, _Complex}},
   CompilationTarget \[Rule] "C",
   RuntimeOptions \[Rule] "Speed"];

并做

Manipulate[
 Grid[
  {{DensityPlot[mndpt[x + y*I, 200],
        {x, -2, 1}, {y, -1.5, 1.5},
        PlotRange \[Rule] {0, 1}, PlotPoints \[Rule] 80, 
     ColorFunction \[Rule] "Rainbow"],
    DensityPlot[mndpt[x + y*I, 200],
        Dynamic@{x, p1[[1]], p2[[1]]}, Dynamic@{y, p1[[2]], p2[[2]]},
        PlotRange \[Rule] {0, 1}, PlotPoints \[Rule] 80, 
     ColorFunction …

给定客户端游戏(让我们称之为游戏X)和存储高分的服务器端数据库如何在游戏结束条件之后以一种只有在游戏中才能完成的方式将高分安全地汇总到服务器实际上是玩过(因此防止劫持后).

鉴于此问题,我在这里提出了一些想法

**在游戏开始时发送一个会话ID,该会话ID在给定的时间后到期,然后发送到服务器进行验证

问题是,这可以通过请求启动ID然后只是伪造分数来轻松利用

**游戏中发布到服务器的检查点,以验证此人是否正在玩游戏

再一次,这可以通过一些狡猾的脚本来合成

在codeigniter中为网站分隔管理员和前端的最佳方法是什么,因为我使用所有的库,模型,帮助器等,但只有控制器和视图是分开的.

我想要一个更合适的方式,提高性能,简化,共享模型和库等.

使用ES6命名导入声明时,我在Webstorm中出错:

import { nodes } from 'utils/dom';

我在"节点"上得到"无法解决符号"错误

当我尝试像这样导出为命名导出时:

export {
  write: document.write.bind(document),
  node: document.querySelector.bind(document),
  nodes: document.querySelectorAll.bind(document)
};

我也得到错误.我使用带有babel-eslint解析器的eslint.问题在于它在Sublime Text 3中作为魅力,但由于某种原因在Webstorm中无法进行错误检查.

我认为这是因为除了Eslint webstorm正在进行其他代码检查.

任何想法我怎么能压制它并且只使用与babel-eslint解析器的eslint？

任何建议将被认真考虑

我试过了:

input.simulate('blur');

和

input.simulate('onBlur');

这些都不起作用.这甚至可以在Enzyme中使用(我使用的是2.4.1版本).

我们有几个Web应用程序,我们希望在一个单页面应用程序下呈现.我们正在寻找一个可以使用的微前端架构/框架.正如我们所看到的,这些是我们实施的选择:

1. 使用单一spa开源框架:https://github.com/CanopyTax/single-spa
2. 使用Iframes(友好的Iframes)托管应用程序(shell)并根据当前url加载每个应用程序.
3. 编写我们自己的Javascript框架
4. 其他？

当前状态是monolith FE应用程序,它将其他子应用程序作为内部第三方程序包使用.这种方法对我们来说是不可扩展的,因为托管应用程序正在一起构建所有产品,并没有真正分离.

我们的要求是微前端的通常要求:1.独立开发 - 每个团队都可以选择自己的框架并构建他们的产品,而不管其他产品.

2. 独立部署 - 每个应用程序都可以在生产中升级,无需停机,也不会干扰其他应用程序.

3. 共享组件 - 我们在我们的应用程序中使用Angular4,并且我们已经编写了一个专有的第三方库(共享组件和逻辑),应该在所有产品之间共享,以获得相似的外观.

4. 我们希望能够升级每个应用程序的框架(Angular,RXjs,Typescript等以及我们的专有组件库),而无需关心其他应用程序.

我们尝试使用单一spa框架,但我们遇到了一些问题,如果这对我们来说是正确的方法,或者我们应该尝试不同的方法,我们现在可以自己思考.

我们使用单一水疗中心的问题是:1.资产加载是有问题的.(我们必须将资产文件放在托管应用程序的根文件夹中,并且切换到另一个应用程序时会遇到资产冲突).2.我们仍然不知道如何处理所有应用程序的全局样式(我们使用sass进行样式化,并且必须与每个应用程序的本地样式一起使用)3.升级角度框架(或所有其他框架)是不可能的对于一个应用程序,它是全部或全部(因为我们有一个角度的实例).4.我们必须在托管应用程序(shell)的另一侧实现不同的捆绑开发.

当我们考虑Iframe(使用友好的Iframe)解决方案时,我们可视化所有子应用程序之间的完全分离,并倾向于认为这对我们来说是更合适的方法.

使用Iframe有任何陷阱吗？

谢谢,丹尼尔

Chrome 65删除了对具有跨源s的锚元素的download属性的支持:href

阻止跨源<a download>

为了避免本质上是用户介导的跨源信息泄漏,Blink现在将忽略具有交叉原点属性的锚元素上的下载属性的存在.请注意,这适用于HTMLAnchorElement.download元素本身.

意图删除 | Chromestatus Tracker | Chromium Bug

这打破了无服务器下载(对于跨源资源).它还破坏了Reddit Enhancement Suite的保存图像按钮(.res-media-controls-download) RES v5.12.0,通过使用chrome.downloads API 解决了这个问题(该扩展现在请求您管理下载的权限)

任何解决方法？