小编sgu*_*uha的帖子

sass会损害性能吗?

我一直在教育自己.读这个:

引擎从右到左评估每个规则,从最右边的选择器(称为"密钥")开始并移动每个选择器直到找到匹配或丢弃规则.("selector"是规则应适用的文档元素.)

例如:

ul li a {...}
#footer h3 {...}
* html #atticPromo ul li a {...]
Run Code Online (Sandbox Code Playgroud)

现在,一些示例代码SASS为我输出:

#content #blog {
  /* ... */
}
/* line 85, ../sass/screen.scss */
#content #flickr {
  /* ... */
}

#content #flickr div p {
  /* ... */
}
Run Code Online (Sandbox Code Playgroud)

这看起来有点尴尬..我做错了什么?这是我和Sass之间的沟通问题吗?我们输了吗?

编辑:一些SCSS代码:

#flickr {
    @include columns(5,8);
    background: url('../img/ipadbg.png') no-repeat;

    #ipod-gloss {
        z-index: 999;
        position: relative;
    }

    div {
        margin-top: -80px;
        margin-right: 20px;

        h2 {
            color: $white;
            font-size: 24px;
        }

        p { …
Run Code Online (Sandbox Code Playgroud)

css sass css-selectors

10
推荐指数
2
解决办法
5878
查看次数

Bootstrap +简单形式复选框网格

我有一个20多个标签的列表,我想在4列复选框网格中呈现,但我不太确定最干净的方法是什么.我有以下表格:

= simple_form_for(@fracture) do |f|
  = f.error_notification    
  .form-inputs
    = f.input :title
    = f.input :summary
    = f.input :tag_list, :as => :check_boxes, :collection => ActsAsTaggableOn::Tag.all.map(&:name), :item_wrapper_class => 'inline'
Run Code Online (Sandbox Code Playgroud)

结果表格应该是这样的http://jsfiddle.net/LVFzK/,但我想将逻辑限制在一个wrapper或CSS中,而不是手动修改HTML.

css css3 simple-form twitter-bootstrap

7
推荐指数
1
解决办法
8915
查看次数

检测Cordova插件是否存在

有没有办法判断Cordova 2.5.0中是否可以调用特定的Cordova插件?Cordova.exec接受a successFunction和a failFunctionfailFunction仅在本机代码执行时才调用.如果接收功能不存在,有没有办法接收错误或回调?我正在寻找一个与加载到WebView中的删除URL一起使用的解决方案

http://docs.phonegap.com/en/2.5.0/guide_plugin-development_ios_index.md.html

phonegap-plugins cordova

7
推荐指数
2
解决办法
6849
查看次数

使用navigationOptions在React Navigation中根据状态更改Bottom选项卡栏

我想根据启用的功能更改屏幕上的底部选项卡.此功能列表通过登录API调用填充.

目前我有以下内容:

const TabRouteConfig = {
  Home: DashboardScreen,
  FeatureA: FeatureA,
  FeatureZ: FeatureZ,
};

const TabNavigatorConfig = {
  initialRouteName: 'Home',
  order: [
    'Home',
    'Feature A',
  ],
  tabBarPosition: 'bottom',
  lazy: true,
};

const TabNavigator1 = createBottomTabNavigator(
  TabRouteConfig,
  TabNavigatorConfig,
);

// Set the tab header title from selected route
// https://reactnavigation.org/docs/en/navigation-options-resolution.html#a-stack-contains-a-tab-navigator-and-you-want-to-set-the-title-on-the-stack-header
TabNavigator1.navigationOptions = ({ navigation }) => {
  const { index, routes } = navigation.state;
  const { routeName } = routes[index];

  return {
    headerTitle: routeName,
  };
};

const TabNavigator2 = createBottomTabNavigator(
  TabRouteConfig,
  { …
Run Code Online (Sandbox Code Playgroud)

react-native react-navigation

7
推荐指数
1
解决办法
2145
查看次数

Android 2.3 WebView支持-webkit-column-break-before吗?

我正在尝试使用WebView在我的Android应用程序中使用CSS3多列列布局,但是要确保在h1标签之前总是有一个中断.此规则似乎适用于Android 4.0 WebView,但看起来在2.3.3中被忽略.有人有这个工作吗?

android css3 webview

6
推荐指数
1
解决办法
850
查看次数

使用数据表启用History API

dataTable在页面上有一个对象,表示我需要跟踪的版本列表/releases我想要添加以下功能

  1. if /releases?query=<query>,dataTable将使用提供的查询初始化
  2. query如果用户改变搜索项参数进行更新
  3. 浏览器中的后退和前进按钮将进行相应的查询

到目前为止,我能够完成前2个,但是当我监听popstate事件时,重新绘制表会触发一个pushState我无法弄清楚如何防止的事件.到目前为止,这是我的代码:

$(document).ready(function(){
  var prevSearch;
  var table = $('#releases').dataTable({
    "bJQueryUI" : true,
    "sPaginationType" : "full_numbers",
    "iDisplayLength" : 50,
    "oSearch": {"sSearch": '#{params[:query]}'},
    "fnDrawCallback": function(oSettings) {
        var curSearch = oSettings.oPreviousSearch.sSearch;
        if (!prevSearch) {
          prevSearch = curSearch;
        } else if (curSearch != prevSearch) {
          console.log("changed to: " + curSearch);
          history.pushState({query: curSearch}, "title", "releases?query=" + curSearch);
          prevSearch = curSearch;
        }
     }
  });
  window.addEventListener("popstate", function(e) {
    if (e.state) …
Run Code Online (Sandbox Code Playgroud)

javascript jquery datatables html5-history

5
推荐指数
1
解决办法
1923
查看次数

简单表单标签类

我想使用simple-formbootstrap生成一个包含 2 行的水平表单。第一行应该有两个并排的输入 - 一个用于名字和一个标签,第二行应该有一个电子邮件输入。我的问题是第一行的标签没有获得control-label水平表单正确呈现所需的类。然而,所有适当的类别都被应用到该email领域。

下面是我的代码:

= simple_form_for @order, :url => '/product/process_order', :html => {:class => 'form-horizontal'} do |f|
  .form-inputs
    .control-group
      = f.label :first, "Full and last name"
      .controls
        = f.input_field :first, :class => "span2", :placeholder => 'First'
        = f.input_field :last,  :class => "span3" , :placeholder => 'Last'

    = f.input :email, :placeholder => 'you@example.com'
Run Code Online (Sandbox Code Playgroud)

生成:

<form accept-charset="UTF-8" action="/product/process_order" class="simple_form form-horizontal" id="new_order" method="post" novalidate="novalidate">
  <div class="form-inputs">
    <div class="control-group">
       <label for="order_first">Full and last name</label> …
Run Code Online (Sandbox Code Playgroud)

ruby-on-rails-3 simple-form twitter-bootstrap

5
推荐指数
1
解决办法
5313
查看次数

5
推荐指数
1
解决办法
2238
查看次数

使用流体网格系统在引导程序上对齐输入

我正在创建一个表单,要求用户输入他们的姓名和电子邮件地址.表单的第一行对于名称的每个部分并排有两个输入,第二行有一个输入用于电子邮件地址,该输入应与第一行的组合宽度相同.我正在尝试使用流体网格系统,但不能将第二行与第一行对齐.

<form action="/subscriptions" method="post">
  <fieldset>
    <div class="control-group">
       <label class="control-label" for="name">Name</label>
       <div class="controls row-fluid">
          <input class="span2" id="first_name" name="first_name" placeholder="First" required="required" type="text">
          <input class="span2" id="last_name" name="last_name" placeholder="Last" required="required" type="text">
       </div>
    </div>
    <div class="control-group">
      <label class="control-label" for="email">Email</label>
      <div class="controls row-fluid">
      <input class="span4" id="email" name="email" type="email">
    </div>
   </div>
 </fieldset>
</form>?
Run Code Online (Sandbox Code Playgroud)

http://jsfiddle.net/sguha095/v4amX/

forms fluid-layout responsive-design twitter-bootstrap

3
推荐指数
1
解决办法
2万
查看次数

单击时阻止默认的蓝色选择

作为一个普通的网站,当我开发网站作为原生的Android应用程序时,在点击后点击的区域上有一个蓝色矩形选择,就像在普通网站上浏览时一样.

我想知道是否有任何方法可以防止这种情况,因此应用程序将具有真正的原生GUI.

谢谢!

html css android cordova

2
推荐指数
1
解决办法
3259
查看次数

在 React Native Expo 中将 Blob 保存到文件系统

我正在尝试下载 PDF 并通过“expo-sharing”SDK 共享它。我无法使用FileSystem.createDownloadResumable,因为该文档可通过 POST 请求获得。

javascript react-native expo

2
推荐指数
1
解决办法
5639
查看次数