小编svn*_*vnm的帖子

css 变换矩阵和变换尺度,偏斜,平移等效吗？

根据这个答案, css变换矩阵值相当于旋转,倾斜和缩放功能,但这篇文章使它看起来更加复杂......

矩阵(a,b,c,d,e,f)

• 参数a和d用于缩放元素.与比例(a,d)方法相同.

• 参数b和c用于倾斜元素.与倾斜(b,c)方法的相同.

• 参数e和f用于翻译元素.与翻译(e,f)方法相同.

变换矩阵真的那么简单吗？

因此,以下2个变换将是相同的

.scale-in {
  transform: scale(3,3) translate(200px, 200px);  
}
.scale-in-matrix {
  transform: matrix(3, 0, 0, 3, 200, 200); 
}

我有一个相当简单的react，redux应用程序，它使用具有热重载功能的webpack开发服务器。

它可以在Chrome，Safari，Opera上正常运行，但是在Firefox中根本不起作用。给出以下错误信息：

Firefox无法在ws：// localhost：5050 / sockjs-node / 044 / 0lchvqev / websockert建立与服务器的连接

这很奇怪并且很难调试，因为它一直试图重新加载页面，并且仅给出错误消息

我正在使用browserstack来测试一些设备,比如IE.但是我需要设置本地测试,以便我可以测试我的网站localhost:3000

我已登录Chrome浏览器中的browserstack并安装了扩展程序.我点击扩展名IE11链接.它带我到Windows 8虚拟机上的IE11.

我键入localhost:3000IE但它似乎不起作用.

然后,我单击设置cog,然后单击通过我的网络解析所有URL.

它似乎对我没用.

以下内容可以忽略或执行对我的index.js中导入的文件的某些修改

require.extensions['.js'] = function(file) {
    console.log(file.id)
    return;
};

但是我真的不想忽略index.js中的这些文件我想忽略后续文件/组件中导入的文件

require.extensions['.js'] = function(file) {
    console.log(file.id)
    return;
};

require('babel-register')

require('./components/Test.spec.js');

例如,这会记录以下内容并返回

/Users/me/myapp/node_modules/babel-register/lib/node.js
/Users/me/myapp/tests/components/Test.spec.js

我真正想要的是它忽略文件中特定类型的任何包含Test.spec.js文件

我知道在babel中指定ignore的选项但是这只是忽略了它们被转换,所以不是我想要的.基本上我想要一个特定的文件类型,例如.jsx不编译,或者我可以覆盖这个需要并返回另一个函数.

https://babeljs.io/docs/usage/require/

我试图运行Mithril yeoman发电机,不幸的是它因错误而落在了咕噜声中

警告:运行"指南针:服务器"(指南针)任务警告:找不到指南针二进制文件.确保它已安装......

我当然可以使用--force继续并且它工作正常但是css不包括在内,这有点无意义,我的下一个选择是修改gruntfile只使用没有Compass的Sass.

注意我已尝试从此问题日志中为grunt-contrib-compass提出以下建议:

npm install grunt-contrib-compass
sudo gem install sass
sudo gem install compass

谢谢

我试图在React.js应用程序中找到组件的最佳命名约定.这就是我目前的做法......

想象一下,我想在我的表组件中呈现一个searchBar组件.

搜索bar.js

var React = require('react');

var SearchBar = React.createClass({
  /* code for search component */
});

module.exports = SearchBar;    

table.js

var React = require('react');
var SearchBar = require('search-bar');

var Table = React.createClass({
    render: function() {
        return (
                <SearchBar />
        );
    }
});
module.exports = Table;

这个命名约定是否可以或是标准的？

• 用于组件文件名的连字符分隔符
• PascalCase用于组件函数声明.

我有以下数组对象,例如一些作者,我想通过它们进行映射并返回一个已与某些格式连接的字符串.我出于某种原因遇到了这个相当容易的问题.

const authors = [ { id: 1, name: 'Steven'}, {id: 2, name: 'Nick'}]
let names = authors.map( (a, i) => {
  return `${a.name} is cool`
})
console.log(names)
// ["Steven is cool","Nick is cool"]
// but I really want the string "Steven is cool Nick is cool"

我怎样才能将其映射并将其格式化为字符串？

例如 "Steven is cool Nick is cool"

我正在使用autoprefixer并有一个browserslist文件来指定支持的浏览器.它看起来像这样,基本上是默认加号iOS 8:

> 1%
Last 2 versions
iOS 8

我想知道我可以很容易上看到caniuse.com什么确切的浏览器版本:last 2 versions,last 3 versions,last 4 versions等...给出了每个单独的浏览器吗？

我正在为我的html5移动应用程序使用Ionic框架.

我知道我可以在scss文件夹下的ionic.app.scss文件中添加自定义sass,离子服务或离子构建会将我的sass编译成css,但是如果我想在这里添加额外的sass文件,例如ionic.home.scss如何编译这些？我是否需要修改gulp文件.

我基本上扩展了默认的Ionic选项卡应用程序.这是我想要的结构,基本上是每个模板的sass文件

+-- _gulpfile.js
+-- _scss
|   +-- ionic.app.scss
|   +-- tab-home.scss
|   +-- tab-projects.scss
|   +-- tab-services.scss
+-- _templates
|   +-- tab-home.html
|   +-- tab-projects.html
|   +-- tab-services.html
+-- index.html

这是gulp文件

var gulp = require('gulp');
var gutil = require('gulp-util');
var bower = require('bower');
var concat = require('gulp-concat');
var sass = require('gulp-sass');
var minifyCss = require('gulp-minify-css');
var rename = require('gulp-rename');
var sh = require('shelljs');

var paths = {
  sass: ['./scss/**/*.scss']
};

gulp.task('default', ['sass']);

gulp.task('sass', function(done) {
  gulp.src('./scss/ionic.app.scss') …

我一直在观看Dan Abramov 避免阵列突变的 redux上的视频,我已经研究了如何使用sliceid从数组中删除元素,返回没有变异的新数组.

var arrayOld = ['apple', 'orange', 'fig']
var index = arrayOld.indexOf('orange')
var arrayNew = arrayOld.slice(0,index).concat(arrayOld.slice(index + 1))
// ['apple', 'fig']

我想知道如何使用es6 spread语法来做同样的事情？

另外我想知道为什么没有更简单的方法:例如es6中的辅助函数来执行此操作,就像concat方法一样简单,您可以只传入要移除的元素的id并返回新的数组,所以基本上拼接但没有突变.