Tag: 前端

用Webpack编译Scss: 我仍然想把自己的头包裹在webpack上，而来自Gulp的则很困惑。我的项目结构如下所示： ./root — src — styles.scss — bin — node_modules — webpack.config.js 所以，只需要一些简单的东西，我想编译src目录下的styles.scss ，并将其输出到bin目录。我安装了以下装载机：风格装载机 CSS-装载机 sass-loader（也安装了node_sass作为依赖）现在我知道我没有抓住Webpack的一些非常基础的东西，但是这里是我的webpack.config.js ： module.exports = { entry: './src/styles.scss', output: { path: './bin', filename: 'styles.css' }, module: { loaders: [ { test: /\.scss$/, loaders: ["style", "css", "sass"] } ] } }; 当我在我的目录的根目录下运行webpack ，它看起来像是有效的。但styles.css文件看起来像包含一堆JavaScript代码。所以我不明白，需要一些清晰。我隐约猜测，如果您的项目中没有任何JavaScript文件，则不能使用webpack（除了webpack.config.js当然…

获取一幅图像在另一幅图像中的位置: 我有一个显示网站的浏览器截图。现在我想找出网站（视口）的位置（相对于整个屏幕截图）。在这个图像中看到一个带有黑色边框的矩形：在开始image processing之前，我有可能向网站的DOM添加任何东西。我已经尝试生成QR码，将其添加到视口的左上angular和右下angular，然后使用imagemagick来确定QR码在较大图像中的位置： compare -metric "rmse" -subimage-search -dissimilarity-threshold "0.1" -virtual-pixel "edge" "haystack.png" "needle.png" "results.png" 然而，这需要很长的时间。事实上，我在40分钟后辞职了。我使用了QR码，因为通过使用时间戳，我可以确信这张图片不会在网站的其他地方find。此外，截图中QR码的大小是原始QR码的两倍，但我想这是由于我的Mac屏幕有144dpi。我正在使用node.js，所以我需要任何可以通过命令行（如imagemagick ）执行的东西，以便我可以从节点或直接节点模块执行它。我有一个优势，就是我可以select想要在更大的图像中search的图像。我猜测要find的确切知识可能是一个有用的信息来加速过程（但我不知道如何使用这些信息）。

如何为CLI开发一个简单的网页Node.js脚本: 我有一个通过命令行本地运行的Node.js脚本（我没有开发它，因此不太熟悉代码），它将一个电子邮件地址作为参数，查找一些数据并将结果吐出到命令行表中。我想为此做一个“前端”，就像一个简单的本地网页，我可以打一个电子邮件地址，并在浏览器本身上看到正确的回应。我不是很熟悉从哪里开始，而不是把它变成一个更大的问题。任何指导将在这里非常有帮助。我之前没有真正使用Node或JS进行任何Web开发，但我熟悉基本的Web开发（并愿意学习）新的做事方式。如果我可以提供任何额外的信息，请让我知道。谢谢！

NodeJs的GUI前端: 我有一个nodejs应用程序，我想从它创build一个很酷的GUI。那里有一些易于使用的框架。我看了一下expressjs，但是想知道是否还有任何其他简化前端开发的酷酷的GUI框架。

Webpack强制通过CLI webpack工具重新渲染（重新编译，重新编译）: Somethimes的webpack不接受我对jsx和scss文件的更改，因此它不会编译更新的main.scss和main.js （有时）。 webpack运行在安装在高山linux轻量级环境中的docker容器中。我想SSH入docker集装箱，并直接通过webpack命令行工具强行重新编译更改。可能有一些像$ webpack –force-complie或者–force-watch之类的手动方式来手动运行main.scss和main.js的重build过程有没有办法做到这一点？这里是我的webpack.config.js文件： const ExtractTextPlugin = require("extract-text-webpack-plugin"); const webpack = require("webpack"); const autoprefixer = require("autoprefixer"); if (process.env.NODE_ENV === "development") { require("dotenv").config(); } module.exports = { entry: "./assets/shared/main.jsx", output: { path: "public", publicPath: "/", filename: "main.js" }, module: { preLoaders: [ { test: /\.jsx?$/, exclude: /(node_modules)/, loader: "eslint-loader" } […]

为什么这个请求返回一个200（从caching），但其他人返回304？: 那么我正在浏览器caching，并写一个节点HTTP服务器，以帮助我学习，我使用caching控制和最后修改。然后在Chrome中input这个url，我只需按下F5来查看caching是否有效。最后结果似乎有些奇怪。一个返回200，其他返回304如例外 Intro_1.jpg是由style.css（ background-image:url(../images/intro_1.jpg ）;）为什么这个请求返回一个200（从caching），但其他人返回304？那是对的吗？

CSRF 403禁止 – 无效的CSRF令牌: 我遇到了Node Express和CSurf的问题 – 403（Forbidden）csrf令牌无效。通过其他的答案看，并试图find一切，我可以通过searchfind，我只是无法克服这一点。我在邮递员testing了API，它工作得很好。当我尝试在login表单上使用它时，它不起作用。后端代码： var express = require('express'); var path = require('path'); var favicon = require('serve-favicon'); var logger = require('morgan'); var cookieParser = require('cookie-parser'); var bodyParser = require('body-parser'); // var session = require('client-sessions'); var session = require('express-session'); var flash = require('connect-flash'); var csrf = require('csurf'); var cors = require('cors'); //======== newly […]

为什么grunt不能通过bower.js安装？: 我对前端软件包pipe理员是新手。为了安装bower，我们需要npm作为先决条件，然后bower负责客户端的所有库。但是要安装grunt，我仍然需要通过npm来安装它 – npm install -g grunt-cli npm 安装grunt-contrib –save-dev npm install -g grunt 我不明白为什么我们不能通过凉亭安装它，如：凉亭安装-g咕噜 – cli 凉亭安装grunt-contrib –save-dev 凉亭安装-g咕噜声并pipe理bower.json文件instedpipe理两个不同的 – bower.json和package.json ？

将现有的Node Js项目添加到现有的.Net解决scheme中: 更新。更新了这个问题，因为它看起来有点模棱两可，而不是我正在寻找的答案。我们有一个巨大的.NET应用程序运行在MVC和angular度。它主要解决scheme下有多个项目。。我们还在Node.js中为前端开发人员提供了该应用程序的副本。它看起来像这样：会发生什么 – 前端开发人员在Node js解决scheme（如js或.less文件或控制器）中进行更改 – 进行更改并将这些更改移动到.Net解决scheme，这是实际的活动项目。迟到了 – 我们遇到了两个不同解决scheme（Node和.NET）的开发人员的问题，并且在任何地方都保留两份资产。我们最终决定将它们结合起来，并将整个Node.js应用程序作为第6个项目纳入我们的.NET解决scheme。像这样的东西想知道如果有人以前是这样做的 – 添加一个.NET应用程序与现有的Node.js应用程序。如果有的话，任何利弊考虑。需要注意的一点 – Nodejs项目和.Net项目完全相互独立。我们的想法是整合应用程序，以便我们可以从单一解决scheme运行.net应用程序或UI应用程序。最后，我们将把所有资产整合到一个项目中，以便我们不必重复。此外，将不胜感激任何链接，我可以看到如何开始合并这两个应用程序。

meteor – 我可以先开发后端，后端完成后开发前端？: 我们的团队为我们的项目开发了一个iOS和Android应用程序，而我们使用节点和socket.io作为后端。我们想要移动到meteor，所以我们可以将Angular 2的前端与后端轻松连接起来。但是我们想用Meteor重写后端，所以我们的应用程序可以使用它。之后创build前端。我的问题很简单，在Meteor前端和后端都是同时完成的？或者我们可以先build立后端，然后在前端？