2018年08月_saturday-yh

原创 vue.js开发devtools的安装方法

1、安装去gitHub上clone项目，地址 https://github.com/vuejs/vue-devtools 下载好后进入vue-devtools-master工程执行npm install —–>npm run build. 修改manifest.json 中的persistent为true。shells>chrome>manifes...

2018-08-31 17:45:49 244

原创前端中的UI框架

1.Layui官方网址：http://www.layui.com/Layui是一款采用自身模块规范编写的国产前端UI框架，遵循原生HTML/CSS/JS的书写与组织形式，门槛极低，拿来即用。从核心代码到API的每一处细节都经过精心雕琢，非常适合界面的快速开发。，从核心代码到API的每一处细节都经过精心雕琢，非常适合界面的快速开发。Layui还很年轻，首个版本发布于2016年金秋，她区别于...

2018-08-17 14:56:21 240

转载为什么要前后端分离？有什么优缺点？

来源：https://blog.csdn.net/piantoutongyang一、前戏前后端分离已成为互联网项目开发的业界标准使用方式，通过nginx+tomcat的方式（也可以中间加一个nodejs）有效的进行解耦，并且前后端分离会为以后的大型分布式架构、弹性计算架构、微服务架构、多端化服务（多种客户端，例如：浏览器，车载终端，安卓，IOS等等）打下坚实的基础。这个步骤是系统架构从猿进...

2018-08-17 14:48:18 5679 1

原创 HTTP状态码的分类

HTTP状态码的分类HTTP状态码由三个十进制数字组成，第一个十进制数字定义了状态码的类型，后两个数字没有分类的作用。HTTP状态码共分为5种类型：分类分类描述 1** 信息，服务器收到请求，需要请求者继续执行操作 2** 成功，操作被成功接收并处理 3** 重定向，需要进一步的操作以完成请求 4** 客户端错误，请求包含语法错误或无法完成请...

2018-08-10 16:11:51 341

原创闭包实例...

function box(){ var arr = []; for(var i=0;i<5;i++){ arr[i] = (function(num){ //num在这里 //原理和上面一种方法一样的，所以可以实现闭包 ...

2018-08-07 17:21:16 616

原创 HTML5 sessionStorage

1. 介绍 1.1 说明sessionStorage 是HTML5新增的一个会话存储对象，用于临时保存同一窗口(或标签页)的数据，在关闭窗口或标签页之后将会删除这些数据。在JavaScript语言中可通过 window.sessionStorage 或 sessionStorage 调用此对象。 1.2 特点1) 同源策略限制。若想在不同页面之间对同一个sessionSto...

2018-08-07 11:30:00 506

原创使用display：none和visibility：hidden隐藏的区别

display:none和visibility:hidden的区别是：1.display:none是彻底消失，不在文档流中占位，浏览器也不会解析该元素；visibility:hidden是视觉上消失了，可以理解为透明度为0的效果，在文档流中占位，浏览器会解析该元素；2.使用visibility:hidden比display:none性能上要好，display:none切换显示时visibi...

2018-08-07 10:19:23 11307

原创获取URL地址栏的参数

方法一：采用正则表达式获取地址栏参数：function GetQueryString(name){ var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)"); var r = window.location.search.substr(1).match(reg); if(r!=null)r...

2018-08-07 10:18:52 4150

原创 CSS3自定义滚动条样式 -webkit-scrollbar

当内容超出容器时，容器会出现滚动条，其自带的滚动条有时无法满足我们审美要求，那么我们可以通过css伪类来实现对滚动条的自定义。首先我们要了解滚动条。滚动条从外观来看是由两部分组成：1，可以滑动的部分，我们叫它滑块2，滚动条的轨道，即滑块的轨道，一般来说滑块的颜色比轨道的颜色深。滚动条的css样式主要有三部分组成：　　1、::-webkit-scrollbar 定义了滚动条整体...

2018-08-05 23:12:51 801 1

原创渐进增强 VS 优雅降级

案例分析 .transition { /*渐进增强写法*/ -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s;}.transition { /*优雅降级写法*/ t...

2018-08-03 11:00:46 158

原创 HTML H5页面中那些meta 属性

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><!DOCTYPE> 声明必须是 HTML 文档的第一行，位于 <html> 标签之前。<!DOCTYPE...

2018-08-02 14:05:30 4464 1

原创 vscode 写微信小程序的插件；让开发更美好：

用 vsCode 开发微信小程序可以配置以下插件，1. vscode weapp api 2. vscode wxml 3. vscode-wechat 4. Easy WXLESS 足够

2018-08-01 22:54:24 14107 2

前端的路上