随笔分类 - 前端技术
js,jq,vue,angularjs,knockoutjs,reactjs等
摘要：对于页面的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>添加到收
阅读全文
摘要：var Page_INIT = function () { $(document).bind("mouseover", function (e) {//鼠标移入 if (e.target.tagName.toUpperCase() == "INPUT") { var input = e.target; if (input.type == "text") {//如果是文本框 if (window.Page_FocusTimer) {//如果处于焦点状态 window.clearTimeout(window.Page_FocusTimer
阅读全文
摘要：我们在使用JS制作控件时,经常使用的方法就是建立一个function对象,然后对function的原型对象进行扩展对象的建立,这样在建立function对象的实例后,就可以访问到prototype原型所指定的新对象了.例如:定义一个function对象function zzl(){…}为zzl对象建立一个原型扩展对象 zzl.prototype = { display: function () { alert("欢迎您"); }, property: { name: "zzlController", version: "1.1.0",
阅读全文
摘要：我把ＪＳ也面向对象了，感兴趣的朋友可以来看看代码，哈哈：<script> function zzl() {//一个类 getname = function () { //在本类内部访问，私有方法 return "zhangzhanling"; } this.getfirstname = function () { //在本类及本类的实例中访问,公用方法 return "zhang"; } this.getfirstAndFullName = function () { return "full:" + getname()
阅读全文
摘要：方法回调:callback方法回调是指当某方法执行完成后,去自动执行指定的另一方法的过程.下面举两个代表性的例子,说说JS世界里的方法回调.一 对JS脚本文件动态加载,当加载完成后,去回调一个函数<script> /* js动态加载脚本库方法 */ function include_js(file) { var _doc = document.getElementsByTagName('head')[0]; var js = document.createElement('script'); js.setAttribute('type'
阅读全文
摘要：$ 是什么？jQuery 又是什么？jQuery = window.jQuery = window.$ = function( selector, context ) { return new jQuery.fn.init( selector, context );}通过这段代码，可以看到 $，jQuery 是 window 对象上自定义的一个成员，这个成员指向了一个匿名函数，以后可以通过window 对象的 $ 或者 jQuery 来使用这个函数。这个函数返回了一个通过 jQuery.fn.init 函数定义的对象。说明通过 jQuery 得到的对象其实是一个 jQuery.fn.init
阅读全文
浙公网安备 33010602011771号