自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(15)
  • 收藏
  • 关注

原创 less + rem布局

流式布局和响应式布局只能让宽度进行改变,并不能让元素的高度也随设备尺寸进行改变,那么就可以使用响应式布局 + rem单位 的方式让高度进行适应,而使用less开发可以更好的维护。什么是remem 单位是基于父元素文字大小的单位rem 是基于html标签(根元素)文字大小的单位rem适配 通过控制html的大小 控制页面上所有的rem为单位的基准值rem基准值 = 预设的基准值 / 设计稿...

2019-12-17 13:50:04 247

原创 less

@charset "UTF-8";// css 中不支持,不会编译在css中/* css中可使用 *//* 变量 *//* 必须@前缀,是等于的意思,必须分号结束*//* 不能以数字开头,不能包含特殊字符,区分大小写 */@myColor: #f40;@classname: box;div{ color: @myColor;}.@{classname}{ /...

2019-12-17 13:16:39 181

原创 移动端

适配方案 网页宽度必须和浏览器保持一致 默认显示的缩放比例和PC端报错(缩放比例1.0) 不允许用户自行缩放页面 适配设置 如果任何设置都没有,默认走的就是viewport的默认设置 去设置新的viewport设置,达到适配要求 <meta name="viewport" /> 设置视口的标签 在head里面并且应该紧接着编码设置 viewport的功能:...

2019-12-01 15:37:40 142

原创 typeof类型判断,二维数组中是否存在值判断

这里封装两个函数一个是 typeof类型判断typeof对于 null、new Boolean、new Array 这些通通返回 “object”下面来封装一个精确类型判断这里会用到 Object.prototype.toString 方法function type(target){ // 首先定义一个对象,里面包含精确类型判断 var temp = { "[object Obj...

2019-11-21 10:50:42 222

原创 data-xxx自定义属性

HTML5中有一个自定义属性 data-xxx作用大概是可以储存私有属性、可以不进行ajax直接在自身上获取信息讲一下用法<a href="http://www.baidu.com" >链接</a>比如这有个a标签 我可以自定义属性 并且在其中储存其他网址<a href="http://www.baidu.com" data-url1="http://ww...

2019-11-21 10:08:16 270

原创 全屏滚动

写一个全屏滚动的应用首先先写html和css滚动的页面 <div class="page"></div> <div class="page"></div> <div class="page"></div> <div class="page"></div> <d...

2019-11-14 14:18:49 89

原创 封装一个基础的ajax请求

function ajax(method,url,parms,callback) { // 参数 请求方式,请求地址,数据,回调函数 method = method.toUpperCase(); // 请求方式转换为大写形式 var xhr = new XMLHttpRequest(); ...

2019-11-07 15:18:33 116

原创 promise、generator、async三种异步操作

首先我们先封装一个读取文件的函数const fs = require('fs'); // Node.js 中的模块系统const readFile = function (fileName) { return new Promise((resolve, reject)=>{ // promise 有两个参数 re...

2019-10-27 09:33:47 118

原创 ti

function Foo() { getName = function() { // 没有变量声明 归window所有 alert(1); } return this; } Foo.getName = function() { alert(2); }; Foo.protot...

2019-10-15 09:39:18 99

原创 label

使用label可以把es6转换成es5,下面我来记录一种label的安装和使用。首先得先安装npm在安装npm的前提下 找到需要安装label的盘服 在cmd命令板中输入npm init -y如图会生成一个package.json文件然后在命令板中输入npm i @babel/core @babel/cli @babel/preset-env -D这步是安装label文件...

2019-10-07 10:15:46 127

原创 后台管理页面布局

写这样一个后台管理页面的布局,分为导航栏,侧边和主要内容区域,当侧边和内容区域内容超过可视区域高度时,分别出现滚动条。 <div class="wrapper"> //首先把整个可视区域用一个div包裹住 <div class="head">导航栏</div> //导航栏 ...

2019-09-28 09:57:37 1084

原创 var str = "1000000000",要求展示形式为"1.000.000.000",从后往前每隔三位打点展示。

题:var str = “1000000000”,要求展示形式为"1.000.000.000",从后往前每隔三位打点展示。这道题用正则解决是最简洁的,那么接下来就思考解题思路。首先想到用string的replace方法把"."换上去。从后往前每隔三位数打一个点,那么就是 /\d{3}$/g,以三个数结尾。并且要是三位数的倍数,/(\d{3})+$/g (n+ 1到多个)那么把什么更换为"...

2019-09-24 11:08:42 245

原创 闭包及解决

本文主要讲一个刚学习javascript的小伙伴基本上都会出现的一个问题,包括我,当时用的时候也犯了这个错误。简单先写一个小例子: var arr = []; for (var i = 0; i < 10; i++) { arr[i] = function() { console.log(i); } }...

2019-09-20 19:47:37 198

原创 Javascrip笔记(一)

Javascript1.Javascript的特点解释性语言:jabascript(单线程、浮点型) php 优点:跨平台 不足:稍微慢编译性语言:c c++ 优点:快 不足:移植性不好(不跨平台)Java oak语言:.java --> javac指令 --> 编译 --> .class --> jvm虚拟机 --> 解释执行Jav...

2019-09-10 09:55:57 347

原创 Laravel 安装配置

1.下载comcomposer2.选择安装目录d: 选择盘服cd ./web 选择盘符下的目录 目录可以自行选择 shift+右键也可打开命令3.命令创建laravelcomposer create-project laravel/laravel=5.4.* --prefer-dist ./ 输入命令创建laravel 标...

2019-08-22 16:00:40 148

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除