Ekko__-优快云博客

原创什么是渐进增强、优雅降级？

什么是渐进增强、优雅降级？渐进增强 progressive enhancement：针对低版本浏览器进行构建页面，保证最基本的功能，然后再针对高级浏览器进行效果、交互等改进和追加功能达到更好的用户体验。优雅降级 graceful degradation：一开始就构建完整的功能，然后再针对低版本浏览器进行兼容。区别：优雅降级是从复杂的现状开始，并试图减少用户体验的供给，而渐进增强则是从一个...

2019-03-13 19:22:45 471

原创 vue-router原理

一、前言要学习vue-router就要先知道这里的路由是什么？为什么我们不能像原来一样直接用<a></a>标签编写链接哪？vue-router如何使用？常见路由操作有哪些？等等这些问题，就是本篇要探讨的主要问题二、vue-router是什么这里的路由并不是指我们平时所说的硬件路由器，这里的路由就是SPA（单页应用）的路径管理器。再通俗的说，vue-router就是We...

2019-03-13 19:16:59 220

原创 js判断PC端或是移动端

function goPAGE() { if ((navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Wind...

2019-03-08 09:25:53 2349

原创 vue实现购物车

页面代码如下： <body> <div id="app"> <div class="wrap"> <div v-for="(item,index) in list" class="commodity clearfix" :key="item.id">

2019-02-26 16:31:23 236

原创 React购物车

React用数据驱动实现购物车页面效果 var app = document.getElementById('app'); var App = React.createClass({ render:function () { return( <div className="wrap"> ...

2019-02-26 16:26:53 811

原创 canvas实现百分比loading加载

canvas实现百分比loading加载 &lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;Title&a

2019-01-17 09:29:19 740

原创 canvas实现DW手表

canvas实现DW手表 &lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;Title&lt;/t

2019-01-16 18:57:41 398

原创 Canvas实现一个带干扰线条的随机数验证码

Canvas实现一个带干扰线条的随机数验证码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body&am

2019-01-15 19:57:21 298

原创 Ajax 基本使用的四大步骤，简单易懂

Ajax 基本使用的四大步骤，简单易懂 ajax(异步javascript xml) 能够刷新局部网页数据而不是重新加载整个网页。接下来通过本文给大家介绍Ajax的使用四大步骤，非常不错，感兴趣的朋友看下吧。什么是ajax? ajax(异步javascript xml) 能够刷新局部网页数据而不是重新加载整个网页。如何使用ajax? 第一步创建xmlhttprequest对象，var xm...

2019-01-11 18:36:50 441

原创 PHP的MVC框架深入解析

PHP的MVC框架深入解析 *本篇先介绍一下php的MVC实现原理，我们框架的MVC部分也是基于此原理实现的，但是今天的代码并不是框架内的代码，仅仅为说明原理 * 一、文件结构建立3个文件夹 controller文件夹存放控制器文件 view文件夹存放视图文件 model文件夹存放数据文件建立1个index.php 作为唯一入口二、控制器我们在controller文件夹下建立一个de...

2019-01-11 16:57:00 368 2

原创 Smarty模板引擎技术

Smarty模板引擎技术什么是模板引擎？什么是Smarty模板引擎？为何选择Smarty模板引擎？如何使用Smarty模板引擎？一、历史背景场景一：回顾之前编写PHP项目的方式 //链接数据的操作 //构造sql语句 //执行sql语句 $res = mysql_query($sql); ?&gt; &lt;table&gt; &lt;?php while($row = mys...

2019-01-11 16:42:36 354 1

转载 IE浏览器下常见的CSS兼容问题

** 宽高bug ** 　　加粗样式【1】IE6-浏览器下子元素能撑开父级设置好的宽高 &lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&amp

2018-11-23 15:41:59 592

weixin_38993093的博客