2018年07月_哇偶哇偶Z

转载 sticker-footer 布局

1、嵌套层级不深，可直接继承自 body width：100%； height:100%;// html<body> <div id="sticker"> <div class="sticker-con">我是内容</div> </div> <div class=&qu

2018-07-27 17:30:01 239

原创 vue的style绑定background-image的方式和其他变量数据的区别

问题：使用vue加载图片变量，为了图片的自适应，需设置为背景图居中排布<tr v-for="(item,index) in dataObj"> <td class="video-msg" v-bind:id="item.videoid"> <div class="videoImg fl" v-bind:style="{b

2018-07-27 17:28:34 1757

原创移动端1像素解决方案

在移动端实现一像素边框由于分辨率 DPI 的差异，高清手机屏上的 1px 实际上是由 2×2 个像素点来渲染，有的屏幕甚至用到了 3×3 个像素点所以 border: 1px 在移动端会渲染为 2px 的边框虽然用户在实际使用的时候，很难发现这 1px 的差异，但是设计师往往会在这 1px 上较劲，这就产生了经典的 “一像素问题” 最简单的解决办法，就是用图片做边框，只是修改颜...

2018-07-26 16:13:47 624

转载 js 空数组是true还是false

转载自：http://www.cnblogs.com/frostbelt/p/3425498.htmlvar arr = new Array(); // 或 var arr = [];typeof arr; // "object"既然是object，用于判断条件时就会被转化为trueif(arr)console.log("it's true"); // it's tr...

2018-07-24 16:29:37 719

转载 vue引入JQ的方法

在vue中引入jq用vue-cli脚手架工具构建项目成功后当需要引入JQ，可用以下方法： 1.首先在package.json里的dependencies加入"jquery" : "^3.2.1"， 2.在终端里输入npm install jquery --save-dev 当然用淘宝镜像 cnpm 也是可以的注意：jquery 一定要小写不然会提示...

2018-07-18 17:44:48 5782 1

转载弹性盒flex布局

1. 前言flex弹性盒，是一种布局方式，当页面需要适应不同的屏幕大小以及设备类型时，它依然能确保元素拥有更恰当的排布行为，弹性盒属于 CSS 3 部分，IE9 以下不支持，现代浏览器指的就是 IE9 及以上的浏览器2. flex的优势举个例子：这里我们要实现一个功能，让一个dom元素水平垂直居中;2.1 传统实现方式（1），居中元素的宽高已知 .box1{ ...

2018-07-18 14:53:36 198

转载 flex:1 详解

原文地址：https://segmentfault.com/q/1010000004080910/a-1020000004121373仅供参考！首先明确一点是， flex 是 flex-grow、flex-shrink、flex-basis的缩写。故其取值可以考虑以下情况：flex 的默认值是以上三个属性值的组合。假设以上三个属性同样取默认值，则 flex 的默认值是 0 1 auto...

2018-07-18 14:13:59 449

作者：阮一峰Javascript是一种基于对象（object-based）的语言，你遇到的所有东西几乎都是对象。但是，它又不是一种真正的面向对象编程（OOP）语言，因为它的语法中没有class（类）。那么，如果我们要把"属性"（property）和"方法"（method），封装成一个对象，甚至要从原型对象生成一个实例对象，我们应该怎么做呢？一、生成实例对象的原始模式假定我们把猫看成一个对象，它有...

2018-07-11 11:14:43 109

转载 Javascript面向对象编程（三）：非构造函数的继承

作者：阮一峰这个系列的第一部分介绍了"封装"，第二部分介绍了使用构造函数实现"继承"。今天是最后一个部分，介绍不使用构造函数实现"继承"。一、什么是"非构造函数"的继承？比如，现在有一个对象，叫做"中国人"。　　var Chinese = {　　　　nation:'中国'　　};还有一个对象，叫做"医生"。　　var Doctor ={　　　　career:'医生'　　}请问怎样才能让&

2018-07-11 11:10:26 86

转载 Javascript面向对象编程（二）：构造函数的继承

作者：阮一峰这个系列的第一部分，主要介绍了如何"封装"数据和方法，以及如何从原型对象生成实例。今天要介绍的是，对象之间的"继承"的五种方法。比如，现在有一个"动物"对象的构造函数。　　function Animal(){　　　　this.species = "动物";　　}还有一个"猫"对象的构造函数。　　function Cat(name,color){　　　　this.name = name...

2018-07-11 11:09:31 92

转载剖析Vue原理&实现双向绑定MVVM

本文能帮你做什么？1、了解vue的双向数据绑定原理以及核心代码模块2、缓解好奇心的同时了解如何实现双向绑定为了便于说明原理与实现，本文相关代码主要摘自vue源码, 并进行了简化改造，相对较简陋，并未考虑到数组的处理、数据的循环依赖等，也难免存在一些问题，欢迎大家指正。不过这些并不会影响大家的阅读和理解，相信看完本文后对大家在阅读vue源码的时候会更有帮助<本文所有相关代码均在git...

2018-07-09 17:54:32 200

原创 defineProperty简介

ECMA-262 第 5 版在定义只有内部才用的特性（attribute）时，描述了属性（property）的各种特征。ECMA-262 定义这些特性是为了实现 JavaScript 引擎用的，因此在 JavaScript 中不能直接访问它们。为了表示特性是内部值，该规范把它们放在了两对儿方括号中，例如[[Enumerable]]。尽管 ECMA-262第 3 版的定义有些不同，但本书只参考第 5...

2018-07-09 16:40:13 1313

转载如何在Firebug中修改js变量的值

在做项目的时候，经常需要调试js，要是项目环境在本地，可以直接在js代码里面设置断点或者修改变量值。但是在测试或者生产等线上环境时，再频繁登录服务器去修改js代码就显得麻烦了。项目线上环境，可以在firebug中设置断点或者修改变量值的方式调试js。下面用修改ajax中变量returnurl的值为www.pp.com来做个例子分享一下：一、在firebug中选择需要调试的文件：打开firebug-...

2018-07-09 16:03:48 312 1

转载 XSS跨站脚本攻击

一、简介什么是XSS?百度百科的解释: XSS又叫CSS (Cross Site Script) ，跨站脚本攻击。它指的是恶意攻击者往Web页面里插入恶意html代码，当用户浏览该页之时，嵌入其中Web里面的html代码会被执行，从而达到恶意用户的特殊目的。它与SQL注入攻击类似，SQL注入攻击中以SQL语句作为用户输入，从而达到查询/修改/删除数据的目的，而在xss攻击中，通过插入恶意脚本，实...

2018-07-09 13:49:46 147

转载 CSRF攻击与防御（写得非常好）

CSRF概念：CSRF跨站点请求伪造(Cross—Site Request Forgery)，跟XSS攻击一样，存在巨大的危害性，你可以这样来理解：攻击者盗用了你的身份，以你的名义发送恶意请求，对服务器来说这个请求是完全合法的，但是却完成了攻击者所期望的一个操作，比如以你的名义发送邮件、发消息，盗取你的账号，添加系统管理员，甚至于购买商品、虚拟货币转账等。如下：其中Web A为存在...

2018-07-09 13:39:13 152

转载 js 设置beforeSend，实现跨域访问

受浏览器的同源策略限制，JavaSript只能请求本域内的资源。跨域资源共享(Cross-Origin Resource Sharing, CORS)是为解决Ajax技术难实现跨域问题而提出的一个规范，这个规范试着从根本上解决安全的跨域资源共享问题。在此之前，解决此类问题的途径往往是服务器代理、JSONP等，治标不治本。目前基本所有浏览器都已经支持该规范。一个域是由schema、host、port...

2018-07-09 11:47:03 2512

原创用Ajax的beforeSend 提高用户体验

jQuery是经常使用的一个开源js框架，其中的$.ajax请求中有一个beforeSend方法，用于在向服务器发送请求前执行一些动作。具体可参考jQuery官方文档：http://api.jquery.com/Ajax_Events/$.ajax({ beforeSend: function(){ // Handle the beforeSend event }, ...

2018-07-09 11:12:35 120

转载 Javascript继承机制的设计思想

我一直很难理解Javascript语言的继承机制。它没有"子类"和"父类"的概念，也没有"类"（class）和"实例"（instance）的区分，全靠一种很奇特的"原型链"（prototype chain）模式，来实现继承。我花了很多时间，学习这个部分，还做了很多笔记。但是都属于强行记忆，无法从根本上理解。直到昨天，我读到法国程序员Vjeux的解释，才恍然大悟，完全明白了Javascript为什么...

2018-07-09 10:49:30 104

原创 js函数传递参数（Javascrpt 高级程序设计书中原题）详解

书上有个例子：function setName(obj) { obj.name = 'Nicholas'; obj = new Object(); obj.name = "Greg"; console.log(obj.name); // "Greg"} var person = new Object();setName(person);alert(person.name) // "Nich...

2018-07-06 10:45:44 258

ddwddw4的博客