摘要: 圣杯布局和双飞翼布局的目的: 1.三栏布局,中间一栏最先加载和渲染(内容最重要) 2. 两侧内容固定,中间内容随着宽度自适应 3. 一般用于 PC 网页 圣杯布局实现思路: 1. 将最外层的container的padding 设置为 padding: 0 150px 0 200px; 为左右两块让出 阅读全文
posted @ 2019-08-13 11:45 yangkangkang 阅读(138) 评论(0) 推荐(0) 编辑
摘要: * margin-top 和 margin-left 负值,自身元素向上、向左移动; * margin-right 负值,右侧元素左移,自身元素不受影响; * margin-bottom 负值,下方元素上移,自身元素不受影响; 阅读全文
posted @ 2019-08-12 16:33 yangkangkang 阅读(239) 评论(0) 推荐(0) 编辑
摘要: 块状元素 常见元素:<h1>~<h6>,<p>,<div>,<ul>,<ol>,<li> 等等 特点: 1)独占一行 2)高度、行高、外边距和内边距都可以单独设置 3)宽度默认是容器的100%; 4)可以容纳内联元素和其他的块级元素 内联元素 常见元素:<a>,<span>,<button> 等等 阅读全文
posted @ 2019-08-08 15:14 yangkangkang 阅读(133) 评论(0) 推荐(0) 编辑
摘要: 先看下面两段代码 html语义化代码: HTML语义化的好处? 1.让人更容易读懂(增加代码可读性) 2.让搜索引擎更容易读懂(SEO) 搜索引擎根据第一段代码分不清重点,机器只认识标签 阅读全文
posted @ 2019-08-08 14:44 yangkangkang 阅读(499) 评论(0) 推荐(0) 编辑
摘要: 由于我在工作中用的编辑器是 vscode ,所以记录一下vscode 编译sass 的配置 vs code 编译saass 1.在扩展里搜索“easy sass”,直接进行安装即可 2.安装后默认已经做了配置,可以直接进行编译。 eg:新建一个后缀为.scss文件 修改保存后,自动生成了.css 和 阅读全文
posted @ 2019-06-12 16:39 yangkangkang 阅读(6774) 评论(0) 推荐(0) 编辑
摘要: 先看一下下面这段js代码: console.log('1'); setTimeout(function(){ console.log('2'); },0); console.log('3'); 请问打印的结果是什么? 这段代码看似很简单,但如果不了解JavaScript运行机制就很容易答错。正确的输 阅读全文
posted @ 2019-04-13 18:33 yangkangkang 阅读(208) 评论(0) 推荐(0) 编辑
摘要: vue-devtools是一款基于chrome浏览器的插件,可以帮我们快速调试vue项目 vue-devtools手动安装: 第一步:找到vue-devtools的github项目(https://github.com/vuejs/vue-devtools),并将其clone到本地 第二步: 安装项 阅读全文
posted @ 2018-07-10 13:21 yangkangkang 阅读(140) 评论(0) 推荐(0) 编辑
摘要: 谈谈对 MVC、MVP和MVVM 架构模式的理解 mv*(即mvc、mvp和mvvm)的目的是把数据、业务逻辑和界面这三块解耦,分离关注点。不仅利于团队协作和测试,更利于甩锅维护和管理。业务的逻辑不再关心底层数据的读写,而这些数据有以对象的形式呈现给业务逻辑层。 一、MVC MVC三个单词的首字母缩 阅读全文
posted @ 2018-04-20 15:29 yangkangkang 阅读(295) 评论(0) 推荐(0) 编辑
摘要: 前后端通信方式 如何创建Ajax 什么是同源策略?同源策略的目的?非同源的限制范围? 解决跨域的几种方式 前后端通信的方式: Ajax WebScocket CROS 如何创建Ajax 原理: 通过XMLHttpRequest对象向服务器发送异步请求,从服务器获得数据,然后操作DOM更新数据。XML 阅读全文
posted @ 2018-04-11 21:05 yangkangkang 阅读(246) 评论(0) 推荐(0) 编辑
摘要: 内容介绍: 类的声明 生成实例 继承的几种方式 类的声明与实例化 /** * 类的声明 */ function Animal(){ this.name = 'name'; } /** * ES6中类的声明 */ class Animal2{ constructor(){ this.name = 'n 阅读全文
posted @ 2018-04-08 19:29 yangkangkang 阅读(122) 评论(0) 推荐(0) 编辑