随笔分类 - 前端技术
js,jq,vue,angularjs,knockoutjs,reactjs等
摘要：当你需要使用弹出框时，当然可以使用jquery-ui,artdiag,blockUI等等，但今天我介绍一个轻量级的插件 boxy!它可以把美工设计的弹出框很容易的体现出来，而且兼容性还不错！国外参考：http://onehackoranother.com/projects/jquery/boxy/ 1 <script type='text/javascript'> 2 $(function() { 3 $('#ask-actuator').click(function() { 4 Boxy.ask("How are you feeling?
阅读全文
摘要：xheditor确实好用，但由于是第三方的插件，所以，在我们设置起来难免有点麻烦，下面我说几个场景：一 当你希望动态改变xheditor里的内容里需要这样做： var editor = $('#Content').xheditor({ tools: 'full', width: 500, height: 200 }); editor.setSource("");//清空上一次调用时的内容 editor.focus(); editor.pasteHTML(info + "</br>");二 当这个xheditor
阅读全文
摘要：jsonString＝{“name":"zzl"};var obj=eval('('+jsonString+')');alert(obj.name);
阅读全文
摘要：我们在做项目时，当开发ＪＳ特效时，可以出现某几个ＪＳ相互引用的问题，这时，我们的做法，可以是在页面上将所需要的JS文件（包括本操作的ＪＳ和本操作相关的几个ＪＳ文件），然后进行调用即可；而还有一种面向对象的方法，就是把相关的ＪＳ文件写在被直接调用的ＪＳ文件里，即如果有个方法叫delUserFun()，而它要依靠一个art.dialog.js文件，这时，我们可以它后面的js文件引入到delUserFun的js文件中，而不需要在页面上进行引用。//引入依赖的JSdocument.write(unescape("%3Cscript language='javascript'
阅读全文
摘要：写JS还是谨慎点好，为什么这样说，首先一个常识就是，在浏览器执行JS脚本过程中，当出现脚本错误，并且你没有手动进行异常捕捉时，他会在浏览器下面出现黄色的叹号，这是正常的，这也不是最重要的，最重要的是，出错行以下的所有JS代码将中停执行，这是我们不希望看到的，所以说，对于自己写的，拿不准的脚本还是加上异常捕捉比较好。1 清除黄色叹号：window.onerror={return true;} //这只是表面清除了错误，但JS代码将被中停2 为容易出错的，容易产生兼容问题的代码段加上try..cache 1 try{ 2 3 var a="hello world"; 4 5 D
阅读全文
摘要：对于页面的CSS样式，我们开发人员一般只会写一种方式，但一方式很难去适应所有浏览器，或者同一浏览器的各种版本，但如果你要设计一个完美的系统，又必须要去考虑这个问题，下面是我对CSS样式设计的一个想法：1 将公有部分，没有兼容的部分放在一个CSS文件里2 将各个浏览器的个性CSS代码（有兼容性的代码）分别放在自己的文件中3 通过CSS的IF来进行动态的选择看代码： 1 <link href="site.css" rel="stylesheet" type="text/css" /><!--公有通用样式CSS文件--&g
阅读全文
摘要：我们可以在<script>片断中定义一个被JS调用的代码，但代码又不在页面上显示，这时，我们可以使用下面的方法： 1 <script id="commentTemplate" type="text/html"> 2 <li> 3 <div class="photo"> 4 <a href="#"> 5 <img src="[UserImg]" /></a></div> 6 <p> 7 &l
阅读全文
摘要：artDialog.prompt = function (content, yes, value) { value = value || ''; var input; return artDialog({ id: 'Prompt', icon: 'question', fixed: true, lock: true, opacity: .1, content: [ '<div style="margin-bottom:5px;font-size:12px">', content, '<
阅读全文
摘要：先看下面的例子,它将告诉我们在JS世界中也有C#里的public , private ,及static等//重新封装document对象var Console={ Write:function(msg){alert(msg);} }; //Person对象 var Person={ _name:"zzl", //static public _age:28, PrintInfo:function(){Console.Write("name:"+Person._name+",age:"+this._age);} //public meth
阅读全文
摘要：ＩＦＲＭＡＥ请求一个跨域时，而这个跨我们没有操作权限，我们只有加一个ＨＴＭＬ文件的权限，如何实现自适应行高这需要一个中间页面iframe.html 原理：通过改变top.location的hash值，来实现高级的自适应主页面内容：<iframe name="iframeid" id="iframeid" scrolling="no" width="1000" frameborder="0" onl...
阅读全文
摘要：<html><head></head><body><script>document.domain="sina.com";function adjustIframe(id){ var iframe = document.getElementById(id) var idoc = iframe.contentWindow && iframe.contentWindow.document || iframe.contentDocument; var callback = function () { var
阅读全文
摘要：编辑器加载中... /// /// UserBases扩展类,只在返回实体时用 /// public class User_BasesExt : User_Bases { } /// /// (LINQ) UserBases分部类扩展 /// public partial class User_Bases : IEntity { /// /// 用户详细信息 /// public UserInfos UserInfos_Extend { get; set; } ...
阅读全文
摘要：<script type="text/javascript"> //一个面向对象的JS例子，很好的支持了开闭原则 function HtmlControl(options) {//定义一个方法 var el = options.element; el.style.width = options.width; el.st...
阅读全文
摘要：以前的程序： ViewData["msg"] = "{result:true,FileName:\"" + new FileInfo(Request.Files[0].FileName).Name + "\",FileUrl:\"" + fileurl.Replace("\"", "") + "\"}";重构之后的程序： JsonResult j = Jso...
阅读全文
摘要：事实上，MVC中已经很好的封装了Json，让我们很方便的进行操作，而不像JS中那么复杂了。 MVC中： public JsonResult Test() { JsonResult json = new JsonResult { ...
阅读全文
摘要：前提：所有页面用的是一个母板页，并且导航菜单放在母板页ＨＴＭＬ代码如下： <div class="mainnav"> <ul class="banner"> <li class="index"><a href=HTTP://A.COM/HOME>首页</a></li> <li class="index"><a href=HTTP://A.COM/NEWS>考试资讯</a></li> <li
阅读全文
摘要：<script type="text/javascript" src="http://img.zzl.com/script/jquery/jquery-1.4.2.min.js"></script><script type="text/javascript"> $(function() { $("#open").click(function() { openDialog(a1); //调用,直接写上DIV的ID即可 }); }); var openDialog = functio
阅读全文
摘要：ASXC代码：<script> $(function() { //菜单变亮 $(".menubanner>ul>li").find("a[href$='" + location.href.split(window.location.host)[1] + "']") .closest("li").addClass("current");if (location.href.split(window.location.host)[1] == "&quo
阅读全文
摘要：var Class = {}; //定义一个类Class.Name = "类的属性"; //类的属性Class.Hello = function () { alert("类的方法调用" + Class.Name); } //类的方法Class.Users = {}; //定义它的子类Class.Users.Hello = function () { alert("类中的子类对象的方法"); } //子类的方法//方法Hello()其实本实也是一个类对象，我们可以用new Class.Hello()来创建它的实例//prototype在
阅读全文
摘要：var box = $("#js_start_box"); if ($.trim(box.html()) == "") {box.html('<ul><li rel="set_home"><i class="menu-set-homepage"></i>设为主页</li> <li rel="add_mark"><i class="menu-add-fav"></i>添加到收
阅读全文
