评论 - lizhenqiu blog

#⁹⁵¹

作者：广西南宁市

微信永久图文素材报错 44003
微信上传永久素材图文，一直报{"errcode":44003,"errmsg":"empty news data"}。
看了接口参数，使用post，就是出现44003
最后发现原因，是数据错误导致

数据参考格式：
$jsonArr = array(
"articles"=> array(
array(// 我就是少了这层array 才会报empty news data 错误
"title"=> 'dingdingdemo',
"thumb_media_id"=> '填写素材id',
"author"=> 'martin',
"digest"=> 'digest',
"show_cover_pic"=> 0,
"content"=> $content,
"content_source_url"=> 'https://www.baidu.com/',
),
array(
"title"=> 'dingdingdemo2',
"thumb_media_id"=> '填写素材id',
"author"=> 'martin',
"digest"=> 'digest',
"show_cover_pic"=> 0,
"content"=> "content",
"content_source_url"=> 'https://www.baidu.com/',
)
),
);
$json3=json_encode($jsonArr,JSON_UNESCAPED_UNICODE);
进行传输

Run code

Cut to clipboard

文章：weiphp微信多客服系统插件发表时间：2017-09-26, 09:06:00

展开↯

#⁹⁵²

作者：广西南宁市

英语48个音标读法：
元音音素：
/i:/ 【衣发长点】
/I/ 【衣急促地发声】
/e/ 【哎发这个音的时候不要把“哎”的ī给读出来,嘴唇放松自然地读】
/æ/ 【哎发这个音的时候不要把“哎”的ī给读出来,嘴唇扁平地发】
/ə:/ 【额发长音】
/ə/ 【额发短音】
/∧/ 【阿嘴巴微微地张开发出这个音就可以了】
/a:/ 【啊嘴巴长到最大】
/כ/ 【哦急促】
/כ:/ 【哦声音拖长】
/u/ 【乌急促】
/u:/ 【乌声音拖长】
/eI/ 【有点像答应人的“诶”的声音】
/aI/ 【唉】
/כI/ 【哦－喂连着读】
/əu/ 【呕】
/au/ 【傲】
/Iə/ 【衣－饿连着读】
/εə/ 【哎－饿连着读】
/uə/ 【乌－饿连着读】
辅音音素：
/p/ 【普不要把ǔ给发出来,轻音】
/b/ 【不不要把ù给发出来,浊音】
/t/ 【特不要把è给发出来,轻音】
/d/ 【得不要把é给发出来,浊音】
/k/ 【克不要把è给发出来,轻音】
/g/ 【各不要把è给发出来,浊音】
/f/ 【福不要把ú给发出来,轻音】
/v/ 【有点像摩托车启动的声音,“呜呜呜”地,但是是像发“vúvúvú”一样,不要把ú给发出来,浊音】
/s/ 【丝像蛇吐芯子发出的那种声音,不要把ī给读出来,轻音】
/z/ 【就是/s/的浊音】
/θ/ 【牙齿咬住舌头的轻音】
/δ/ 【牙齿咬住舌头的浊音】
/∫/ 【西不要把ī给发出来,轻音】
/з/ 【衣不要把ī给发出来,浊音】
/h/ 【喝不要把ē给发出来,轻音】
/r/ 【若不要把uò给发出来,浊音】
/t∫/ 【七不要把ī给发出来,轻音】
/dз/ 【姬不要把ī给发出来,浊音】
/tr/ 【缺不要把uē给发出来,轻音】
/dr/ 【撅不要把uē给发出来,浊音】
/ts/ 【次不要把ì给发出来,轻音】
/dz/ 【自不要把ì给发出来,浊音】
/m/ 【嘴巴闭住,然后发音,气流从鼻子出来,浊音】
/n/ 【嘴巴微张,舌尖顶住上颚,气流从鼻子出来而不是从嘴巴出来,浊音】
/ŋ/ 【嘴巴长大,舌头向下弯曲,气流从鼻子出来而不是从嘴巴出来,浊音】
/l/ 【有两个读音.一是放在音标结尾发呕,浊音；而是放在音标中发了,浊音】
/w/ 【我不要把ǒ给发出来,浊音】
/j/ 【呀不要把ǎ给发出来,浊音】

文章：@意见反馈/技术支持/伊网/安企网发表时间：2017-09-23, 16:08:59

展开↯

#⁹⁵³

作者：广东省揭阳市

国家就像一颗大树，高层就像树冠，到处争取阳光雨水，底层就像树根，吸取养分，中间那一层就像树干，虽然比较重要，但容易生虫。

文章：@意见反馈/技术支持/伊网/安企网发表时间：2017-09-23, 04:30:03

展开↯

#⁹⁵⁴

作者：广西南宁市

CDN
WeUI
v1.1.2

https://res.wx.qq.com/open/libs/weui/1.1.2/weui.css
https://res.wx.qq.com/open/libs/weui/1.1.2/weui.min.css

Run code

Cut to clipboard

v0.4.3

https://res.wx.qq.com/open/libs/weui/0.4.3/weui.css
https://res.wx.qq.com/open/libs/weui/0.4.3/weui.min.css

Run code

Cut to clipboard

#,广西南宁市,2017-09-21,16:39:14, FAQ vConsole一个轻量、可拓展、针对手机网页的前端开发者调试面板。

文章：WeUI微信小程序前端框架ui简明入门指南发表时间：2017-09-21, 14:59:04

展开↯

#⁹⁵⁵

作者：广西南宁市

<script src="https://weui.io/zepto.min.js"></script>

<div id="sd"></div>
<script id="commentTemplate" type="text/html">
      <li>
123
     </li>
</script>

<script>
	$(window).on('hashchange', function () {
		var state = history.state || {};
		var url = location.hash.indexOf('#') === 0 ? location.hash : '#';
		//var page = self._find('url', url) || self._defaultPage;
		/*if (state._pageIndex <= self._pageIndex || self._findInStack(url)) {
			self._back(page);
		} else {
			self._go(page);
		}*/
		console.log(location.href.split('#')[1]);
		//location.hash = url;
		$('#sd').html($('#commentTemplate').html());
	});
	
</script>
<a href="#dsf">#dsf</a>

Run code

Cut to clipboard

#,广西南宁市,2017-09-21,14:50:21,

<script src="https://weui.io/zepto.min.js"></script>

<div id="sd"></div>
<script id="commentTemplate" type="text/html">
      <li>
123
     </li>
</script>

<script>
    $(window).on('hashchange', function () {
        var state = history.state || {};
        var url = location.hash.indexOf('#') === 0 ? location.hash : '#';
        //var page = self._find('url', url) || self._defaultPage;
        /*if (state._pageIndex <= self._pageIndex || self._findInStack(url)) {
            self._back(page);
        } else {
            self._go(page);
        }*/
        console.log(location.href.split('#')[1]);
        //location.hash = url;
        $('#sd').html($('#commentTemplate').html());
    });
    
</script>
<a href="#dsf">#dsf</a>

Run code

Cut to clipboard

#,广西南宁市,2017-09-21,14:51:21, 我们可以在<script>片断中定义一个被JS调用的代码，但代码又不在页面上显示，这时，我们可以使用上面的方法：OK，这个意思是说，当你单击按钮时，可以把commentTemplate的内容追到comment_ul_2里，这很有意思吧，呵呵！
而其中有一个replace，也很有意思，向在替换时，可以接受一个json字符串，然后根据json的key来对比js模块里的key，进行赋值！
真的很有意思！

#,广西南宁市,2017-09-21,14:52:12,

/**
 * Created by jf on 2015/9/11.
 * Modified by bear on 2016/9/7.
 */
$(function () {
    var pageManager = {
        $container: $('#container'),
        _pageStack: [],
        _configs: [],
        _pageAppend: function(){},
        _defaultPage: null,
        _pageIndex: 1,
        setDefault: function (defaultPage) {
            this._defaultPage = this._find('name', defaultPage);
            return this;
        },
        setPageAppend: function (pageAppend) {
            this._pageAppend = pageAppend;
            return this;
        },
        init: function () {
            var self = this;

            $(window).on('hashchange', function () {
                var state = history.state || {};
                var url = location.hash.indexOf('#') === 0 ? location.hash : '#';
                var page = self._find('url', url) || self._defaultPage;
                if (state._pageIndex <= self._pageIndex || self._findInStack(url)) {
                    self._back(page);
                } else {
                    self._go(page);
                }
            });

            if (history.state && history.state._pageIndex) {
                this._pageIndex = history.state._pageIndex;
            }

            this._pageIndex--;

            var url = location.hash.indexOf('#') === 0 ? location.hash : '#';
            var page = self._find('url', url) || self._defaultPage;
            this._go(page);
            return this;
        },
        push: function (config) {
            this._configs.push(config);
            return this;
        },
        go: function (to) {
            var config = this._find('name', to);
            if (!config) {
                return;
            }
            location.hash = config.url;
        },
        _go: function (config) {
            this._pageIndex ++;

            history.replaceState && history.replaceState({_pageIndex: this._pageIndex}, '', location.href);

            var html = $(config.template).html();
            var $html = $(html).addClass('slideIn').addClass(config.name);
            $html.on('animationend webkitAnimationEnd', function(){
                $html.removeClass('slideIn').addClass('js_show');
            });
            this.$container.append($html);
            this._pageAppend.call(this, $html);
            this._pageStack.push({
                config: config,
                dom: $html
            });

            if (!config.isBind) {
                this._bind(config);
            }

            return this;
        },
        back: function () {
            history.back();
        },
        _back: function (config) {
            this._pageIndex --;

            var stack = this._pageStack.pop();
            if (!stack) {
                return;
            }

            var url = location.hash.indexOf('#') === 0 ? location.hash : '#';
            var found = this._findInStack(url);
            if (!found) {
                var html = $(config.template).html();
                var $html = $(html).addClass('js_show').addClass(config.name);
                $html.insertBefore(stack.dom);

                if (!config.isBind) {
                    this._bind(config);
                }

                this._pageStack.push({
                    config: config,
                    dom: $html
                });
            }

            stack.dom.addClass('slideOut').on('animationend webkitAnimationEnd', function () {
                stack.dom.remove();
            });

            return this;
        },
        _findInStack: function (url) {
            var found = null;
            for(var i = 0, len = this._pageStack.length; i < len; i++){
                var stack = this._pageStack[i];
                if (stack.config.url === url) {
                    found = stack;
                    break;
                }
            }
            return found;
        },
        _find: function (key, value) {
            var page = null;
            for (var i = 0, len = this._configs.length; i < len; i++) {
                if (this._configs[i][key] === value) {
                    page = this._configs[i];
                    break;
                }
            }
            return page;
        },
        _bind: function (page) {
            var events = page.events || {};
            for (var t in events) {
                for (var type in events[t]) {
                    this.$container.on(type, t, events[t][type]);
                }
            }
            page.isBind = true;
        }
    };

    function fastClick(){
        var supportTouch = function(){
            try {
                document.createEvent("TouchEvent");
                return true;
            } catch (e) {
                return false;
            }
        }();
        var _old$On = $.fn.on;

        $.fn.on = function(){
            if(/click/.test(arguments[0]) && typeof arguments[1] == 'function' && supportTouch){ // 只扩展支持touch的当前元素的click事件
                var touchStartY, callback = arguments[1];
                _old$On.apply(this, ['touchstart', function(e){
                    touchStartY = e.changedTouches[0].clientY;
                }]);
                _old$On.apply(this, ['touchend', function(e){
                    if (Math.abs(e.changedTouches[0].clientY - touchStartY) > 10) return;

                    e.preventDefault();
                    callback.apply(this, [e]);
                }]);
            }else{
                _old$On.apply(this, arguments);
            }
            return this;
        };
    }
    function preload(){
        $(window).on("load", function(){
            var imgList = [
                "./images/layers/content.png",
                "./images/layers/navigation.png",
                "./images/layers/popout.png",
                "./images/layers/transparent.gif"
            ];
            for (var i = 0, len = imgList.length; i < len; ++i) {
                new Image().src = imgList[i];
            }
        });
    }
    function androidInputBugFix(){
        // .container 设置了 overflow 属性, 导致 Android 手机下输入框获取焦点时, 输入法挡住输入框的 bug
        // 相关 issue: https://github.com/weui/weui/issues/15
        // 解决方法:
        // 0. .container 去掉 overflow 属性, 但此 demo 下会引发别的问题
        // 1. 参考 http://stackoverflow.com/questions/23757345/android-does-not-correctly-scroll-on-input-focus-if-not-body-element
        //    Android 手机下, input 或 textarea 元素聚焦时, 主动滚一把
        if (/Android/gi.test(navigator.userAgent)) {
            window.addEventListener('resize', function () {
                if (document.activeElement.tagName == 'INPUT' || document.activeElement.tagName == 'TEXTAREA') {
                    window.setTimeout(function () {
                        document.activeElement.scrollIntoViewIfNeeded();
                    }, 0);
                }
            })
        }
    }
    function setJSAPI(){
        var option = {
            title: 'WeUI, 为微信 Web 服务量身设计',
            desc: 'WeUI, 为微信 Web 服务量身设计',
            link: "https://weui.io",
            imgUrl: 'https://mmbiz.qpic.cn/mmemoticon/ajNVdqHZLLA16apETUPXh9Q5GLpSic7lGuiaic0jqMt4UY8P4KHSBpEWgM7uMlbxxnVR7596b3NPjUfwg7cFbfCtA/0'
        };

        $.getJSON('https://weui.io/api/sign?url=' + encodeURIComponent(location.href.split('#')[0]), function (res) {
            wx.config({
                beta: true,
                debug: false,
                appId: res.appid,
                timestamp: res.timestamp,
                nonceStr: res.nonceStr,
                signature: res.signature,
                jsApiList: [
                    'onMenuShareTimeline',
                    'onMenuShareAppMessage',
                    'onMenuShareQQ',
                    'onMenuShareWeibo',
                    'onMenuShareQZone',
                    // 'setNavigationBarColor',
                    'setBounceBackground'
                ]
            });
            wx.ready(function () {
                /*
                 wx.invoke('setNavigationBarColor', {
                 color: '#F8F8F8'
                 });
                 */
                wx.invoke('setBounceBackground', {
                    'backgroundColor': '#F8F8F8',
                    'footerBounceColor' : '#F8F8F8'
                });
                wx.onMenuShareTimeline(option);
                wx.onMenuShareQQ(option);
                wx.onMenuShareAppMessage({
                    title: 'WeUI',
                    desc: '为微信 Web 服务量身设计',
                    link: location.href,
                    imgUrl: 'https://mmbiz.qpic.cn/mmemoticon/ajNVdqHZLLA16apETUPXh9Q5GLpSic7lGuiaic0jqMt4UY8P4KHSBpEWgM7uMlbxxnVR7596b3NPjUfwg7cFbfCtA/0'
                });
            });
        });
    }
    function setPageManager(){
        var pages = {}, tpls = $('script[type="text/html"]');
        var winH = $(window).height();

        for (var i = 0, len = tpls.length; i < len; ++i) {
            var tpl = tpls[i], name = tpl.id.replace(/tpl_/, '');
            pages[name] = {
                name: name,
                url: '#' + name,
                template: '#' + tpl.id
            };
        }
        pages.home.url = '#';

        for (var page in pages) {
            pageManager.push(pages[page]);
        }
        pageManager
            .setPageAppend(function($html){
                var $foot = $html.find('.page__ft');
                if($foot.length < 1) return;

                if($foot.position().top + $foot.height() < winH){
                    $foot.addClass('j_bottom');
                }else{
                    $foot.removeClass('j_bottom');
                }
            })
            .setDefault('home')
            .init();
    }

    function init(){
        preload();
        fastClick();
        androidInputBugFix();
        setJSAPI();
        setPageManager();

        window.pageManager = pageManager;
        window.home = function(){
            location.hash = '';
        };
    }
    init();
});

Run code

Cut to clipboard

文章：WeUI微信小程序前端框架ui简明入门指南发表时间：2017-09-21, 14:50:00

展开↯

#⁹⁵⁶

作者：广西南宁市

    function androidInputBugFix(){
        // .container 设置了 overflow 属性, 导致 Android 手机下输入框获取焦点时, 输入法挡住输入框的 bug
        // 相关 issue: https://github.com/weui/weui/issues/15
        // 解决方法:
        // 0. .container 去掉 overflow 属性, 但此 demo 下会引发别的问题
        // 1. 参考 http://stackoverflow.com/questions/23757345/android-does-not-correctly-scroll-on-input-focus-if-not-body-element
        //    Android 手机下, input 或 textarea 元素聚焦时, 主动滚一把
        if (/Android/gi.test(navigator.userAgent)) {
            window.addEventListener('resize', function () {
                if (document.activeElement.tagName == 'INPUT' || document.activeElement.tagName == 'TEXTAREA') {
                    window.setTimeout(function () {
                        document.activeElement.scrollIntoViewIfNeeded();
                    }, 0);
                }
            })
        }
    }

Run code

Cut to clipboard

文章：WeUI微信小程序前端框架ui简明入门指南发表时间：2017-09-21, 12:52:43

展开↯

#⁹⁵⁷

作者：广西南宁市

文章：WeUI微信小程序前端框架ui简明入门指南发表时间：2017-09-21, 12:43:37

展开↯

#⁹⁵⁸

作者：广西南宁市

"不可证伪"即为宗教, 现实中好多人是"永远正确"的,对这些人怎么摆事实讲道理都没用,他们总会找到理由(即使这理由蠢到让人伤心).少看心灵鸡汤,多看科学方法.

文章：张朝阳：中国教育的失败是一直在宣扬答案的「唯一性」发表时间：2017-09-20, 10:57:33

展开↯

#⁹⁵⁹

作者：广西南宁市

我认为还失败在没有广泛地传授哲学、思辨等开启智慧的课程。

文章：张朝阳：中国教育的失败是一直在宣扬答案的「唯一性」发表时间：2017-09-20, 10:57:10

展开↯

#⁹⁶⁰

作者：广西南宁市

张朝阳：聪明人有思维的勇敢性和精确性，而组织起他们，才能创新

文章：张朝阳：中国教育的失败是一直在宣扬答案的「唯一性」发表时间：2017-09-20, 10:54:34

展开↯

#⁹⁶¹

作者：广西南宁市

作为聪明人的领导者，你首先应该思维上所向披靡，思维在第一线上。要让聪明人组成的团队能明白，你是能够理解他们正在做的事情的。

文章：张朝阳：中国教育的失败是一直在宣扬答案的「唯一性」发表时间：2017-09-20, 10:54:25

展开↯

#⁹⁶²

作者：广西南宁市

使用闭包的注意点
1.对捕获的变量只是个引用，不是复制；

function f() {
        var num = 1;

        function g() {
            //函数f()被执行之后，运行到此行，g.Scope =>f.LE;
            alert(num);
        }

        num++;
        g();//当函数g()第一次被执行时，f.LE里num=2；
    }
    f();//弹出2；说明弹出的num是对f.LE里num的引用，而不是复制

Run code

Cut to clipboard

2.父函数每调用一次，都会创建一个新的词法环境，会产生不同的闭包；

function f() {
       var num = 1;
       return function () {
           num++;
           alert(num);
       }
    }
    var result1= f();//f()第一次被调用，创建了一个新的词法环境 result1.Scope => f.LE

    result1();//2
    result1();//3

    var result2 = f();//f()第二次被调用，又创建了一个新的词法环境 result2.Scope => f.LE

    result2();//2
    result2();//3

Run code

Cut to clipboard

3.循环中问题

<div id="1">1</div>
<div id="2">2</div>
<div id="3">3</div>

Run code

Cut to clipboard

for(var i = 0;i<=3;i++){
    //因为JS中没有块级作用域的概念，所以代码扫描到for循环这里时，
    //i是一个全局变量，并且，i=4；for循环只是给ele循环绑定了点击事件；
    //也就是说，onclick事件没有执行的时候，i的值已经是4了
    var ele = document.getElementById("i");
    ele.onclick = function () {
        alert(i);//所以当点击时，都弹出4
    }
}

Run code

Cut to clipboard

应用闭包

var i;
    for(i =1;i<=3;i++){
        var ele = document.getElementById(i);
        ele.onclick = (function (id) {
            return function () {//return一个函数给onclick事件
                alert(id);//捕获父函数的id的值
            }
        })(i);//循环第一次的时候，i=1，立即调用，产生一个闭包，将i作为参数传入，依次
    }

Run code

Cut to clipboard

文章：简说javascript的this的指向4个运用场景发表时间：2017-09-19, 17:48:12

展开↯

#⁹⁶³

作者：广西南宁市

文本内容比较 Notepad++
Notepad++文本比较插件：Compare
下载该“ComparePlugin.dll”文件后，复制到Notepad++安装目录下的\plugins目录即可。

#,广西南宁市,2017-09-19,16:55:13, notePad++ compare插件 64位

#,广西南宁市,2017-09-19,17:06:14, notepad++ FTP插件

文章：电脑中所有html都有DropFileName = "svchost.exe"病毒解决方法发表时间：2017-09-19, 16:48:44

展开↯

#⁹⁶⁴

作者：广西南宁市

文章：weiphp微信多客服系统插件发表时间：2017-09-19, 16:19:06

展开↯

#⁹⁶⁵

作者：北京市

人可以随时转身，但不可以一直后退

#,广西南宁市,2017-09-18,14:59:35, 只要获得安身立命的基础，那就有可能等到巨头犯错的机会。

#,广东省揭阳市,2017-09-19,01:43:48, 佛：随便你说，我已超脱。

#,广西南宁市,2017-09-19,12:19:14, 没有高下之分，只有左右之别

#,广西南宁市,2017-09-19,12:20:42, 永远要向有结果的人学习，因为结果不会撒谎

文章：@意见反馈/技术支持/伊网/安企网发表时间：2017-09-16, 20:40:15

展开↯

#⁹⁶⁶

作者：广西南宁市

如果是你php内容不在同一个文件，肯定首先都是要先引入的，要先引入肯定要先知道文件路径这是必不可少的，如果你已经知道文件内容了，而不想引入方式来解决，直接写到一个文件里面不就可以了么？
eval函数可以直接把字符串作为php代码执行，如 eval('$A=1;'); echo $A;输出1；
但是不建议这样用，比较你的需求是已经知道代码内容了，只是不想引入，不想引入写到一个文件就行了，你说文件太多，写到一个里面太乱，太长，那肯定是鱼和熊掌不能兼得的事情。
另外也可以试试文件导入缓存机制，第一次引入文件需要读取io重复读取不用读取io

function includes($file){
     $static $cache = [];
     if(isset($cache[$file])){
         return $cache[$file];
    }else{
        return $cache[$file] = include $file;
    }
}

Run code

Cut to clipboard

文章：ThinkPHP中实现微信支付(jsapi支付)流程发表时间：2017-09-19, 11:54:40

展开↯

#⁹⁶⁷

作者：广西南宁市

div设置overflow-y:scroll时怎么阻止body页面的滚动？
js body滚动冒泡
js滚动冒泡

对局部需要滚动条的元素，尝试使用这个css属性：
-webkit-overflow-scrolling: touch;

Run code

Cut to clipboard

两种方法，1.设置body：fixed.2.设置body height:100%,设置body的子元素div高度100%，overflow：hidden

Run code

Cut to clipboard

文章：常用html、demo代码发表时间：2017-09-19, 11:51:43

展开↯

#⁹⁶⁸

作者：广西南宁市

javascript中的this和e.target的深入研究
this 是javascript的一个关键字，当函数运行时在内部自动生成。this是会变化的，在不同的场合，代表的东西就不一样。简单点来说，this指调用这个函数的对象。当你使用this代表的当前html元素，这样你就可以使用这个元素的属性和方法呢。
e.target 中的e是可以自己随意取名的，现在关键讲的是target。简单点说就是触发这个事件的目标元素。它和this的区别就在于this是会变得，而target是不会变得，target的认定了目标就不会发生变化了。this其实就等于e.currentTarget.

#,广西南宁市,2017-09-19,11:37:04,
this和event.target的区别：
js中事件是会冒泡的，所以this是可以变化的，但event.target不会变化，它永远是直接接受事件的目标DOM元素；
.this和event.target都是dom对象

#,广西南宁市,2017-09-19,11:37:38,
　　$(this)是触发执行当前函数块（事件处理函数）最内层（距离最近的）的jQuery对象，在你的代码中就是触发了mouseover事件的对象。
　　function(e)中的参数e是事件对象，根据事件的不同，具有对应的子属性，比如键盘事件和鼠标事件等，你的代码中对应的是鼠标事件。

#,广西南宁市,2017-09-19,11:40:47, .click(function(event) 中的event ，是什么意思？

$('#video_popup .close').click(function(event) {
event.preventDefault();
$('#video_popup').hide();
});

Run code

Cut to clipboard

请各位大哥详细分析？
click(function(event) 中的event是事件对象的意思，event这里因为是单击，就是mouseEvent(鼠标事件)。
event.preventDefault();这是阻止默认事件，比如在浏览器中点击右键，会弹出一个菜单，加了这句之后就不会弹出这个菜单了，还有单击链接，会跳到相应的地址，加了这句就不会跳转了，这句等效于return false。

#,广西南宁市,2017-09-19,11:42:49,

input.onclick = function (evt) { //接受 event 对象，名称不一定非要 event  
    alert(evt); //MouseEvent，鼠标事件对象 IE不支持   但是IE中，不支持直接接收，而是通过window.event来接收。
};

Run code

Cut to clipboard

文章：简说javascript的this的指向4个运用场景发表时间：2017-09-19, 11:36:39

展开↯

#⁹⁶⁹

作者：广西南宁市

三栏布局的实现方式

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Three Column Layout</title>
    <style>
    .left, .right{
        width: 100px;
        height: 100px;
        background-color: #B48649;
    }
    .main{
        height: 100px;
        background-color: #1D95A5;
    }

    .selfFloat .left{
        float: left;
    }
    .selfFloat .right{
        float: right;
    }
    .selfFloat .main{
        margin: 0 100px;
    }
    .absolutePosition {
        position: relative;
    }
    .absolutePosition .left{
        position: absolute;
        top: 0;
        left: 0;
    }
    .absolutePosition .right{
        position: absolute;
        top: 0;
        right: 0;
    }
    .absolutePosition .main{
        margin: 0 100px;
    }
    .marginColumn .main{
        width:100%;
        float: left;
    }
    .marginColumn .main .content{
        margin: 0 100px;
    }
    .marginColumn .left{
        margin-left: -100%;
        float: left;
    }
    .marginColumn .right{
        margin-left: -100px;
        float: left;
    }
    .flexContent{
        display: flex;
    }
    .flexContent .main{
        flex:1;
    }
    </style>
</head>
<body>
    <p>自身浮动</p>
    <div class="selfFloat">
        <div class="left"></div>
        <div class="right"></div>
        <div class="main"></div>
    </div>
    <p>绝对定位</p>
    <div class="absolutePosition">
        <div class="left"></div>
        <div class="right"></div>
        <div class="main"></div>
    </div>
    <p>margin负值法</p>
    <div class="marginColumn">
        <div class="main">
            <div class="content"></div>
        </div>
        <div class="left"></div>
        <div class="right"></div>
    </div>
    <p>flex</p>
    <div class="flexContent">
        <div class="left"></div>
        <div class="main"></div>
        <div class="right"></div>
    </div>
</body>
</html>

Run code

Cut to clipboard

文章：CSS布局居中方法发表时间：2017-09-19, 11:35:25

展开↯

Records:2807 51/148 «‹47 48 49 50 51 52 53 54 55 ›»