小编Cyb*_*kie的帖子

尝试在我的react组件中导入以下内容时出错:

import FontIconPicker from '@fonticonpicker/react-fonticonpicker';
import '@fonticonpicker/react-fonticonpicker/dist/fonticonpicker.base-theme.react.css';

我正在使用这个模块:https://fonticonpicker.github.io/react-fonticonpicker/

我收到此错误:

./node_modules/@fonticonpicker/react-fonticonpicker/dist/fonticonpicker.base-theme.react.css模块解析失败:意外字符'@'(18:0)您可能需要一个合适的加载器来处理此文件类型.|*| / | @ font-face {font-family:fontIconPicker; src:url(assets/fontIconPicker.ttf)format("truetype"),url(assets/fontIconPicker.woff)format("woff"),url(assets/fontIconPicker.svg #fontIconPicker)format("svg"); font-weight:400; font-style:normal} [class ="fipicon - "],[class ^ = fipicon - ] {font-family:fontIconPicker!important; speak:none ;字体样式 .......

可以使用我的github代码重现该错误:https://github.com/gregbia/my-app

使用npm install,并且npm start会显示错误.

我的webpack看起来像这样:

/**
 * Webpack Configuration
 *
 * Working of a Webpack can be very simple or complex. This is an intenally simple
 * build configuration.
 *
 * Webpack basics — If you are new …

我在CI中看到两种类型的结构.例如...

class Blog extends CI_Controller
{
    function __construct()
    {
        parent::__construct();
    }
}

和

class Blog extends CI_Controller
{
       function Blog()
       {
                parent::Controller();
       }
}

他们之间有什么区别？我不知道该选哪个.

我有多个复选框和一个最初禁用的提交按钮.选中一个框时,按钮被启用,当取消选中时,该按钮再次被禁用.

如果选中了多个复选框但取消选中一个复选框,即使我选择了其他复选框,该按钮也会被禁用.我该如何解决这个问题？

<script type="text/javascript"> 
$(function() {
    $(".checkbox").click(function() {
      $(".delete").attr("disabled", !this.checked);
    });
});
</script>

HTML

<input type="checkbox" name="msg[]" value="32" class="checkbox" />
<input type="checkbox" name="msg[]" value="44" class="checkbox" />
<input type="checkbox" name="msg[]" value="26" class="checkbox" />

<button type="submit" class="delete" disabled="disabled">Delete</button>

我在LatLngBounds数组中按关键字搜索地点.

    var boundsarr = new Array();

    boundsarr[0] = new google.maps.LatLngBounds(
        new google.maps.LatLng(25.941886953491675, -80.17411103748543),
        new google.maps.LatLng(25.947676224813897, -80.16767330177947)
    );
    boundsarr[1] = new google.maps.LatLngBounds(
        new google.maps.LatLng(25.941886953491675, -80.16767330177947),
        new google.maps.LatLng(25.94622890698334, -80.1644544339265)
    );
    boundsarr[2] = new google.maps.LatLngBounds(
        new google.maps.LatLng(25.927413775186118, -80.1644544339265),
        new google.maps.LatLng(25.94622890698334, -80.15962613214703)
    );
    boundsarr[3] = new google.maps.LatLngBounds(
        new google.maps.LatLng(25.927413775186118, -80.15962613214703),
        new google.maps.LatLng(25.931755728677782, -80.15801669822054)
    );
    boundsarr[4] = new google.maps.LatLngBounds(
        new google.maps.LatLng(25.927413775186118, -80.15801669822054),
        new google.maps.LatLng(25.933203046508336, -80.15318839644107)
    );
    boundsarr[5] = new google.maps.LatLngBounds(
        new google.maps.LatLng(25.92886109301667, -80.15318839644107),
        new google.maps.LatLng(25.933203046508336, -80.15157896251458)
    );

然后在地图,to和数组上添加标记,并使用markers数组创建返回的地点列表.重复的条目显示在列表中,我无法弄清楚为什么..

示例:http://jsfiddle.net/2KrmY/.如何防止重复显示？任何帮助是极大的赞赏!

我正在尝试在使用Google Maps Javascript API时澄清Google地图服务的使用限制(例如地点,路线等).

根据官方文件

JavaScript Maps API V3是一项免费服务,适用于任何对消费者免费的网站

和

营利性网站每天可以使用Google Maps JavaScript API v3生成多达25 000个地图加载.

现在,每个Google Maps服务API都有自己的使用限制:

• Places API允许每24小时1,000或100,000(如果您已经过验证)请求.

• Directions API每天允许2,500个请求

在我的网络应用程序中,我通过Javascript API使用场所库和方向服务.与Javascript API一起使用时,是否适用每项服务的使用限制？文档没有说清楚.

我正在使用不同尺寸的图像创建2列砌体布局.图像可以是任何大小,只要它们具有最大公约数(根据Masonry插件的要求).

为了使布局响应我将砌体项目的宽度转换为百分比(或者我可以使用最小宽度和宽度100%).

更新:我注意到许多人回答这两个列作为解决方案的50%.这有效但不是目标.图像必须保留其原始图像大小.它们可以缩小但保持相同的比例.

$(function () {    
    var container = $('#container');

    // Convert .box width from pixels to percent
    $('.box').find('img').each(function () {
        var percent = ($(this).width()) / container.width() * 100 //convert to percent;
        $(this).closest('.box').css('max-width', percent + '%');
    });

    // Trigger masonry
    container.masonry({
        itemSelector: '.box',
        columnWidth: 1 //widths dividable by 1
    });
});

jsfiffle:http://jsfiddle.net/AMLqg/278/

这似乎有效.调整窗口大小时,项目是流动的.但是,如果以小窗口大小(小于2列宽度)加载脚本,则项目会崩溃.即使窗口较小,如何保持砌体物品对窗口负载的响应？

更新:这是更多信息,以便更好地理解.无论窗口大小如何,我都试图保留2个响应列.列不能具有相等的宽度,因为图像具有不同的宽度.出于这个原因我正在使用,columnWidth: 1因为所有宽度都可以分为1.

请参阅下面的图片以获取示例.

问题:在小窗口中打开页面时,元素将折叠.当您将窗口的大小调整为更大时,元素将保持折叠状态,直到窗口宽度大于两个元素的宽度.

目标:我正在尝试将元素保存在2个响应列中,如下图所示.目前它们仍然保持响应,如果在加载时窗口很大并且你将其调整为较小但不反之亦然当窗口负载较小并且你使其变大时.

我在HTML元素中使用数据属性

例:

<div class="fruit" data-color="red">...</div>

在jQuery中我使用了data属性$(this).data("color")并添加它有一个类名称.

在将数据属性添加为类之前,是否有必要首先验证数据属性是否存在？例:

// $(this) is .fruit div
if ( $(this).data("color") ) {
   $(this).addClass($(this).data("color")); //adds data value as class to element
}

还是jQuery处理那个？我尝试在没有if语句的情况下运行代码,如果元素没有"color"数据属性,我不会得到任何错误.我猜jQuery只是忽略它.

是否可以使用Gulp复制HTML的一部分(而不是整个文件)并将其注入不同的文件？

我找到了像https://www.npmjs.com/package/gulp-html-replace这样的软件包

和https://www.npmjs.com/package/gulp-inject-string

但他们实际上无法复制HTML.

我必须知道..

是

$this->form_validation->set_value('first_name')

同样的

$this->input->post('first_name')

？

他们似乎都得到了输入值.如果我验证输入,第一个更安全吗？

选项

$lat = '25.7742658';
$lng = '-80.1936589';
$miles = 30;

询问

SELECT *, 
   ( 3959 * acos( cos( radians($lat) ) 
   * cos( radians( lat ) ) 
   * cos( radians( lng ) - radians($lng) ) 
   + sin( radians($lat) ) 
   * sin( radians( lat ) ) ) ) AS distance 
FROM locations 
HAVING distance < $miles 
ORDER BY distance 
LIMIT 0, 20

我有一个包含4列的数据库表:

• 唯一身份
• 城市名称
• 纬度(纬度)
• 经度(lng)

我在顶部使用查询返回指定坐标内指定英里数内的位置.它似乎工作,但我不确定它是多么准确.我很高兴知道查询是好还是你有更好的解决方案.