MIAN

0311lc.com说:1.html 1)什么是html 超文本标记语言,一个网页文件 2)DOCTYPE有什么作用 告诉浏览器使用哪个版本的HTML规范来渲染文档 3)介绍一下你对浏览器内核的理解,常见的浏览器内核有哪些 主要分成两个部分:渲染引擎和JS引擎。 渲染引擎:负责取得网页的内容(html,xml和图像等),整理讯息(例如假如css),以及计算网页的显示方式,然后输出到显示器或打印机。浏览器的内核的不同对于网页的语法解释会有不同,所以渲染的效果也不同。 JS引擎:解析和执行JavaS……阅读更多

js排序

0311lc.com说:1. 冒泡排序 原理:从第一个元素开始,把当前元素和下一个索引元素进行比较。如果当前元素大,那么就交换位置,重复操作直到比较到最后一个元素 function bubbleSort(arr) { if (Array.isArray(arr)) { for (var i = arr.length – 1; i > 0; i–) { for (var j = 0; j < i; j++) { if (arr[j] > arr[j + 1]) { [arr[j……阅读更多

jQuery 好看demo

0311lc.com说:=======动画===图形类==稀奇===== 超逼真的HTML5 Canvas仿Windows画图工具 html5-canvas-windows-draw.rar 超炫酷的30个jQuery按钮悬停动画 jquery-button-hover-animation.rar JavaScript万年历 带农历、时间和属相等功能 js-lunar-calendar.rar jQuery/CSS3带数字时钟的圆盘时钟 jquery-css3-digit-circle-cloc……阅读更多

html5+css3+jquery完成响应式布局

0311lc.com说:响应式布局,流体布局,自适应布局,静态布局等等,这是移动设备的飞速发展,前端人员不得不跟上潮流的一个方向。实际上各种设备尺寸,分辨率大都不同,真的适  应各种设备依旧是不现实的,首先是浏览器差异化,让我们去hack,现在是终端问题,让我展现出不同的设备不同的样式,折腾来折腾去,终于我们走进了热火朝天的响应式布局,自适应只能算是响应式布局的一个子集吧,对于流体个栅格后面会再次提到,有兴趣可以关注。 首先讲讲实现原理吧,css3的媒体查询功能的确帮了我们很大一个忙,@medi……阅读更多

css中单位em和rem的区别

0311lc.com说:在css中单位长度用的最多的是px、em、rem,这三个的区别是: px是固定的像素,一旦设置了就无法因为适应页面大小而改变。 em和rem相对于px更具有灵活性,他们是相对长度单位,意思是长度不是定死了的,更适用于响应式布局。 对于em和rem的区别一句话概括:em相对于父元素,rem相对于根元素。 rem中的r意思是root(根源),这也就不难理解了。   em 子元素字体大小的em是相对于父元素字体大小 元素的width/height/padding/ma……阅读更多

JS获取地址栏中的链接

0311lc.com说:假设页面的地址是这样子的。http://0311lc.com/p/165 ,那么我要获取最后的一个数字165,可以通过这样子的代码 var url= window.location.href; var index = url.substring(url.lastIndexOf(‘/’) + 1); 但是这样子有缺陷,假如我获取到的地址不是这样子的形式,而是http://0311lc.com/tools的话,那么这个index的值就不是一个数字了。 下面这种可能会更好呢? ……阅读更多

js统计一个字符串出现最多的字母(或者数组中出现次数最多的元素)

0311lc.com说://字符串 var strs = “asdasdadd”; function getmaxstr(str){ if(str.length == 1){return str;} var newarr = []; for(var i = 0 ; ss= str.length, i<ss; i++ ){ if(!newarr[str.charAt(i)]){ newarr[str.charAt(i)] = 1; }else{ newarr[str.charAt(i)] +……阅读更多

蓝湖自动切图压缩

0311lc.com说:“蓝湖”老规矩,本“自动切图”功能: ①同时支持Mac和Windows双系统 ②同时支持PS和Sketch ③免费!   话不多说,我们来看看如何在【蓝湖】上使用“自动切图”功能吧~ 1.Photoshop用户 第一步:通过蓝湖插件在PS中标记你需要生成的切图 ​ 第二步:通过蓝湖插件将页面上传至蓝湖 ​ 第三步:在蓝湖Web端,双击设计图查看标注和切图 在这里,你家的工程师可以: ①查看所有元素的尺寸、字号、距离等信息,并可直接复制相应代码 ​ ②一键下载切图……阅读更多

js css题

0311lc.com说:  获取随机数的方法:Math.random(); js中将变量强制改为浮点类型的方法:parseFloat() 根据ID获取元素的原生的js的方法:document.getElementById(‘id’) 将文档声明为HTML5文档类型、需要头部添加 <!DOCTYPE html> chrome 浏览器私有样式前缀 -webkit css3 设置圆角属性名:border-radius form 标签特有属性 请列出3个 a……阅读更多

秒杀带源码

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 |……阅读更多