2020年3月27日

pc端布局方式

摘要： 1.静态布局：布局特点：宽高固定 2.自适应布局：布局特点：不同分辨率下，页面元素位置变化，大小不变实现方法:针对不同分辨率创建对应的样式表，使用 @media 媒体查询给不同尺寸的设备切换不同的样式缺点：IE8及以下不支持媒体查询；只能兼容主流分辨率 3.流式布局（百分比布局）: 布局特点阅读全文

posted @ 2020-03-27 14:20 catEssence 阅读(3896) 评论(0) 推荐(1) 编辑

2020年2月19日

idea中Git操作

摘要： 1.写代码前和提交代码前先更新代码，否则会产生冲突、代码提交不上去等问题方法1：方法2：VSC-Update Project 方法3：VSC-Git-pull,点击pull 2.代码更新完后，可以提交代码红色的项目表示新创建的项目，需要先添加到暂存区：选择红色的项目-右键-Git-Add 红色阅读全文

posted @ 2020-02-19 13:43 catEssence 阅读(408) 评论(0) 推荐(0) 编辑

2020年2月15日

原型和原型链

摘要：一.什么是原型？每个函数都有一个原型（prototype）属性，默认指向一个空的object对象（原型中的constructor指向函数本身）原型的作用：我们可以在构造函数的原型上添加属性和方法（一般都是方法），这样它的实例对象都可以使用原型上的实例和方法二.显示原型和隐式原型 1.每个fu 阅读全文

posted @ 2020-02-15 22:51 catEssence 阅读(119) 评论(0) 推荐(0) 编辑

2019年12月19日

BFC块级格式上下文

摘要：概念： BFC:Block fomatting context 块级格式上下文是一个独立的渲染容器，和容器外面的容器互相隔绝，互不影响，应用于块级元素上，它规定了内部如何布局布局规则：内部的盒子在垂直方向上，一个一个放置同一个BFC内的相邻的盒子或者设置同一个方向margin的父子盒子，上下阅读全文

posted @ 2019-12-19 23:09 catEssence 阅读(235) 评论(0) 推荐(0) 编辑

2019年12月17日

开发环境和生产环境

摘要：开发环境和生产环境：开发环境：项目开发阶段生产环境：项目部署上线阶段安装模块的区别： npm i xxx:安装到node_modules目录下，不会安装到依赖（package.json） npm i xxx -g:全局安装 npm i -save xxx:安装到node_modules目录下并阅读全文

posted @ 2019-12-17 22:34 catEssence 阅读(2006) 评论(0) 推荐(1) 编辑

2019年12月15日

webpack-dev-server报错

摘要： webpack4.0，安装使用webpack-dev-server时，在package.json中配置：然后用 npm run dev命令打包时，会报以下错：但是用npx webpack-dev-server和npm run build都是可以正常打包的重新安装webpack-dev-serv 阅读全文

posted @ 2019-12-15 22:42 catEssence 阅读(1053) 评论(0) 推荐(0) 编辑

2019年12月14日

es6类的继承

摘要： es6之前实现继承：写一个Person的构造函数：通过new Person构造函数生成一个实例对象，打印person这个实例对象： es6实现继承的写法：打印person实例：在实例对象上可以调用类中的方法：现在写一个子类，子类要继承Person这个类，要通过extends super关键阅读全文

posted @ 2019-12-14 19:55 catEssence 阅读(4230) 评论(0) 推荐(0) 编辑

2019年12月13日

js文件上传

摘要：步骤： 1.首先获取input对象 2.为input对象绑定onchange事件 3.获取上传的文件：var file = fileInput.files[0] 4.将获取的文件添加到FormData对象中 5.发送ajax请求： FormData：如果要用 Ajax 上传文件，则需要使用 Form 阅读全文

posted @ 2019-12-13 17:44 catEssence 阅读(4856) 评论(0) 推荐(0) 编辑

2019年12月12日

es6 字符串和数字常用方法

摘要：字符串方法: 1.includes(str):判断是否包含指定的字符串 2.startWith(str):判断是否以指定字符串开头 3.endWith(str):判断是否以指定的字符串结尾 4.repeate(count):重复指定次数数字方法： 1.Number.isNaN(num):判断是否是阅读全文

posted @ 2019-12-12 18:09 catEssence 阅读(7556) 评论(0) 推荐(0) 编辑

2019年12月11日

es6 set容器和map容器

摘要： set容器:多个无序的不可重复的value集合体，是一个构造函数 1.可以去重 2.add(value)：添加数据 3.delete(value):删除数据 4.has(value):判断是否包含值，返回true/false 5.clear(value):清空数据 6.size():判断数据长度 m 阅读全文

posted @ 2019-12-11 18:11 catEssence 阅读(452) 评论(0) 推荐(0) 编辑