我刚刚了解了一个新的,不常见的CSS单元.vh
并分别vw
测量视口高度和宽度的百分比.
我从Stack Overflow看了这个问题,但它使单位看起来更相似.
答案具体说明了
vw和vh分别是窗口宽度和高度的百分比:100vw是宽度的100%,80vw是80%等.
这看起来与%
单位完全相同,这更常见.
在Developer Tools中,我尝试将值从vw/vh更改为%而反之亦然,并获得相同的结果.
这两者有区别吗?如果没有,为什么要引入这些新单位CSS3
?
我正在尝试组织我的项目以使其更易于维护.我有大量的html模板,我被迫将它们全部放在公共目录中.我真的很想像这样组织它
public directory
views
index.html
register.html
terms.html
privacy.html
support.html
stylesheets
styles.css
scripts
script.js
authentication.js
Run Code Online (Sandbox Code Playgroud)
但它看起来像这样
public
index.html
register.html
terms.html
privacy.html
support.html
script.js
authentication.js
styles.css
Run Code Online (Sandbox Code Playgroud)
这是我的firebase.json
档案
{
"firebase": "funmathgame",
"public": "mathgame",
"ignore": [
"firebase.json",
"**/.*",
"**/node_modules/**"
]
}
Run Code Online (Sandbox Code Playgroud)
这是我收到的错误消息
网页未找到
该文件不存在,并且
index.html
在当前目录或404.html
根目录中找不到该文件.我为什么看到这个?
您可能已为应用程序部署了错误的目录.检查
firebase.json
并确保公共目录指向包含index.html
文件的目录.您还可以
404.html
在站点的根目录中添加a ,以使用自定义错误页面替换此页面.
第一个结构更好,因为它分隔代码.每当我在文本编辑器中运行文件时,此结构都有效.但是,每当我部署到firebase时它都不起作用.
举个例子,这就是我引用样式表的方法
<head>
<title>Frequently Asked Questions</title>
<link rel='stylesheet' href='https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css'>
</link>
<link rel='stylesheet' href='../stylesheets/styles.css'></link>
Run Code Online (Sandbox Code Playgroud)
在上面的目录结构中,我在public/views
目录中.我..
用来将一个目录移回公共目录,然后转发到stylesheets目录.但是,这里我的index.html
文件不在公共目录中,而是在public/views
目录中. …
我在这里遵循这个指南如何添加Git
到我的Path变量,所以我可以从命令行使用它(不仅仅是Git Bash).
使用适用于Windows的GitHub客户端在PATH中安装Git
为了引用答案,Git应该位于这里
获取Git URL
我们需要将Git\cmd目录的url作为您的计算机.Git位于:
C:\用户\\应用程序数据\本地\ GitHub的\ PortableGit_\BIN\git.exe
我打开文件资源管理器,然后转到目录 C:\Users\AppData\Local\
在视图选项卡下,我已经Hidden Items
检查过了.我看不到列出的GitHub文件夹.在搜索栏中,我将GitHub附加到目录路径的末尾并获得以下消息
Windows can't find 'C:\Users\username\AppData\Local\GitHub'. Check the spelling and try again.
Run Code Online (Sandbox Code Playgroud)
我正在尝试将Git添加到我的环境路径变量中,但无法找到git所在的位置.
在Git Bash中,我能够尝试which git
到达的地方/bin/git
但我不确定如何在环境变量下找到什么.
做一个随机搜索,我实际上发现Git文件夹位于这里
C:\ProgramFiles(x86)\Git
Run Code Online (Sandbox Code Playgroud)
但是我应该为路径变量输入什么?这与其他问题的答案不同.
我正在玩JSconsole并发现一些奇怪的东西.值为"0"
false
"0" == false
=> true
Run Code Online (Sandbox Code Playgroud)
false
在三元组中使用的值返回第二个值
false ? 71 : 16
=> 16
Run Code Online (Sandbox Code Playgroud)
但是,在三元组中使用的值"0"
等于false
返回第一个值.
"0" ? 8 : 10
=> 8
Run Code Online (Sandbox Code Playgroud)
但是,如果您将其0
用作值,则返回第二个值
0 ? 4 : 5
=> 5
0 == "0"
=> true
Run Code Online (Sandbox Code Playgroud)
我担心这对我没有意义.
根据Ruby Array文档,to_h
只要数组的每个元素是另外两个元素的数组,就有一种方法可用于将数组转换为哈希.以下示例来自相同的文档
p [[:foo, :bar], [1, 2]].to_h
Run Code Online (Sandbox Code Playgroud)
但是,当我运行上面的代码时,我收到此错误:
irb(main):001:0> p [[:foo, :bar], [1, 2]].to_h
NoMethodError: undefined method `to_h' for [[:foo, :bar], [1, 2]]:Array
from (irb):1
from E:/RubyInstall/bin/irb:12:in `<main>'
irb(main):002:0>
Run Code Online (Sandbox Code Playgroud)
我的Ruby版本是
C:\>ruby -v
ruby 2.0.0p247 (2013-06-27) [x64-mingw32]
Run Code Online (Sandbox Code Playgroud)
我想用这种技术来回答关于Stackoverflow的另一个问题,但我现在卡住了,因为Ruby的文档功能对我不起作用.
今天我发现了owl-carousel
,我一直试图让它发挥作用.
我正在尝试制作一个循环通过恐龙图像的旋转木马.问题是4只恐龙出现在同一张幻灯片上(小提琴半大小窗口中有2只).我想每张幻灯片只显示1张.
我有一个小提琴
http://jsfiddle.net/8bJUc/318/
JavaScript的
<script>
$(document).ready(function(){
$("#dino-example").owlCarousel({
items: 5
});
});
</script>
Run Code Online (Sandbox Code Playgroud)
HTML
<div id="dino-example" class="dino-carousel">
<div class="item">
<img src="http://johntomsett.files.wordpress.com/2014/03/14525_1_v12_tp.jpg" alt="dinosaur1"></img>
</div>
<div class="item">
<img src="http://images.clipartpanda.com/t-rex-dinosaur-clip-art-T-Rex-Dinosaur_1.png" alt="dinosaur2"></img>
</div>
<div class="item">
<img src="https://encrypted-tbn1.gstatic.com/images?q=tbn:ANd9GcQbuwkU3kDpr4rByYQ3ydbTPv6zP1L0yhrKB00fa5YhkY0i9WKFWA" alt="dinosaur3"></img>
</div>
<div class="item">
<img src="http://content.animalnewyork.com/wp-content/uploads/new-dinosaur-nasutoceratops.jpg" alt="dinosaur4"></img>
</div>
</div>
Run Code Online (Sandbox Code Playgroud)
CSS
img {
height: 300px;
width: 300px;
}
Run Code Online (Sandbox Code Playgroud)
我尝试items
改为1,但这也没有解决.
有谁知道如何解决这个问题?
感谢帮助.
我正在玩NodeJS REPL
控制台并遵循本教程.
http://www.tutorialspoint.com/nodejs/nodejs_file_system.htm
我专注于File System(FS)
模块.我们来看看mkdir
用于创建目录的函数.
根据TutorialsPoint,这是您使用FS创建目录的方式
var fs = require("fs");
console.log("Going to create directory /tmp/test");
fs.mkdir('/tmp/test',function(err){
if (err) {
return console.error(err);
}
console.log("Directory created successfully!");
});
Run Code Online (Sandbox Code Playgroud)
他们特别说你需要这种语法
fs.mkdir(path[, mode], callback)
Run Code Online (Sandbox Code Playgroud)
好吧,我只是尝试使用较少的代码,没有回调,它工作.
var fs = require('fs');
fs.mkdir('new-directory');
Run Code Online (Sandbox Code Playgroud)
并且目录已创建.语法应该是
fs.mkdir(path);
Run Code Online (Sandbox Code Playgroud)
我不得不问,回调的目的是什么,你真的需要吗?为了删除目录,我可以理解为什么你需要它,以防目录不存在.但我看不出该mkdir
命令可能出现什么问题.好像很多不必要的代码.
我试图找到小于 1000 的数字,它在除以 1 时产生最长的重复数字串。我有一个十进制数字列表,必须找到那些具有最长重复序列的数字。
这是我到目前为止所拥有的
numbers = [*2..999]
decimal_representations = numbers.map { |number| 1.to_f/number }
decimal_representations.map!(&:to_s)
Run Code Online (Sandbox Code Playgroud)
我可以使用正则表达式生成一个三维数组。正则表达式/(.+)\1+/
产生一个重复子串的数组。我想找到最长的子串,所以我使用了 enumerable 的max_by
函数。
decimal_representations.map! { |decimal| decimal.scan(/(.+)\1+/).max_by(&:length) }.flatten
Run Code Online (Sandbox Code Playgroud)
我必须压缩我的数组以删除nil
元素
decimal_representations.compact!
Run Code Online (Sandbox Code Playgroud)
然后我可以找出哪个长度最长。
decimal_representations.max_by(&:length)
Run Code Online (Sandbox Code Playgroud)
我得到0090009009
,但我无法确定哪个数字具有该十进制值,因为我从数组中删除了 nil 元素。
有任何想法吗?
我在toArray()
这里阅读文档并在控制台中测试它.我找不到调用toArray()
选择器和调用选择器本身之间的区别.
我得到了完全相同的结果,这是一个与选择器匹配的DOM元素数组.我甚至做了另一次测试
$("element").toArray()[0] === $("element")[0]
Run Code Online (Sandbox Code Playgroud)
根据w3schools
toArray()方法将jQuery选择器匹配的元素作为数组返回.
但是,看起来只是查询元素本身就完全一样.而且写起来也容易多了.
有谁知道这两者之间的区别?如果没有,我不明白这个功能的目的.
我正在尝试将Mongoose模型从我的model/user.model.js
文件导出到我的server.js
文件,在我的服务器目录中.
模型/ user.model.js
var mongoose = require('mongoose');
var Schema = mongoose.Schema();
var UserSchema = new Schema({
instagramId: { type: String, index: true },
email: { type: String, unique: true, lowercase: true },
password: { type: String, select: false },
userName: String,
fullName: String,
picture: String,
accessToken: String
});
module.exports = mongoose.model('User', UserSchema, 'users');
Run Code Online (Sandbox Code Playgroud)
server.js
var User = require('./models/user.model');
mongoose.connect(config.db);
Run Code Online (Sandbox Code Playgroud)
我收到此错误消息
\ server\models\user.model.js 5
var UserSchema = new Schema({
TypeError:object不是函数
我知道我声明了我的架构UserSchema
,但是我想我用变量导出了文件User
module.exports = mongoose.model('User', …
Run Code Online (Sandbox Code Playgroud) javascript ×6
css ×3
jquery ×3
arrays ×2
html ×2
node.js ×2
ruby ×2
callback ×1
command-line ×1
decimal ×1
filesystems ×1
firebase ×1
git ×1
hash ×1
installation ×1
mongoose ×1
owl-carousel ×1
ruby-2.0 ×1
substring ×1
types ×1
windows ×1