秒杀带源码

0311lc.com说:  秒杀设计 1.商品展示层 商品展示 就可以了 当用户 秒杀是否开始 n => 进入秒倒计时页面 => 倒计时完成进入秒杀页面 =>商品是否售罄 y => 秒杀页面结束 n => 带秒杀按钮的跳转页面 =>商品是否售罄 等待商品售罄=>秒杀登记页面 2.用户登记层 让用户登记相关信息 秒杀登记页面 3.数据接入层 登记的信息 接入 到数据库 秒杀登记页面 判断是否提交过数据 =y 秒杀结束页面 n =>ajax ……阅读更多

路由器设置端口映射

0311lc.com说:方法一(使用TPLINK的动态域名解析服务):进入DDNS,“服务提供者选择TP-LINK(当然你也可以选择花生壳)——–创建新域名——-然后你就注册成功了TPLINK提供的二级域名,并绑定到了路由器上。 接下来,进入DMZ主机—开—–从已连设备中选择。选择你要远程控制的那台主机的IP,保存即可。 手机上安装微软的远程桌面应用”RD client(或者在电脑上使用远程桌面连接)……阅读更多

wordpress里的bloginfo()与get_bloginfo()

0311lc.com说:一、先说说get_bloginfo() 描述 返回你博客的信息,这些信息可以用在任何地方的 PHP 代码中。这个函数,和 bloginfo() 一样,可以用来在模板文件的任何地方显示你博客的信息。 原型 get_bloginfo(string  $ show  =  ‘‘, string  $ filter  =  ‘raw‘  ) 用法 1 <?php $bloginfo = get_bloginfo( $show, $filter ); ?> 参数    ……阅读更多

less

0311lc.com说:一、less环境安装 ①首先需要在电脑上安装nodejs,一般会内置npm,利用以下命令可以检测: ②利用npm在线安装less,运行  npm install –g less   ③查看是否安装成功,Lessc –v  查看版本 二、less简介 ①CSS(层叠样式表)是一门历史悠久的标记性语言,同 HTML 一道,被广泛应用于万维网(World Wide Web)中。HTML 主要负责文档结构的定义,CSS 负责文档表现形式或样式的定义。 ②作为一门标记性语……阅读更多

bootstrap轮播图组件

0311lc.com说:一、轮播图组件模板(官方文档) <div id=”carousel-example-generic” class=”carousel slide” data-ride=”carousel”> <!– 指示器 –> <ol class=”carousel-indicators”> <li data-target=”#carousel-example-generic” data-slide-to=”0″ class=”active……阅读更多

彻底弄懂flex布局

0311lc.com说:目前在不考虑IE以及低端安卓机(4.3-)的兼容下,已经可以放心使用flex进行布局了。什么是flex布局以及它的好处,这里就不再赘述。 在这篇文章里,想说说flex布局的属性语法及其细节。那么网上也有不少flex布局的教程,为什么又要再写一篇? 首先,flex布局的迷之属性们,如果一知半解,机械记忆的话,那不到半个月基本忘光光。先感受一下这12个flex布局属性,是不是很“迷”人。 容器属性 flex-flow flex-direction flex-wrap just……阅读更多

css3 Flex 布局

0311lc.com说:布局的传统解决方案,基于盒状模型,依赖 display属性 + position属性 + float属性。 它对于那些特殊布局非常不方便,比如,垂直居中就不容易实现。 css3 Flex是Flexible Box的缩写,意为”弹性布局”,用来为盒状模型提供最大的灵活性。 任何一个容器都可以指定为Flex布局。 注意: 1.dispaly:flex用在父元素上 2.flex-direction属性决定主轴的方向(即项目的排列方向)。flex-direction: row |……阅读更多

CSS块元素、行内元素、行内块元素的转换

0311lc.com说:一、块元素转行内元素:display:inline 二、行内元素转块元素:display:block div{ display: inline; /*无效 width: 500px; height: 500px; */ background-color: red; } p{ display: inline-block; } span{ display: block; width: 400px; height: 300px; background-color: blue; ……阅读更多

CSS3 新增选择器:伪类选择器和属性选择器

0311lc.com说: 一、结构(位置)伪类选择器( : ) 1、:first-child 2、:last-child 3、:nth-child(n)或者:nth-child(2n)或者:nth-child(2n+1) <body> <ul> <li>我是第一个</li> <li>我是第二个</li> <li>我是第三个</li> <li>我是第四个</li> <li&……阅读更多

webpack配合babel使用

0311lc.com说: 一、babel介绍 ①Babel 是一个 JavaScript 编译器,可以把ES6的语法转为兼容浏览器的ES5语法 ②Babel中文官网:https://www.babeljs.cn/ ③Babel可以单独使用,但是一般都是和webpack结合一起使用 二、webpack里使用babel 1、babel-loader babel-core babel-preset-env (转换语法) ①安装依赖: // 已经在项目里安装了webpack的情况下 npm instal……阅读更多

webpack资源管理

0311lc.com说:一、概况 ①webpack不仅可以打包JavaScript模块,甚至它把网页开发中的一切资源的都可以当作模块来打包处理 ②但是webpack本身不支持,它只是一个打包平台,其他资源,例如css、less、sass、img等资源需要结合插件来实现,这些插件在webpack里被称为loader(加载器) 二、webpack打包其他资源 1、打包 css模块 ①安装依赖:style-loader  css-loader // css-loader 的作用是把css文件转为Jav……阅读更多

webpack基本使用

0311lc.com说:一、概念 ①本质上,webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler) ②当 webpack 处理应用程序时,它会递归地构建一个依赖关系图(dependency graph),其中包含应用程序需要的每个模块,然后将所有这些模块打包成一个或多个 bundle ③参考文档:webpack中文文档 二、基本使用 1、输出hello world ①全局安装 npm install –global webpack ②准备目录……阅读更多

zeptojs库

0311lc.com说:一、简介 ①Zepto是一个轻量级的针对现代高级浏览器的JavaScript库, 它与jquery有着类似的api。 ②Zepto的设计目的是提供 jQuery 的类似的API,但并不是100%覆盖 jQuery 。Zepto是一个5-10k的通用库、能够下载并快速执行、有一个熟悉通用的API,可以有效提高开发效率。 ③文档:中文文档 、GitHub 二、模块(参考文档) 注意:如果下载的文件只包含核心模块, Ajax, Event, Form, IE,如果需要使用其他模……阅读更多

swiper轮播图插件

0311lc.com说:一、简介 ①Swiper是纯javascript打造的滑动特效插件,面向手机、平板电脑等移动终端。Swiper能实现触屏焦点图、触屏Tab切换、触屏多图切换等常用效果。 ②Swiper 是一款免费以及轻量级的移动设备触控滑块的框架,使用硬件加速过渡(如果该设备支持的话)。主要使用与移动端的网站、网页应用程序(web apps),以及原生的应用程序(native apps)。 ③主要是为IOS而设计的,同时,在Android、WP8系统以及现代桌面浏览器也有着良好的用户体验……阅读更多

webpack

0311lc.com说:一、全面理解webpack 1、什么是 webpack? webpack是近期最火的一款模块加载器兼打包工具,它能把各种资源,例如JS(含JSX)、coffee、样式(含less/sass)、图片等都作为模块来使用和处理,它能有Grunt或Gulp所有基本功能。webpack的官网是 https://webpack.github.io/ ,文档地址是https://webpack.github.io/docs,官网对webpack的定义是MODULE BUNDLER,他的……阅读更多

Babel

0311lc.com说:Babel 是一个 JavaScript 编译器,可以将 JavaScript 代码转换为…不同的 JavaScript 代码!具体来说,它能把用最新版 JavaScript 编写的 JavaScript 代码转换为被更多浏览器支持的旧版 JavaScript 等效代码。 Web 开发人员将 Babel 整合到流程中,就可以使用最新的 JavaScript 功能编写代码,无需担心浏览器兼容性。 小故事:Babel 不包括 Web API 例如,如果你在 JavaScrip……阅读更多

Bootstrap 网格系统

0311lc.com说: 本章节我们将讲解 Bootstrap 的网格系统(Grid System)。 Bootstrap 提供了一套响应式、移动设备优先的流式网格系统,随着屏幕或视口(viewport)尺寸的增加,系统会自动分为最多12列。 什么是网格(Grid)? 摘自维基百科: 在平面设计中,网格是一种由一系列用于组织内容的相交的直线(垂直的、水平的)组成的结构(通常是二维的)。它广泛应用于打印设计中的设计布局和内容结构。在网页设计中,它是一种用于快速创建一致的布局和有效地使用 HTML ……阅读更多

CSS浏览器兼容性常见问题总结大全(推荐)

0311lc.com说:DIV+CSS设计IE6、IE7、FF 兼容性 DIV+CSS网页布局这是一种趋势,我也开始顺应这股趋势了,不过在使用DIV+CSS网站设计的时候,应该注意css样式兼容不同浏览器问题,特别是对完全使用DIV+CSS设计的网页,就应该更注意IE6 IE7 FF对CSS样式的兼容. 什么是浏览器兼容:当我们使用不同的浏览器(Firefox IE7 IE6)访问同一个网站,或者页面的时候,会出现一些不兼容的问题,在这种浏览器下显示正常,在另一种下就乱了,我们在编写CSS的时候……阅读更多