小编Fil*_*ton的帖子

我正在布置一组复选框,如果文本太长,我会在复选框下面运行这个古老的文本换行问题.

我的HTML:

<div class="right">
    <form id="updateProfile">
        <fieldset class="checkboxes">
            <p>4. What is your favorite type of vacation?</p>
            <label><input type="checkbox" name="vacation" value="Ski Trips"> Ski Trips</label>
            <label><input type="checkbox" name="vacation" value="Beach Visits"> Beach Visits</label>
            <label><input type="checkbox" name="vacation" value="Cruises"> Cruises</label>
            <label><input type="checkbox" name="vacation" value="Historical and educational trips"> Historical and educational trips</label>
            <label><input type="checkbox" name="vacation" value="Yachting"> Yachting</label>
            <label><input type="checkbox" name="vacation" value="Road Trip"> Road Trip</label>
            <label><input type="checkbox" name="vacation" value="Spa Weekend"> Spa Weekend</label>
            <label><input type="checkbox" name="vacation" value="Bed and Breakfast"> Bed and Breakfast</label>
            <label><input type="checkbox" name="vacation" value="Stay home and …

我有以下git工作流程:

1. 创建新功能分支
2. 在功能分支上工作
3. 经常提交
4. 功能完成后,合并到master分支
5. 冲洗并重复

但是,有时候,我需要从master中恢复整个功能.这可能涉及很多revert.(需要恢复功能的原因是我有一个网站可以使用一个仓库.从那里,我们使用一个脚本将网站部署到我们的生产站点或临时站点.两者都是从我们的主分支完成的.Don不要问,这就是我给予的工作.有时候,我正在研究我上演的东西,但是需要立即做出改变,所以我需要一些方法来拉动我的变化以便清理回购.)

我认为最简单的方法是每个功能分支只有一个提交.然后我可以revert提交.很自然地,我想在将一个功能分支的所有提交压缩成一个之前将其压缩为一个master.

所以现在我的工作流程看起来像:

1. 创建新功能分支
2. 在功能分支上工作
3. 经常提交
4. 一旦功能完成git rebase -i HEAD~number_of_commits(或者如果远程分支可用,origin/feature_branch)

这个逻辑有什么问题吗？它违背了任何最佳做法吗？我自己做了一些测试,整个工作流程似乎运行顺利并解决了我的问题,但我想让其他(更聪明的)Git-ers运行这个想法,看看它是否有任何问题.

谢谢!

我刚开始使用D3,所以如果有人对我可能没有正确/最佳的事情有任何一般性的建议,请告诉我:)

我正在尝试创建一个Force Directed图,其中节点在中心根节点周围均匀间隔(或足够接近)(以较大的尺寸表示).

这是我想要实现的布局的一个例子(我知道它每次都不一样):

我有以下图表:

var width = $("#theVizness").width(),
    height = $("#theVizness").height();

var color = d3.scale.ordinal().range(["#ff0000", "#fff000", "#ff4900"]);

var force = d3.layout.force()
    .charge(-120)
    .linkDistance(30)
    .size([width, height]);

var svg = d3.select("#theVizness").append("svg")
    .attr("width", width)
    .attr("height", height);

var loading = svg.append("text")
    .attr("class", "loading")
    .attr("x", width / 2)
    .attr("y", height / 2)
    .attr("dy", ".35em")
    .style("text-anchor", "middle")
    .text("Loading...");

/*
ForceDirectData.json
{
    "nodes":[
      {"name":"File1.exe","colorGroup":0},
      {"name":"File2.exe","colorGroup":0},
      {"name":"File3.exe","colorGroup":0},
      {"name":"File4.exe","colorGroup":0},
      {"name":"File5.exe","colorGroup":0},
      {"name":"File6.exe","colorGroup":0},
      {"name":"File7.exe","colorGroup":0},
      {"name":"File8.exe","colorGroup":0},
      {"name":"File8.exe","colorGroup":0},
      {"name":"File9.exe","colorGroup":0}
    ],
    "links":[
      {"source":1,"target":0,"value":10},
      {"source":2,"target":0,"value":35},
      {"source":3,"target":0,"value":50},
      {"source":4,"target":0,"value":50},
      {"source":5,"target":0,"value":65},
      {"source":6,"target":0,"value":65},
      {"source":7,"target":0,"value":81},
      {"source":8,"target":0,"value":98},
      {"source":9,"target":0,"value":100}
    ]
} …

使用内联SVG时,我遇到了一个奇怪的问题.我创建在一个路径<svg>元素,并使用top或bottomCSS属性与relative定位叠加这个SVG在以前的元素得到部分冷静的"缺口"的效果.

这完全适用于Chrome,但在IE10和FF25中,我在SVG的右侧和顶部获得了这个"透明"边框.我把'透明'放在引号中,因为据我所知,它是透明的,因为它显示在它下面的明亮的绿色背景.这是一个截图,指向我看到的确切位置(截图来自FF25):

我最初得到了Codrops的分隔符建议.

测试页面

在此测试页面中,标题为" SVG Trouble Section "的部分是有问题的部分.

有没有办法解决这个问题,所以我的技术可以很好地跨浏览器？或者有更好的方法来达到我想要的效果吗？谢谢!

更新1: 通过更多测试,我发现有时在Firefox中滚动时,顶部幻像"边框"消失并且不会返回.甚至在重新加载页面之后.我不确定是什么导致它消失,它不是问题的一部分,只是一个异常现象.

更新2: 我已经做了一些额外的测试,删除元素以查看可能触发的内容以及删除注释后,"SVG故障部分"上方的几个部分和页脚,边框现在已移至底部分隔符.这是没有页脚的页面:http://ignitepixels.com/sandbox/svg/sample.html

更新3: 我创造了一个小提琴,我在其中复制了这个问题.这应该使更容易的故障排除:http://jsfiddle.net/fmpeyton/NuneR/

由于你无法在jsfiddle中保存特定的面板大小,我附上了一个大概的大小截图,我可以用Firefox 25重现这个问题: 可能与Update 1相关,问题也会根据窗口宽度显示/消失.

我有一些SCSS主题文件,我想提取到CSS文件,然后将它们加载到页面中.我希望能够contenthash用于长期缓存.

由于我使用的是Webpack 4,我也使用mini-css-extract-plugin.我开始在我的webpack配置中创建splitChunks的路径.

// webpack.config.js
module.exports = {
  plugins: [
      new MiniCssExtractPlugin({
      // Options similar to the same options in webpackOptions.output
      // both options are optional
      filename: "[name].[contenthash].css",
      chunkFilename: "[id].[contenthash].css"
    })
  ],
  optimization: {
    splitChunks: {
      cacheGroups: {
        'vendor': {
            // custom commons chunk for js
        },
        'theme-a': {
            test: /theme-a.\scss/,
        },
        'theme-b': {
            test: /theme-b.\scss/,
        },
        // more themes
      }
    }
  }
  module: {
    rules: [
      {
        test: /\.scss$/,
        use: [
          MiniCssExtractPlugin.loader,
          "css-loader",
          "sass-loader"
        ] …

我有三个分支:

• releaseX
• 开发
• topicA

releaseX是支发展两周前也许.

topicA很久以前就已经开发出来了.因为我们知道它最终会被合并到一个发布分支中,所以我们不断将开发合并到它中.不幸的是,我们现在有大量的开发提交,我们在releaseX分支中不需要.

这是我的场景图:

      (releaseX)
     /
A---B---C---D---E---F---G---H (develop)
                     \
                      S---T---X---Y (topicA)

上面,我需要继续提交S T X Y,但需要摆脱C和E.有问题的提交数量大约是50或更多,但显然我无法在这里说明.

我的目标是创建一个基于releaseX的分支,其中包含来自topicA的 50多个相关提交.我尝试在releaseX上创建一个新的分支,然后在topicA上重新定义新的分支,但这不允许我排除我不想要的提交.

基于releaseX将这50多个提交"挑选"到一个新分支(topicA_clean)的最佳方法是什么？

我一直在研究一个带有网格元素的库页面的原型,我希望在悬停这些元素时加入一些3D样式.

我正在研究以下文章中使用的技术:

• http://tympanus.net/Development/3DBookShowcase/
• http://tympanus.net/Development/AnimatedBooks/index.html
• http://css3.bradshawenterprises.com/transforms/

我现在的原型部分实现了我想要实现的目标:http://jsfiddle.net/fmpeyton/8cs35/(注意:我现在只在Chrome中测试原型)

.resources{
    -webkit-perspective: 1000px;
}
.resource{
    /* -webkit-perspective: 800px; */
    display: inline-block;
    vertical-align: top;
    position: relative;
    margin: 10px;
    transition: all .5s;
    height: 259px;
    -webkit-transform-style: preserve-3d;
}
.resource img{
    width: 200px;
    -webkit-transform: translate3d(0,0,20px);
}
.resource:hover{
    -webkit-transform: rotate3d(0, 1, 0, 40deg);
}

.resource .title{
    background: #999;
    display: block;
    position: absolute;
    height: 259px;
    -webkit-transform: rotate3d(0,1,0,-90deg);
    width: 40px;
    left: -20px;

}
.resource .title p{
    font-size: 15px;
    line-height: 40px;
    padding-right: 10px;
    text-align: right;
    width: …

我正在使用Html助手创建一个复选框.在某些情况下,我想将该disabled属性添加到htmlAttribute对象中.我有以下代码:

@if (Model.IsAuthorized)
{
    @Html.CheckBoxFor(x => @Model.Property, new { @class = "input-class" })
}
else
{
    @Html.CheckBoxFor(x => @Model.Property, new { @class = "input-class", @disabled = "disabled" })
}

我想让这段代码更简洁.有没有办法在一行中有条件地添加某些html属性/没有块条件？

我偶然发现了这个网站,并爱上了背景动画,特别是相互连接的点,在3D空间中制作动画.(有问题的元素是<canvas id="bg" width="1920" height="995"></canvas>:)我是画布动画的新手,从我迄今为止所做的研究中,我不知道应该从哪个路径开始为我的项目实现类似的背景动画.到目前为止,我已经研究过Paper.js和普通的Canvas及其JS API.

这是我的规格:

• 能够制作'画布'(不是字面意思<canvas>,而是图形画布.我不反对任何特定的图形包装).
• 能够使'画布'响应
• 在3D空间中导航的圆点(2D圆圈)(在轴上旋转物体的能力是一个加号,在螺旋中动画是一个额外的加号.)
• 这些Round Point集的可实例化模块
• 能够在特定事件上动画这些模块(点击,悬停等)

很高兴有:

• 矢量图形

可以在这里查看类似于我想要实现的东西.

我知道我要做的所有事情都需要整个部分(JS图形库,如Paper.js,自定义JS类等),但我只想知道其他人取得了哪些成功.

谢谢!

我搞砸了一些“经典”继承，并且遇到了一个问题。我Object.defineProperty()用来向我的LivingThing“班级” 添加属性。我想要一个默认值，以及一个属性获取器/设置器。

http://jsfiddle.net/fmpeyton/329ntgcL/

我遇到以下错误：

Uncaught TypeError: Invalid property.  A property cannot both have accessors and be writable or have a value, #<Object>

为什么我会收到此错误，使用来为属性设置默认值和getter / setter的最佳方法是Object.defineProperty()什么？

我一直在两台计算机上的Dreamweaver CS4上工作,通过DW中的FTP功能访问我的托管服务器(Bluehost).每当我需要编辑文件时,我在文件管理器中双击我服务器上的文件,然后直接在文件名下面的子菜单打开它.这是一个例子:

我遇到的问题是当我在Computer1上编辑includeA.php(包含在PageA.php中)然后回家编辑Computer2上的PageA.php.然后我保存,然后保存我对Computer1的includeA.php所做的更改.

基本上,打开文件时有没有办法自动更新包含的文件？或者甚至当我启动DW时,更新某个目录中的所有文件？我相信在编辑includeA.php之前我已经尝试刷新了我的工作目录,但这没有帮助......我想......我已经为此设置了一个测试,明天我将在这里(Computer2)进行测试.

有任何想法吗？谢谢大家!

我刚遇到一个问题,一个元素(标题),固定在页面顶部,消失了.这是在我创建的移动网站中找到的.

造成这种情况的原因是点击菜单按钮,这将打开侧边栏导航.当我单击此按钮时,侧边栏将按预期打开,但随后标题将消失.剩下的就是我使用Phark方法的图像替换技术的残余; 文本"菜单"被遗忘了.(我很确定这对手头的问题并不重要,但我可能是错的.)

该header元素具有如下样式:

header{
    position: fixed;
    top: 0;
    z-index: 10000;
    width: 100%;
    background: url('../images/header-bg.png') #111 repeat-x top left;
    border-bottom: 1px solid #090909;
    text-align: center;
}

这只会发生在Android 4.0股票浏览器中(Galaxy Tabs/Galaxy Nexus是我测试过的).

什么会导致这种情况发生在Android 4.0浏览器中？

我有以下MySQL查询:

INSERT INTO ipi_messages (Message_userID, Message_fromName, Message_fromEmail, Message_subject, Message_body) VALUES(`0`, `hope`, `thisworks@gmail.com`, `i hope`, `this works`)

我的数据库架构是:

在我的生活中,我无法弄清楚这种错误是如何可能的.MySQL为什么试图找到0列之一？它显然甚至不在代码的列声明部分中.

那么为什么我会收到错误Unknown column '0' in 'field list'？

后续问题