槐序&清和-CSDN博客

原创前端面试复习（一）HTML5和CSS3的经典面试题

HTML5和CSS3的经典面试题 1.掌握盒子水平垂直居中的五大方案定位：三种 <div class="father"> <div class="son"> </div> </div> <style> .father { position: relative; } .son { position: absolute; width: 100px;

2020-09-03 10:35:59 332

Mock.js的基本使用概述 Mock.js是一款模拟JSON数据的前端技术对于前后端分离的项目，后端API数据没上线时使用开始&安装安装 npm install mockjs 官网例子 Node（CommonJS）用法 // 使用 Mock var Mock = require('mockjs') var data = Mock.mock({ // 属性 list 的值是一个数组，其中含有 1 到 10 个元素 'list|1-10': [{

2020-08-31 22:04:38 207

原创 JS&ES6的this指向问题

JS&ES6的this指向问题普通函数普通函数this——用于访问当前方法所属的对象普通函数的this跟定义无关，跟调用有关 //写法1 let obj = { a: 12, fn() { consolse.log(this == obj) } } obj.fn() //结果：true //写法2 直接写和后添加的方法是一样的 let obj = { a: 12, //fn() { // consolse.log(th

2020-08-26 01:08:31 199

原创 Vue组件间的传值

Vue组件间的传值父组件向子组件传参子组件通过组件内部props接收传递过来的值 Vue.component('menu-item', { props: ['title'], template: '<div>{{title}}</div>' }) 父组件通过属性将值传递给子组件 <menu-item title="父组件要传的参数"></menu-item> <menu-item :title="title"><

2020-08-26 01:01:01 120

原创认识Node.js和npm

认识Node.js和npm 认识Node.js JavaScript的服务器版本优点便于前端人员上手性能高利于和前端代码整合工作中的用途很少用于主力服务器开发语言中间层语言充分利用已有代码、增强主服务代码的独立性安全性性能丰富接口功能开发工具环境搭建 node.js版本稳定版最新版 node.js安装 npm(node js package manager)换源 npm install -g cnpm --registry=https://

2020-08-17 20:05:49 135

原创 Webpack的使用

Webpack的使用功能压缩打包多种文件的编译脚手架生成基本使用安装 npm i -g webpack-cli //进入项目目录，项目初始化 cnpm init -y 配置webpack.config.js const path = require('path'); module.exports={ mode: 'development', entry: './src/index.js', output: { //只能用绝对路径

2020-08-17 20:04:35 100

原创 Vuex的使用

Vuex的使用 Vuex概述实现全局状态（数据）管理的机制，实现组件之间的数据共享优点集中管理数据，易于开发和维护高效，提高开发效率响应式，保持数据和页面同步一般只有组件之间共享的数据才存储到vuex中基本使用安装 npm i vuex --save 导入 import Vuex from 'vuex' Vue.use(Vuex) 创建store对象 const store = new Vuex.Store({ //state 中存放全局共享数据 st

2020-08-17 20:02:16 114

原创 Git的使用

Git的基本用法版本控制本地版本控制集中版本控制 SVN 分布式版本控制 Git Git环境配置卸载清除环境变量直接卸载安装下载镜像无脑下一步安装启动任意文件夹下右键单击，选中Git Bash 基本的Linux的命令 cd：切换目录 pwd：显示当前目录路径 clear：清屏 ls：显示当前目录下的文件 touch：新建文件 rm：删除文件 rm -r：删除目录 mkdir：创建目录 mv：移动目录 hist

2020-08-17 19:58:22 107

原创 ES6语法特性

ES6语法特性变量变量声明变量重复声明限制修改作用域 var 可以不限制函数级 let 不可以不限制块级 const 不可以限制块级解构赋值数组和对象两边结构一样赋值和解构同时完成函数箭头函数简写如果有且仅有一个参数，（）可以不写如果有且仅有一个语句并且是return，{}可以不写箭头函数this 固定this为指向当前环境参数展开 … 收集参数数组展开和json展开数组连接和json合并原生

2020-08-17 19:55:35 117

原创 Ajax基础

Ajax基础概述 AJAX = Asynchronous JavaScript and XML（异步的 JavaScript 和 XML） AJAX 最大的优点是在不重新加载整个页面的情况下，可以与服务器交换数据并更新部分网页内容。增加B/S的体验性工作原理 [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-ZlQQ95DT-1597664275082)(E:\MarkdownFile\Ajax\1.png)] XHR创建和请求 XHR创建对象 //IE

2020-08-17 19:38:55 146

原创 Flex布局

Flex布局布局原理 flexible Box：弹性布局、伸缩布局父盒子使用flex布局后，子元素float、clear、vertical-align属性失效 flex容器（flex container：父容器）、flex项目（flex item：子项目）原理：通过给父盒子添加flex属性，来控制子盒子的位置和排列方式父项常见属性 flex-direction：设置主轴的方向 justify-content：设置主轴上的子元素排列方式 flex-wrap：设置子元素是否换行 align-con

2020-08-17 19:34:07 151

death_of_King的博客