搜索到
618
篇与
的结果
-
javascript中undefined与null一些容易出错的地方 javascript中我们经常会用到undefined以及null，这两种类型还是存在区别的。之前因为在项目中一些特殊的地方涉及到判断是undefined还是null，结果就出现了一些问题。基础概念Undefined类型只有一个值，即undefined。当声明的变量还未被初始化时，变量的默认值为undefined。Null类型也只有一个值，即null。null用来表示尚未存在的对象，常用来表示函数企图返回一个不存在的对象。使用区别我们使用if判断null与undefined是否相等时，if语句返回true，如果我们必须区分两种类型，可以使用===进行比较，或者通过typeof获取到数据类型，然后用==进行判断。<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>首页</title> <!-- 作者：iamlisen@163.com 时间：2017-07-25 描述：引入js --> <script src="js/jQuery/jquery-3.2.1.js" type="text/javascript"></script> <script src="js/bootstrap/bootstrap.js" type="text/javascript"></script> <script src="js/bootstrap-select/bootstrap-select.js" type="text/javascript"></script> <script src="js/bootstrap-select/defaults-zh_CN.js" type="text/javascript"></script> <!-- 作者：iamlisen@163.com 时间：2017-07-25 描述：引入css --> <link href="css/bootstrap/bootstrap.css" rel="stylesheet" /> <link href="css/bootstrap/bootstrap-theme.min.css" rel="stylesheet" /> <link href="css/bootstrap-select/bootstrap-select.min.css" rel="stylesheet" /> <!-- 作者：iamlisen@163.com 时间：2017-07-25 描述：自定义js --> <script type="text/javascript"> $(function() { $("#btn1").click(function(event) { /* Act on the event */ alert(null==undefined);//true }); $("#btn2").click(function(event) { /* Act on the event */ alert(null===undefined);//false }); $("#btn3").click(function(event) { /* Act on the event */ alert(typeof(null) == typeof(undefined));//false alert(typeof(null));//object alert(typeof(undefined));//undefined }); }); </script> </head> <body> <div class="panel-body"> <button type="button" class="btn btn-success" id="btn1" style="margin-top:10px">使用==判断是否相等</button> <br/> <button type="button" class="btn btn-danger" id="btn2" style="margin-top:10px">使用===判断是否相等</button> <br/> <button type="button" class="btn btn-info" id="btn3" style="margin-top:10px">使用typeof判断</button> </div> </body> </html> -
Windows下visual studio项目在Mac下打开报错的解决办法 其实Mac下visual studio推出也很久了，我们其实也能感觉到.NET跨平台的决心。其实虽然我是搞.NET 开发的，但是说实话，我对于Windows的电脑是深恶痛绝的，包括我现在使用的小黑T440，感觉使用起来还是没有Mac方便。其实我倒不是说小黑不好，只是我感觉Windows的平台现在太混乱了，动不动软件就来个全家桶。在Mac下面就绝对不会出现这种情况。扯远了。。。。。。言归正传。其实我在该公司还是用小黑的，所以中午休息的时候，有时候会看一下代码，所以我一般就是把代码放到iCloud下面，正式由于同时使用Windows下面的VS,在我回到家用Mac的vs再次打开项目的时候，往往就会出现一些乱七八糟的错误。今天打开一个MVC的项目，就提示一下信息，其实就是说路径存在问题问题处理我们看提示信息，里面有提示的是csproj文件出现问题了，所以我们可以打开项目csproj文件，定位多出错的位置在最下面，我们可以找到报错的行，然后将报错的行删掉即可。保存，重新生成项目就OK了
-
SQL Server导入数据提示"无法在只读列“Id”中插入数据"解决办法 首先我得声明，公司那么牛B的表结构真的不是我弄的。用起来真心蛋疼。言归正传。其实，来新公司没多久，也没来得及熟悉一下用户相关表结构，今天从另外一个环境导入数据的时候，提示下面的信息错误信息正在验证 (错误) 消息 错误 0xc0202049: 数据流任务 1: 无法在只读列“Id”中插入数据。 (SQL Server 导入和导出向导) 错误 0xc0202045: 数据流任务 1: 验证列元数据失败。 (SQL Server 导入和导出向导) 错误 0xc004706b: 数据流任务 1: “目标 - T_USER”验证失败，返回的验证状态为“VS_ISBROKEN”。 (SQL Server 导入和导出向导) 错误 0xc004700c: 数据流任务 1: 一个或多个组件未能通过验证。 (SQL Server 导入和导出向导) 错误 0xc0024107: 数据流任务 1: 任务验证期间出错。 (SQL Server 导入和导出向导)解决问题出现的原因，其实就是存在自增长列，所以，我们导入数据的时候，需要先"编辑映射"中勾选"启用标志才插入"就可以了
-
js实现浏览器全屏以及退出全屏 东西很简单，直接上代码/* * 全屏 */ function fullScreen(ele) { var fullScreenEnabled = document.fullScreenEnabled || document.webkitFullScreenEnabled || document.mozFullScreenEnabled || document.msFullScreenEnabled; var isFullScreen = document.fullScreenElement || document.webkitFullScreenElement || document.mozFullScreenElement || document.msFullScreenElement; if (fullScreenEnabled === undefined || fullScreenEnabled) { if (isFullScreen === undefined) { if (ele.requestFullScreen) { ele.requestFullScreen(); } else if (ele.webkitRequestFullScreen) { ele.webkitRequestFullScreen(); } else if (ele.mozRequestFullScreen) { ele.mozRequestFullScreen(); } else if (ele.msRequestFullScreen) { ele.msRequestFullScreen(); } else { console.log('不存在进入全屏的方法！ => undefined'); } } else if (isFullScreen === null) { if (ele.requestFullScreen) { ele.requestFullScreen(); } else if (ele.webkitRequestFullScreen) { ele.webkitRequestFullScreen(); } else if (ele.mozRequestFullScreen) { ele.mozRequestFullScreen(); } else if (ele.msRequestFullScreen) { ele.msRequestFullScreen(); } else { console.log('不存在进入全屏的方法！ => null'); } } else { console.log('元素已经是全屏状态了！'); return true; } } else { console.log('不支持全屏模式！'); } } /* * 退出全屏 */ function exitFullScreen() { var fullScreenEnabled = document.fullScreenEnabled || document.webkitFullScreenEnabled || document.mozFullScreenEnabled || document.msFullScreenEnabled; var isFullScreen = document.fullScreenElement || document.webkitFullScreenElement || document.mozFullScreenElement || document.msFullScreenElement; if (fullScreenEnabled === undefined || fullScreenEnabled) { if (isFullScreen === undefined) { if (document.exitFullScreen) { document.exitFullScreen(); } else if (document.webkitExitFullScreen) { document.webkitExitFullScreen(); } else if (document.webkitCancelFullScreen) { document.webkitCancelFullScreen(); } else if (document.mozCancelFullScreen) { document.mozCancelFullScreen(); } else if (document.msExitFullScreen) { document.msExitFullScreen(); } else if (document.msCancelFullScreen) { document.msCancelFullScreen(); } else { console.log('不存在退出全屏的方法！ => undefined'); } } else if (isFullScreen !== null) { if (document.exitFullScreen) { document.exitFullScreen(); } else if (document.webkitExitFullScreen) { document.webkitExitFullScreen(); } else if (document.webkitCancelFullScreen) { document.webkitCancelFullScreen(); } else if (document.mozCancelFullScreen) { document.mozCancelFullScreen(); } else if (document.msExitFullScreen) { document.msExitFullScreen(); } else if (document.msCancelFullScreen) { document.msCancelFullScreen(); } else { console.log('不存在退出全屏的方法！ => null'); } } else { console.log('元素已经是非全屏状态了！'); return true; } } else { console.log('不支持全屏模式！'); } }
-
MVC实现下载以及显示图片 在MVC中我们可以很容易的通过File实现图片的显示以及下载等操作。<!DOCTYPE html> <html> <head> <title>Index</title> </head> <body> <div class="horizontal"> <div class="panel panel-heading"> 通过File下载文件 </div> <div class="panel panel-body"> <a href="@Url.Action("ImageFor",new {id="1"})">下载</a> </div> </div> <div class="panel"> <div class="panel-heading"> 通过FilePathResult显示图片 </div> <div class="panel-body"> <img src="@Url.Action("ImageFor",new{id="1"})"/> </div> </div> <div class="panel"> <div class="panel-heading"> 通过FileContentResult显示图片 </div> <div class="panel-body"> <img src="@Url.Action("ImageFor",new {id="2"})"/> </div> </div> </body> </html>using System; using System.Collections.Generic; using System.Linq; using System.Web; using System.Web.Mvc; using System.IO; namespace SportsStore.WebUI.Controllers { public class HomeController : Controller { public ActionResult Index() { ViewBag.Title = "首页"; return View (); } public ActionResult ImageFor(string id){ var filePath = Server.MapPath(string.Format("/Images/image{0}.jpg", "1")); if (id == "1") { return File(filePath, "image/jpg", "meinv.jpg"); }else{ using (FileStream fs = new FileStream(filePath, FileMode.Open, FileAccess.Read)){ byte[] bytes = new byte[fs.Length]; fs.Read(bytes,0,bytes.Length); var fileContentResult = new FileContentResult(bytes, "image/jpg"); return fileContentResult; } } } } }
-
吐槽一下垃圾的联通 其实已经有好几个月没有使用联通了，今天请假陪媳妇去医院，回来都四点多了，想想也就没去公司，直接去联通想着把原来联通的号码停掉，这个号码开通的109的沃家庭套餐，然后就在我打算离开联通的时候，又惹了一肚子气细数联通数宗罪各种业务无法在网上办理在互联网遍地开花的今天，我大联通各种业务还是不支持在网上办理。当你兴高采烈的打开联通手机营业厅的时候，你会看到各种菜单，给人感觉，哎呦，不错哦，然后你点击发现，抱歉暂时不能为你办理。呵呵，不能办理你列上面干啥第三方缴费平台无法打印发票现在都是电子发票了，我也很久没使用联通了，具体就不清楚了。不记得联通什么时候突然在第三方缴费平台缴费突然就不允许打印发票了。在没有任何短信通知的情况下，联通私自执行霸王条款，导致我当时半年的发票无法报销。老用户和狗不得办理我觉得这句话形容联通老用户在合适不过了。联通推出的任何业务都是老用户不得办理或者新用户只需要10元，那么老用户得20元。呵呵，我觉得，当时网上流传的老用户与狗不得办理，这句话太tm贴切了。开通业务时三缄其口，退订业务时，强词夺理其实今天这篇文章，也是因为这个原因有感而发。具体情况是这样的，当时去联通办理宽带，还是当前跟同学一起合租的时候，当时联通营业厅告诉我们，预交700多块钱（具体的记不太清了），约定分两年进行返还，但是相应的我的手机必须开通一个109的套餐，其实就是每个月最低消费109，宽带是20M的，每个月500M流量，通话时间记不太清了。当时联通营业厅的告诉我们，每个月加10元，免费送机顶盒。然后其他的就再也没说。今天两年的合约已经到期，我也换移动好久了，所以打算去联通办理销户。然后取消，我是A200，前面排队的有20人。然后，九个窗口，20个人，我等了一个多小时，效率真是高呀，终于到我了，我说告诉业务人员，我要销户，然后业务人员告诉我，需要提供机顶盒、光猫、遥控器，充电器、各种线缆，我当时就恼了，我说当时不是说免费送的吗，没说需要还呀，吧啦吧啦说了一通，人家就一句话，这个没办法，你回去找找吧，要不然就交500多块钱，草泥马。营业厅要么不能办理业务，要么就排队吧我们看到满大街好多联通营业厅，其实95%都是不能办理业务的，你可以交话费、办卡，但是其他业务，sorry，无法办理。OK，去找个大点的营业厅办理吧，没问题，排队，需要多长时间呢，天知道。不过就我以往的经历来看，联通营业厅办理效率大概是20分钟/人/窗口，效率那叫高呀
-
解决IE8下window.open打开的窗体不是当前窗口的问题 项目中有一个功能是通过扫描枪，扫描条形码之后，打开单据的功能。此功能使用的方法是window.open()，今天客户反馈在IE8下面，打开窗体之后，打开的页面接着被最小化了。问题分析通过分析代码，确定了是window.open()方法导致的这个问题，但是当我仔细查看页面的输入框时，发现每次输入框会自动被清空，其实原因是因为keydown事件中回车之后，当前窗体被重新加载了。解决思路其实发现了问题，解决就比较容易了。既然是窗体重新刷新导致窗体又变成了当前的窗体，那么我们在window.open()方法之后，阻止其他事件就可以了上代码我们定义一个阻止事件继续走的方法function stopDefault(e) { //如果提供了事件对象，则这是一个非IE浏览器 if (e && e.preventDefault) { //阻止默认浏览器动作(W3C) e.preventDefault(); } else { //IE中阻止函数器默认动作的方式 window.event.returnValue = false; } return false; }在window.open()方法后面，调用定义的阻止事件的方法var flag = window.open("url"); if (flag == null) { alert("您的浏览器启用弹出窗口过滤功能！\n请暂时先关闭此功能！"); } stopDefault(e.event);
-
WCF传递枚举值错误问题 今天对外发布一个wcf接口，因为涉及到一些数据状态，是个枚举值，所以本来打算定义一个枚举，然后客户端调用枚举进行传值，这样可以防止不必要的参数传入，但是在测试过程中，枚举传递到服务端的数据始终都是0，也就是第一个数据。代码定义当时服务端代码是这么写的[DataContract] public enum DataState { [EnumMember] Freeze = 0, [EnumMember] Active = 1 } [DataContract] public class TestClass { [DataMember] public DataState state { get; set; } }但是客户端调用WCF服务是，不管枚举值传递Freeze还是Active，服务端得到的始终都是Freeze。之前看网上有人说可以把属性里面的[DataMember]去掉，但是我客户端是需要使用这个属性的，所以如果去掉，客户端就获取不到，百度了一番度娘也没找到解决办法，大家有知道的烦请告诉一声。
-
bootstrap-select样式设置 bootstrap-select支持各种样式设置，通过这些属性，我们可以自己定制各式各样的显示格式。下面的代码只是一些简单的演示，有兴趣的，可以自己尝试一下<div class="form-group"> <div class="panel-heading"> <span class="glyphicon glyphicon-search">只显示默认title</span> </div> <div class="panel-body"> <select class="selectpicker" multiple="true" data-style="btn-success"> <option value="0" class="special">橘子</option> <option value="1" style="color: #008000;">苹果</option> <option value="2" data-icon="glyphicon-heart">香蕉</option> <option value="3" data-content="<span class='label label-success'>芒果</span>">芒果</option> </select> </div> </div>
-
bootstrap-select基本用法（下篇） 设置选中值的格式通过count属性，设置显示内容为选中项的数目<!-- 作者：iamlisen@163.com 时间：2017-07-25 描述：设置选中内容展示格式 --> <div class="form-group"> <div class="panel-heading"> <span class="glyphicon glyphicon-search">显示选中数目</span> <!-- 作者：iamlisen@163.com 时间：2017-07-26 描述：如果选中了一条，显示选中的内容，如果选中多条，显示选中条数 --> </div> <div class="panel-body"> <select class="selectpicker" multiple="true" data-selected-text-format="count"> <option value="0">橘子</option> <option value="1">苹果</option> <option value="2">香蕉</option> </select> </div> </div>设置显示内容为选中项的内容<div class="form-group"> <div class="panel-heading"> <span class="glyphicon glyphicon-search">显示选中项的内容</span> </div> <div class="panel-body"> <select class="selectpicker" multiple="true" data-selected-text-format="value"> <option value="0">橘子</option> <option value="1">苹果</option> <option value="2">香蕉</option> </select> </div> </div>设置由显示选中项的值到显示条数到改变<div class="form-group"> <div class="panel-heading"> <span class="glyphicon glyphicon-search">count > x</span> <!-- 作者：iamlisen@163.com 时间：2017-07-26 描述：当选中条数大于设置的x值时，由显示选中项的内容，变为显示条数 --> </div> <div class="panel-body"> <select class="selectpicker" multiple="true" data-selected-text-format="count>3"> <option value="0">橘子</option> <option value="1">苹果</option> <option value="2">香蕉</option> <option value="3">芒果</option> </select> </div> </div>设置显示静态内容<div class="form-group"> <div class="panel-heading"> <span class="glyphicon glyphicon-search">只显示默认title</span> <!-- 作者：iamlisen@163.com 时间：2017-07-26 描述：内容不跟随选中项发生改变 --> </div> <div class="panel-body"> <select class="selectpicker" multiple="true" data-selected-text-format="static" title="我不会改变"> <option value="0">橘子</option> <option value="1">苹果</option> <option value="2">香蕉</option> <option value="3">芒果</option> </select> </div> </div>设置全选/全不选按钮<div class="form-group"> <div class="panel-heading"> <span class="glyphicon glyphicon-search">只显示默认title</span> </div> <div class="panel-body"> <select class="selectpicker" multiple="true" data-style="btn-success" data-actions-box="true"> <option value="0" class="special">橘子</option> <option value="1" style="color: #008000;">苹果</option> <option value="2" data-icon="glyphicon-heart">香蕉</option> <option value="3" data-content="<span class='label label-success'>芒果</span>">芒果</option> </select> </div> </div>设置分割线<div class="form-group"> <div class="panel-heading"> <span class="glyphicon glyphicon-search">设置分割线</span> </div> <div class="panel-body"> <select class="selectpicker" multiple="true" data-style="btn-success" data-actions-box="true"> <option value="0" class="special">橘子</option> <option value="1" style="color: #008000;">苹果</option> <option data-divider="true"></option> <option value="2" data-icon="glyphicon-heart">香蕉</option> <option value="3" data-content="<span class='label label-success'>芒果</span>">芒果</option> </select> </div> </div>设置选择项不可用<div class="form-group"> <div class="panel-heading"> <span class="glyphicon glyphicon-search">设置选择项是否可用</span> </div> <div class="panel-body"> <select class="selectpicker" multiple="true" data-style="btn-success" data-actions-box="true"> <option value="0" class="special" disabled>橘子</option> <option value="1" style="color: #008000;">苹果</option> <option data-divider="true"></option> <option value="2" data-icon="glyphicon-heart">香蕉</option> <option value="3" data-content="<span class='label label-success'>芒果</span>">芒果</option> </select> </div> </div>
-
bootstrap-select基本用法（上篇） bootstrap-select是结合bootstrap使用的一款功能十分强大的下拉框选择插件。可以实现单选、多选、查询、分组以及限制选择个数等多种功能。单选功能<!-- 作者：iamlisen@163.com 时间：2017-07-25 描述：基本选择 --> <div class="form-group"> <div class="panel-heading"> <span class="glyphicon glyphicon-search">基本选择</span> </div> <div class="panel-body"> <select class="selectpicker" id="singleSelect"> <option value="0">橘子</option> <option value="1">苹果</option> <option value="2">香蕉</option> </select> </div> </div>分组<!-- 作者：iamlisen@163.com 时间：2017-07-25 描述：多选 --> <div class="form-group"> <div class="panel-heading"> <span class="glyphicon glyphicon-search">分组</span> </div> <div class="panel-body"> <select class="selectpicker" id="singleGroupSelect"> <optgroup label="水果"> <option value="0">橘子</option> <option value="1">苹果</option> <option value="2">香蕉</option> </optgroup> <optgroup label="蔬菜"> <option value="3">土豆</option> <option value="4">芹菜</option> </optgroup> </select> </div> </div>多选<!-- 作者：iamlisen@163.com 时间：2017-07-25 描述：多选 --> <div class="panel-heading"> <span class="glyphicon glyphicon-search">多选</span> </div> <div class="panel-body"> <select class="selectpicker" id="multipleGroupSelect" multiple="true"> <optgroup label="水果"> <option value="0">橘子</option> <option value="1">苹果</option> <option value="2">香蕉</option> </optgroup> <optgroup label="蔬菜"> <option value="3">土豆</option> <option value="4">芹菜</option> </optgroup> </select> </div> </div>获取选中的值//多选 $("#multipleGroupSelect").change(function(){ alert($("#multipleGroupSelect").val()); });返回值是以,分隔的字符串查询<!-- 作者：iamlisen@163.com 时间：2017-07-26 描述：data-tokens设置查询关键字，例如下面的查询橘子，通过查询条件“查询橘子”可以查询到橘子 --> <div class="panel-heading"> <span class="glyphicon glyphicon-search">查询</span> </div> <div class="panel-body"> <select class="selectpicker" id="multipleGroupSelect" data-live-search="true" multiple="true"> <optgroup label="水果"> <option data-tokens="查询橘子" value="0">橘子</option> <option value="1">苹果</option> <option value="2">香蕉</option> </optgroup> <optgroup label="蔬菜"> <option value="3">土豆</option> <option value="4">芹菜</option> </optgroup> </select> </div> </div>设置最大选中数目<!-- 作者：iamlisen@163.com 时间：2017-07-26 描述：设置最大选中条数 --> <div class="panel-heading"> <span class="glyphicon glyphicon-search">设置最大选中条数</span> </div> <div class="panel-body"> <select class="selectpicker" id="multipleGroupSelect" data-live-search="true" data-max-options="2" multiple="true"> <optgroup label="水果"> <option data-tokens="查询橘子" value="0">橘子</option> <option value="1">苹果</option> <option value="2">香蕉</option> </optgroup> <optgroup label="蔬菜"> <option value="3">土豆</option> <option value="4">芹菜</option> </optgroup> </select> </div> </div>设置没有选中的显示内容<!-- 作者：iamlisen@163.com 时间：2017-07-26 描述：设置没有选中项的默认值 --> <div class="panel-heading"> <span class="glyphicon glyphicon-search">设置没有选中项的默认值</span> </div> <div class="panel-body"> <select class="selectpicker" title="===请选择===" id="multipleGroupSelect" data-live-search="true" data-max-options="2" multiple="true"> <optgroup label="水果"> <option data-tokens="查询橘子" value="0">橘子</option> <option value="1">苹果</option> <option value="2">香蕉</option> </optgroup> <optgroup label="蔬菜"> <option value="3">土豆</option> <option value="4">芹菜</option> </optgroup> </select> </div> </div>设置每一项的查询关键字<!-- 作者：iamlisen@163.com 时间：2017-07-26 描述：通过设置option的title，设置每一个选中项选中后显示的内容 --> <div class="panel-heading"> <span class="glyphicon glyphicon-search">设置没有选中项的默认值</span> </div> <div class="panel-body"> <select class="selectpicker" title="===请选择===" id="multipleGroupSelect" data-live-search="true" data-max-options="2" multiple="true"> <optgroup label="水果"> <option data-tokens="查询橘子" value="0" title="你选择了橘子">橘子</option> <option value="1">苹果</option> <option value="2">香蕉</option> </optgroup> <optgroup label="蔬菜"> <option value="3">土豆</option> <option value="4">芹菜</option> </optgroup> </select> </div> </div>
-
Bootstrap-select多选下拉框插件 这个下拉框支持多选，而且是bootstrap风格，做出来的东西也比较美观。大家可以先看一下下面的演示图片。个人感觉还是很美的。近期抽时间回多多学习一下这个插件的使用。使用方法先附上一个官网的地址，感兴趣的可以去看一下http://silviomoreto.github.io/bootstrap-select/需要引入的js以及css<!-- Latest compiled and minified CSS --> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.10.0/css/bootstrap-select.min.css"> <!-- Latest compiled and minified JavaScript --> <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.10.0/js/bootstrap-select.min.js"></script> <!-- (Optional) Latest compiled and minified JavaScript translation files --> <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.10.0/js/i18n/defaults-*.min.js"></script>简单的使用<select id="selectpicker1" class="selectpicker form-control" multiple data-live-search="false"> <option value="0">苹果</option> <option value="0">菠萝</option> <option value="0">香蕉</option> <option value="0">哈密瓜</option> </select>获取值$("#XXX").val()设置值$("#selectpicker1").selectpicker({ 'selectText':'苹果' });其他操作var str='3,4,5,6'; var arr=str.split(','); $('#usertype').selectpicker('val', arr);
