listenlgs-CSDN博客

原创细说 CSS3 Box-sizing

CSS的盒模型（Box model）是CSS运用中比较重要的一个属性，Box-sizing是CSS3的Box属性之一，它遵循CSS的Box model原理，CSS中Box model是分为两种，第一种是W3C的标准模型，另一种是IE的传统模型，如下：1）W3C W3C定义的盒子模型包括margin、border、padding、content ，元素的width=content的宽度 height

2018-04-07 18:24:35 1134

原创 CSS引入的方式,link和@improt的相同和不同之处

工作当中引入CSS是不可避免的工作，那最常用的link和import区别又是什么呢? 1.link的使用方式如下：<link href="index.css" rel="stylesheet"> 2.import的使用方式如下：@import 'style.css' @import "style.css" @import url(style.css) @i...

2018-04-07 17:25:26 684

原创 angular/vue/react优劣性对比分析

首先，我们先了解什么是MVX框架模式？MVX框架模式：MVC+MVP+MVVM1.MVC：Model(模型)+View(视图)+controller(控制器)，主要是基于分层的目的，让彼此的职责分开。2.MVP：是从MVC模式演变而来的，都是通过Controller/Presenter负责逻辑的处理+Model提供数据+View负责显示。3.MVVM：MVVM是把MVC里的Controller和MV

2017-08-04 16:48:51 10173

原创近年前端的变革之MV*框架的倔起

一、过去时代1）最原始的方法用原生去写JavaScript2）JavaScript配合CSS和IE6各种浏览器的兼容作战3）不用任何的框架引用4）模块化、MVC还没有诞生这个时代，基本于原生的JS。相继出来了一些书写前端的一些方法。如，命名空间，封闭空间。你懂的整体代码的规整度是有了一定的进展。可是调用和配合起来很麻烦。二、JQuery的兴起JQuery的第一个版本应该是在2006年8月出来，第一个

2017-08-04 15:50:34 993

转载 HTML5之Svg(四)笔画与填充

前面我们重点都在总结各类形状，文本和图片，接下来，我们还是和讨论canvas一样，总结一下颜色处理，也就是填充和边框效果；你会发现这里的内容与canvas基本上是一致的。这些属性既可以以属性的形式写在元素中，也可以以CSS的形式保存(这是与canvas不一样的地方)。填充色 - fill属性　　这个属性使用设置的颜色填充图形内部，使用很简单，直接把颜色值赋给这个属性就可以了。看例子：<rect

2017-08-04 14:22:43 2406

原创 js上传视频方法及监控进度

之前写过一篇关于图片上传的方法，不过那都是基于上传到本地服务器上的。跟视频有所不同，因为图片比较小并不考虑到并发量，所以性能这一块没有太多的在意。如上传视频就不同了，最小一般都在10M以上。如果并发同时多人上传的传。服务器带宽占满，站点访问就会出现各种问题，所以需要上传到第三方的云服务器上，今天我以七牛云为主。做之前一样先规下思路。图片和视频都是从本地上传的。如果走HTML5的方法在本地执行也可以，

2017-07-21 18:29:24 31940 1

转载 HTML5之Svg(三)文本与图像

SVG中渲染文本 SVG的强大能力之一是它可以将文本控制到标准HTML页面不可能有的程度，而无须求助图像或其它插件。任何可以在形状或路径上执行的操作（如绘制或滤镜）都可以在文本上执行。尽管SVG的文本渲染如此强大，但是还是有一个不足之处：SVG不能执行自动换行。如果文本比允许空间长，则简单地将它切断。多数情况下，创建多行文本需要多个文本元素。此外，可以使用 tspan 元素可以将文本元素分成几部分

2017-07-21 16:42:05 806

转载 HTML5之svg(如何绘制图型)

基本形状　　SVG提供了很多的基本形状，这些元素可以直接使用，这一点比canvas好多了。废话不说了，直接看例子，这个最直接： stroke="orange" fill="transparent" stroke-width="5"/> stroke="green" fill=

2017-06-30 16:42:25 10474 1

转载 HTML5之svg

位图与矢量图　　以前，浏览器中显示的图形，例如jpeg、gif等，都是位图，这些图像格式是基于光栅的。在光栅图像中，图像文件定义了图像中每个像素的颜色值。浏览器需要读取这些值并做出相应行动。这种图像的再现能力比较强，但是在某些情形下会显得不足。例如，当浏览器以不同大小显示一副图像时，通常会产生锯齿边缘，这时，浏览器不得不为那些在原始图像中不存在的像素插入或猜测数值；这样会导致图像失真。此外

2017-06-23 13:23:58 999

原创移动webapp适配方案大全

移动端开发的业务如今发展到已经占据互联网公司的大半壁江山，已经成为互联网公司的核心发展点。APP的和H5配合的混合开发模式已经是注流，那么在开发H5移动端的时候我们应该怎么做？而且做出来的产品是怎么适配个个不同的设备资源的？这个问题一直在大家注的重点。那今天我们就来聊聊这些事情.首先做移动端页面时引入的meta标签，这里的个个参数都是什么意思，这个就不在这里详细说了，网上也有相应的资料可查看，

2017-06-16 16:17:51 2851

原创创建 Js图片上传实现方法总结

图片上传是前端开发过程最常碰见的功能之一。现在有很多成熟的图片上传插件uploadify、file upload、 webuploader 等，除了这些HMTL5技术上也支持了这一需求，今天我们就来聊一聊这些是怎么实现的。以及根据他的原理自己写一个上传的功能。一、uploadify插件uploadify是一款免费的jquery的上传插件，有flash版本和html5版本，html5版本支持

2017-06-15 18:07:21 3520

原创解析JS绑定事件重复触发问题

一、什么问题当前端开发过程中，经常用到事件，随着业务代码这一块的复杂化，在事件和多次注册和调用时，如果处理不好就会出现同一事件触发多次的问题。今天我们就聊一聊这个问题二、事例下面这段代码是一个简单的例子，页面上一有一个安钮。当点击’安钮‘时创建一个button为 test button代码插入area中。接着点击该button，console.log一个东西。如果下代码：h

2017-06-12 15:40:09 8945 2

原创 JavaScript Promise

为什么分享这个？最近有时间review前端代码的时候，发现大部分代码里不管是各种事件处理回调、ajax回调，就是各种回调函数。回调函数少了还好，一旦多了起来而且必须讲究执行顺序的话，回调函数开始嵌套很多层，对于程序员来讲非线性执行的编程会让只会觉得难以掌控,Promise就是为了把JS复杂的嵌套转换成常思维的线性代码,更易于维护和理解。带来一定的便利。'''

2017-06-12 15:38:23 260

原创请教前辈们一个关于锋利Jquery的问题

大家好web的大侠前辈们，能问大家一个关于锋利Jquery问题吗？我是个初学者。觉得这本书讲得很适合新手。而且刚看到这本书的弟六章。jquery Ajax。可是按照书上教程编写的代码总是显示有错误。于是从网上下载原码。打开发现跟我一样的错误。。就是关于$.get方法的例子。就是通过Ajax $.get方法获取PHP一个请求。然后把data值返回到当前的Html中..请教曾经看过些书的...

2011-11-24 10:42:47 158

原创 Html5新特性与不支持的旧属性

HTML 标准自1999年12月发布的 HTML 4.01 后，后继的 HTML 5 和其它标准被束之高阁，为了推动web标准化运动的发展，一些公司联合起来，成立了一个叫做 Web Hypertext Application Technology Working Group （Web 超文本应用技术工作组 - WHATWG）的组织，HTML5草案的前身名为 Web Applications 1....

2011-11-07 12:09:22 313

Html标签属性实例大全

[color=red]定义注释。[/color]这是一段普通的段落。 [color=red] 定义文档类型。[/color]在上面的声明中，声明了文档的根元素是 html，它在公共标识符被定义为 "-//W3C//DTD XHTML 1.0 Strict//EN" 的 DTD 中进行了定义。浏览器将明白如何寻找匹配此公共标识符的 DTD。如果找不到，浏览...

2011-10-31 18:07:45 765

michaelli918的博客