【移动端】理解viewport:

0311lc.com说:在响应式设计或移动Web开发当中经常见到的一句代码: <meta name=”viewport” content=”width=device-width, initial-scale=1″> 一、viewport的概念 Viewprot是用户网页的可视区域。 在默认情况下,一般来讲,移动设备上的viewport都是要大于浏览器可视区域的,这是因为考虑到移动设备的分辨率相对于桌面电脑来说都比较小,所以为了能在移动设备上正常显示那些传统的为桌面浏览器设计的网站,移……阅读更多

laravel 设置定时任务(任务调度)

0311lc.com说:创建定时任务 crontab -e #添加代码 * * * * * /usr/bin/php7.0 /var/www/html/laravel/artisan schedule:run >> /dev/null 2>&1 注意:/usr/bin/php7.0为你的php位置 ,* * * * *分别代表 分 时 日 月 周 (定时任务的时间) /var/www/html/laravel/为你的项目位置 查看定时任务 crontab -l 定义调度……阅读更多

移动端touch、click、tap的区别

0311lc.com说:一、click 与tap比较 click与tap都会出发点击事件,但是在手机web端,click会有200-300ms延迟,所以一般用tap(轻击)代替click作为点击事件。singleTap 和 doubleTap分别代表单击和双击。 二、使用tap会出现点透事件(事件穿透) 很多用过Zepto(移动端开发的库)都说使用tap会出现点透事件。 1、什么是tap事件穿透 执行完上层绑定的tap事件后,下层如果绑定着click事件或者本身就存在点击事件(a/input)也……阅读更多

js中hasOwnProperty方法和in运算符区别

0311lc.com说:hasOwnPropert方法 hasOwnPropert()方法返回值是一个布尔值,指示对象自身属性中是否具有指定的属性,因此这个方法会忽略掉那些从原型链上继承到的属性。 看下面的例子: Object.prototype.foo = ‘animal’; let obj = { name: ‘xiaoming’, age: ’12’ } console.log(obj.hasOwnProperty(&……阅读更多

js中如何判断一个变量是数组还是对象

0311lc.com说:在javascript中当使用typeof方法来判断[]和{}时,返回值都是’object’,那么如何来判断一个变量是数组还是对象呢?这里记录两种方法: 利用toString()方法 Object.prototype.toString.call({}) // [object Object] Object.prototype.toString.call([]) // [object Array] 利用Array.isArray()方法 Array.i……阅读更多

Sass、LESS 和 Stylus区别总结

0311lc.com说:CSS 预处理器技术已经非常的成熟了,而且也涌现出了越来越多的 CSS 的预处理器框架。本文便总结下 Sass、Less CSS、Stylus这三个预处理器的区别和各自的基本语法。 1.什么是 CSS 预处理器 CSS 预处理器是一种语言用来为 CSS 增加一些编程的的特性,无需考虑浏览器的兼容性问题,例如你可以在 CSS 中使用变量、简单的程序逻辑、函数等等在编程语言中的一些基本技巧,可以让CSS 更见简洁,适应性更强,代码更直观等诸多好处。 2.基本语法区别: 在使用……阅读更多

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