Articles of css

Node.js中的jQuery方法

刚开始在node.js中编码。 我做了几页(login,注册,博客等)。 如果我想要一个效果:1.我将鼠标hover在“新闻”button上,一个滑块出现, 修改ejs标签中的图像(例如<%blog.image%>)(我不认为我可以在这里使用css)。 如果用户点击一个button(或任何其他事件)做某事。 现在在我的项目中,如果用户点击“login”,它会把他带到“/login”页面。 我GOOGLE“popuplogin窗体”,大多数教程是为jQuery。 在使用jQuery的时候,它给出了一个错误:“jQuery需要一个窗口”,所以我使用了jsdom,但转向了cheerio(许多用户推荐它)。 我浏览了文档,但找不到“点击”事件方法。 我怎样才能完成上述任务? 注意 :我没有要求上述任务的具体代码。 我在jQuery前端完成了这些。 我只想知道如何在node.js中开始使用jQuery。

防止页面加载电子时出现白色闪烁

每次窗口开始加载新的html或向服务器发出请求时,窗口将变白,直到页面加载完成或服务器响应请求。 这看起来不太好,可能会很刺耳。 我怎样才能阻止呢? 代码,如果你想看到它 app.js const {app, BrowserWindow} = require('electron'); const path = require('path'); const url = require('url'); let win; function createWindow () { // Create the browser window. win = new BrowserWindow({width: 800, height: 600}); win.loadURL(url.format({ pathname: path.join(__dirname, 'index.html'), protocol: 'file:', slashes: true })); win.on('closed', () => { win = null; }) } app.on('ready', […]

如何使用下载的纱线依赖关系

这可能是一个非常愚蠢的问题,但如果你能帮助我的话,那将是非常棒的。 这是问题:我已经添加了一个包到我的项目。 它包含一些我想在我的HTML文件中使用的CSS文件等。 我已经使用yarn add <package>添加了它。 这些文件位于/node_modules/semantic-ui-css/semantic.min.css 。 我必须引用完整的node_modulepath来加载我的HTML文件中的CSS文件? 这听起来不对。 在我使用包pipe理器之前,我只是下载了一些css文件,将它们放到/vendor/css/并使用它们。 或者现在正常使用<link rel="stylesheet" type="text/css" href="node_modules/semantic-ui-css/semantic.min.css"> ?

无法从另一个文件夹访问我的.scss软件包文件

我想检索我的.scss文件,其中包含所有其他.scss文件(所有其他.scss文件都导入到styles.scss文件中)。 我把path放到我的angular度cli文件中,文件仍然不可访问(我的html元素没有应用样式) Angular CLI :从我在npm start上运行的文件夹(项目)(从我想访问的文件夹中添加“../webstyles/src/styles.scss”path) "apps": [ { "root": "src", "outDir": "dist", "assets": [ "assets", "favicon.ico", "app/cms/demo.json" ], "index": "index.html", "main": "main.ts", "polyfills": "polyfills.ts", "test": "test.ts", "tsconfig": "tsconfig.app.json", "testTsconfig": "tsconfig.spec.json", "prefix": "cb", "styles": [ "../webstyles/src/styles.scss" ], 我得到的错误是:找不到模块:错误:无法解决该项目中的path…。 对不起,我不能发布文件夹树,但我多次检查,不要以为我在这里犯了一个错误 我有什么select?

正则expression式从CSSselect器string中提取HTML5类

我正在从磁盘读取CSS文件作为string。 我的目标是提取与以下特定数据属性配对的HTML类: .foo[data-my-attr] 数据属性是独一无二的,所以我不必担心遍历CSS AST。 我可以简单地使用这样的正则expression式: (\.\S+)+\[data-my-attr\] 这已经可以工作了,但是\S+在select器中匹配一个HTML类是一个不错的方法。 它将包括各种组合器,伪类,假select器等。 我尝试构build正则expression式的白名单版本,例如(\w|-)+ ,但类名称的HTML5规范是非常宽容的。 不可避免的是,我错过了某些字符或者包含不正确的字符。 什么正则expression式可以用来从CSSselect器string中提取HTML5类 ? 我正在使用Node,即正则expression式的JavaScript风格。 UPD1 一些例子: .foo[data-my-attr] – 应该匹配.foo .foo>span[data-my-attr] – 不应该匹配 .I_f%⌘ing_♥_HTML5[data-my-attr] – 应该匹配.I_f%⌘ing_♥_HTML5 这个问题存在,因为我无法想到每个可能的有效的HTML5类。 我需要一个基于令人惊讶的模糊的HTML5类规范的正则expression式: 3.2.5.7类属性 该属性(如果指定)必须具有一个值,该值是一组空格分隔的标记,表示该元素所属的各个类。 HTML元素分配给它的类包含所有在class属性的值在空间上分割时返回的类。 (重复被忽略。) 对于作者可以在类属性中使用的标记没有额外的限制,但鼓励作者使用描述内容本质的值,而不是描述所需内容表示的值。 显然,一个类不应该包含空格和字符,如+>:()[]=~因为它们是CSSselect器语法的一部分。

页面在本地看起来很好 但是当推送到服务器时,一切都放大了

所以这一直在困扰我一段时间,我似乎无法得到它,所以想在这里问Id。 基本上我正在一个节点应用程序,它看起来很好,当我在本地看,但是当我把它推到我的服务器(linode),并在那里运行它放大(见截图)。 什么会/可能造成这种情况。 谢谢。 第一个是它在服务器和其他本地上的外观。

Node.js手写笔插入不会像文档中显示的那样呈现样式

我试图用手写笔运行供应商特定的CSS混合,我直接从文档中,但它似乎并没有渲染的CSS。 有什么想法吗? vendor(prop, args) -webkit-{prop} args -moz-{prop} args -ms-{prop} args -o-{prop} args {prop} args border-radius() vendor('border-radius', arguments) li border-radius 3px 3px 0 0 应该工作,但是当样式表呈现不存在边界半径属性? 此外,只是混入正常工作 border-radius() -webkit-border-radius arguments -moz-border-radius arguments -ms-border-radius arguments -o-border-radius arguments border-radius arguments li border-radius 3px 呈现: li{ -webkit-border-radius: 3px -moz-border-radius: 3px -ms-border-radius: 3px -o-border-radius: 3px border-radius: 3px } 正如所料。 对此有何想法? 谢谢

StyleDocco输出文档确实应用了CSS

我正在使用grunt-styleguide,我的模板被设置为styledocco – 生成CSS样式指南。 当我运行任务时,它可以工作,但styledocco输出文件不会在演示元素上应用CSS。 我的styleguide的咕噜声: styleguide: { dist: { options: { framework: { name: "styledocco" }, name: "FE KICKSTARTER V1.o" }, files: { "assets/css/styleguide": "assets/css/**/*.less" } } } 我的输出如下: 在图片上方,testing文本和button应该已经应用了样式。 我已经检查configuration,事情似乎很好,但不知道缺less什么。 任何帮助?

EJS条件语句更改CSS

我在EJS循环,我想根据我的数据设置CSS: <% dummies.forEach(function(dummy) { %> <div class="panel panel-???"> </div> <% }) %> 我的资料: var dummies = [{ type: "funny", sure: "Yes" // this should generate panel-success }, { type: "funny", // this should generate panel-a sure: "No" }, { type: "happy", // this should generate panel-b sure: "No", }]; 所以只要sure属性是Yes ,它就会生成panel-success 。 否则,它会根据type属性生成CSS。 请帮忙。

css不使用express .ejs nodejs加载属性

各位晚上好, 我将不胜感激任何帮助。 我得到了这两条路线: app.get('/', function(req,res){ res.render('index'); }); app.get('/registration/add', function(req,res){ res.render('clientRegistration'); }); 这是服务器的一部分: app.use( express.static(path.join( __dirname, './client/static/'))); app.use(body_parser.urlencoded()); app.set( "views", path.join(__dirname, "./client/views/")); app.set( "view engine", 'ejs'); 目录是: MyApp/ client/ static/ registration.css styles.css views/ index.ejs clientRegistration.ejs 在我的index.ejs中,我有:link rel =“stylesheet”type =“text / css”href =“styles.css”,它完美地加载了.css文件。 但是,当我点击index.ejs链接:a href =“/ registration / add”>,它将我带到clientRegistration.ejs页面,但registration.css不加载,即使我有:link rel =“stylesheet” type =“text / css”href =“registration.css” 我究竟做错了什么? […]