Tag: css

如何在Javascript HTML中显示隐藏的元素

我已隐藏我的div与隐藏=“真正”这是工作,但我想显示它后点击一个button。 我使用Node.js,这部分必须用Javascript编码。 HTML: div class="sideDiv" hidden="true"> JavaScript的: 我用show()试过了,但是不起作用。 socket.on('loginInServer',function(data){ $('.sideDiv').show(); });

抽象掉html / css的低级javascript框架?

老实说,现在当我们在前端有这么多的javascriptfunction时,我真的希望浏览器中的javascript可以完全replacehtml和css。 我们可以处理对象(结构+devise+function),而不是html元素和css风格这些元素。 但是,因为这是永远不会发生的,我不知道是否有任何低级框架,像node.js(不是像Sproutcore这样的高级别),而是完全抽象出html和CSS,而是为前端? 我认为这将是下一个大事:)

检查是否存在与node.js的gravatar

你好,知道我有一个小的Web应用程序使用Sails.JS,我试图设置一个默认的图像,如果用户没有gravatar帐户/configuration文件。 这是我用来在我的控制器中散列电子邮件的代码: var crypto = require('crypto'); req.session.email = 'user_email@gmail.com'; req.session.gravatar_hash = crypto.createHash('md5').update(req.session.email).digest('hex'); 正如你所看到的,我已经在会话中散列了。 所以我认为我有: <div class="gravatar" style="background-image: url('http://www.gravatar.com/avatar/<%=req.session.gravatar_hash%>?s=50');"></div> 此代码非常适合显示gravatar(默认或自定义)图像,但是如果我想进行validation,所以如果用户没有gravatar我可以使用自定义图像? 有一种方法来validation?

使用Node.js创build网站

你好,我想知道从哪里开始使网站宽度node.js。 我做了你好世界教程,并有一个工作的http服务器。 但我的问题是,如果可以运行JavaScript服务器端让我们说一个onclick事件? 如何把CSS放在网页上。 谢谢 Mkaveli

使用Grunt和grunt-contrib-cssmin删除注释

我试图使用Grunt和grunt-contrib-cssmin删除所有的CSS注释,CSS文件被编译和缩小它有所有评论。 注释应该删除行:keepSpecialComments:0 module.exports = function(grunt) { require('jit-grunt')(grunt); grunt.initConfig({ less: { development: { options: { compress: true, yuicompress: true, optimization: 2 }, files: { "css/main.css": "less/bootstrap.less" // destination file and source file } } }, watch: { styles: { files: ['less/**/*.less'], // which files to watch tasks: ['less'], options: { nospawn: true } }, }, cssmin: […]

csscomb删除soorting组之间的换行符

即时通讯使用csscomb.js来组织我的CSS。 它完美的作品,除了我不想在排队之间的linebreaks [见图] 有没有办法去除这些? 我看着每一个地方。 例 这是mij设置: "remove-empty-rulesets": false, "always-semicolon": true, "color-case": "lower", "block-indent": " ", "color-shorthand": false, "element-case": "lower", "leading-zero": true, "quotes": "single", "sort-order-fallback": "abc", "space-before-colon": "", "space-after-colon": " ", "space-before-combinator": " ", "space-after-combinator": " ", "space-between-declarations": "\n", "space-before-opening-brace": " ", "space-after-opening-brace": "\n", "space-after-selector-delimiter": "\n", "space-before-selector-delimiter": "", "space-before-closing-brace": "\n", "strip-spaces": false, "tab-size": true, "unitless-zero": […]

加载单独的CSS样式表(heroku nodejs)

我无法为本地和在Heroku服务器上的heroku web应用程序加载单独的css样式表。 我最近从谷歌应用程序引擎迁移过来,我加载样式表的方式工作得很好。 我在这里做错了什么? 任何帮助将不胜感激!! 这是我的代码: /app/server.js var express = require("express"); var app = express(); app.use(express.logger()); var fs = require("fs"); var buf = fs.readFileSync("html/index.html"); var index = buf.toString(); app.get('/', function(request, response) { response.send(index); }); var port = process.env.PORT || 5000; app.listen(port, function() { console.log("Listening on " + port); }); /app/html/index.html <!DOCTYPE html> <html> <head> <title>Starters […]

从父目录node-sass导入

我使用node-sass来模拟我的CDN构build,并将我的CSS转换为模块化的Sassdevise。 基本上我的设置涉及品牌网站覆盖常见的风格。 我想在品牌文件夹中做这样的事情 @import "../common/global-config"; @import "brand-config"; @import "../common/common"; // brand specific styles here 这个文件将位于/css/brand-name/brand.scss 其他文件将in /css/common/_common.scss 我的节点sass设置看起来像这样 function compileSassFile(includes, path, callback) { if (!fs.existsSync(path)) { return null; } var css = sass.renderSync({ file: path, success: callback, outputStyle: 'expanded', includePaths: includes }); return css; } // bundlePath = 'css', dirName = '/brand-name' compileSassFile([path.join(bundlePath), path.join(bundlePath, 'common'), […]

Grunt手表在转换成css的同时立即停止

我有一个轻微的问题,咕噜,less和文件观看。 我用grunt编译我的较less的代码到压缩的css代码。 我的代码工作正常约一分钟,然后进程不会编译我的less文件,我必须closuresterminal在我的Mac,并再次启动咕噜声进程。 rest后,你会发现我的Gruntfile.js和我的terminal读数。 我希望你能帮助我:)谢谢你的时间! 最好的祝福! Gruntfile.js: module.exports = function(grunt) { grunt.initConfig({ less: { development: { options: { compress: true, yuicompress: true, optimization: 2 }, files: { "assets/css/style.css": "assets/less/style.less" } } }, watch: { styles: { files: ['assets/**/*.less'], tasks: ['less:development'], options: { nospawn: true } } } }); grunt.loadNpmTasks('grunt-contrib-less'); grunt.loadNpmTasks('grunt-contrib-watch'); grunt.registerTask('default', [ 'less:development', 'watch' ]); […]

node.js – 当param express.js太长时,无法加载css

我正在通过Node.js,express.js,ejs写一个应用程序…. 我正在使用这个代码来使用ejs和加载CSS: app.engine('.html', require('ejs').__express); app.set('views', __dirname + '/views'); app.set('view engine', 'html'); app.use(express.static(__dirname + '/views')); 这是我的目录结构 myapp –Controller —-admin.js –db —-db.js –views —-admin ——user.html ——addUser.html —-css ——style.css –app.js Html加载CSS这样的 <link href="../css/style.css" rel="stylesheet"> 而我用我的网站的CSS。 当我使用参数: app.get('/admin/users', admin.users); app.get('/admin/add', admin.add); url是: loocalhost:1080 /pipe理/用户 loocalhost:1080 /pipe理/添加 那么我的CSS活跃 。 但是当我使用参数: app.get('/admin/users/add', admin.add); url是: loocalhost:1080 /pipe理/用户/添加 那么我的CSS不活跃。 那么如何解决呢? 请帮忙。