Ekko__-CSDN博客

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

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

2019-03-13 19:22:45 413

原创 vue-router原理

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

2019-03-13 19:16:59 160

原创 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 1713

原创 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 170

原创 React购物车

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

2019-02-26 16:26:53 741

原创 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 663

原创 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 333

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

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

2019-01-15 19:57:21 240

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

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

2019-01-11 18:36:50 389

原创 PHP的MVC框架深入解析

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

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

原创 Smarty模板引擎技术

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

2019-01-11 16:42:36 258 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 535

weixin_38993093的博客