- 博客(65)
- 收藏
- 关注
RSS订阅原创 flex布局中的flex-basis,flex-grow,flex-shrink到底咋回事儿?
前言首发于我的 博客，欢迎大家来玩儿啊~~~flex布局是非常强大的布局方式，它能轻易完成我们能想到的大部分布局，类似圣杯布局、双飞翼布局等等，它非常灵活，兼容性也很好，在项目中经常被使用到。大多数同学应该都是从阮一峰老师的 这篇博文 了解到flex的，虽是15年写的，但毫不过时，依然有很强的引导性。但是阮老师对于flex-basis、flex-grow、flex-shrink这三个属性只是一笔带过，没有去深入讲它，我一直对这三个属性都是云里雾里的（脑壳笨????），在网上也未找到很好的讲解，最近写页
2020-06-16 21:56:41
643
原创 水平、垂直居中对齐全
水平居中行内元素：父元素 text-align: center;定宽块元素：margin: 0 auto;不定宽块元素（由内容撑开）：display: inline-block; 再套一个父元素div，父元素：text-align-center定宽定高块元素（行内、块）：父元素 display: flex; justify-content: center;垂直居中（前提都是父元素高度...
2020-02-21 23:31:34
240
原创 刷题易忘的知识点
link除了引用外部文件，比如引用外部css样式，还可拿到外部图标<!-- 注意，拿到的url一定要有协议头http或者https，我是从jd官网拿的 --><link rel="icon" href="https://www.jd.com/favicon.ico">h元素和SEO的关系SEO：搜索引擎优化（利用搜索引擎的规则使自己的网站在搜索引擎中排名靠前）...
2020-02-21 11:31:57
159
原创 创建第一个vue项目 -- 大致仿蘑菇街
1. 将项目放在github上托管我是用git将项目push到github上的，虽然中途也踩了很多坑，但在这里就不做过多的叙述了，遇到报错查就是了。不过开启git后，你的每次修改它都会记录，提醒，这样对我来说太麻烦了，所以我一般会选择关掉。2. 划分目录结构...
2020-02-04 21:47:29
1318
原创 漫漫学vue路（8）-- axios
一个项目当然是要发送网络请求的，axios是vue官方推荐的一个框架1. axios的特点2. axios的基本使用axios是外部框架，当然是需要下载的(vue cli2)npm install axios --save我这里用第一种请求方式，axios(config)配置config是对象，里面肯定有url，默认的method是get，也可以自己配置为postaxios支持...
2020-02-03 21:59:50
153
原创 漫漫学vue路（7）-- vuex
1. 什么是Vuex?什么是状态管理？看起来Vuex就是像个存放多个组件都需要用到的状态、变量等东西的仓库。当然，一些很少的组件需要用，比如子组件想用父组件的变量就不需要放在Vuex中了。若只是存放共享数据的功能那我们可以自己写个对象来存放，其最主要的功能还是具有响应式的特点（数据改变，页面跟着自动改变）需要放在Vuex中管理的东西：2. Vuex基础用法我用vue cli-2...
2020-02-01 20:08:42
269
原创 一个小demo -- tabbar
在淘宝这样的移动端app，我们在其主页一般都会看到类似的底部导航这个就是tabbar我以后准备写的第一个项目也要用到它，所以准备现在就来封装这样一个tabbar看到p122了，有时间的话就把122后面的颜色修改再写一下。明天起来再重新写一遍这个tabbar大致思路：一个tabbar就是一个大的封装好了的TabBar组件。它的下面有TabBarItem这些小组件，就是这里的主页、导航、购...
2020-01-30 22:45:24
169
原创 漫漫学vue路（6）-- vue-router
1. 理解前端路由的概念后端渲染在之前的网页开发，其实网页是全由后端渲染的，对数据进行处理和写网页全都是后端开发人员的事情。后端开发人员在服务器端用html+css+jsp/php写好网页，浏览器通过用户点击获取页面的url，再将url传至服务器，服务器通过收到的url将对应的页面传给浏览器进行显示。前后端分离所有事情都交给后端干，肯定是效率低下的。网页开发因此迈入新阶段。前端开发人员...
2020-01-28 21:21:48
765
原创 箭头函数的使用和this指向
看b站的coderwhy老师的视频做的笔记~https://www.bilibili.com/video/av59594689?p=98基本语法//const a = function(){//}const a = () => {}特殊情况传入的参数只有一个时，可省略括号const b = num => { num += 1; return num;}...
2020-01-18 22:23:48
139
原创 漫漫学vue路（5）--脚手架vue cli
1.脚手架安装npm的源在国外，使用国内镜像cnpm是最好的，先下载cnpm因为现在最新版本是cli4了嘛，现在cli4强调无配置编程，所以基本看不到cli的配置了。但我想学一下基本的配置，所以也准备用cli2，所以想两个都用。先下载cli4成功下载再下载cli2也下载成功。2.用vue cli2创建一个项目用以下命令用vuecli2创建个项目（vuecli2test是项目...
2020-01-16 23:29:58
137
原创 runtime-compiler和runtime-only的区别
本来是想写到漫漫学vue路系列的，但这个好像有点牵涉vue的底层知识了，所以单开一个博客。本文主要是看coderwhy（微博，b站搜索）老师的vue视频做的笔记。用vue cli2创建项目时，往往会碰到让我们选择runtime-compiler模式还是runtime-only模式默认选择的是runtime-compiler，因为runtime-compiler“更保险一点”。但是其实run...
2020-01-16 23:28:45
1738
原创 漫漫学vue路（4）-- webpack【未完成】
ps：哎，期末考试太烦了，活活耽搁了一整月的时间。一整个月没碰代码，今天看了一晚上以前写的博客才差不多缓过来，明天开始继续往下走，，fighting！...
2020-01-13 20:44:27
351
原创 背景图片超出html标签的问题
在做学校的作业时碰到了个背景图片超出html标签的问题（网上搜了一圈没搜到解决办法，我自己写一个吧，假如有人遇到了也可以借鉴下，，，可能没人会遇到吧，23333）如下图：由图2可知footer下方部分图片是超出了html标签部分的。我开始以为是背景图片默认平铺的原因，但改成no-repeat还是会出现问题，footer下方虽然没有图片了，但会出现空白。多次尝试我发现是backgrou...
2019-12-16 21:06:59
1163
原创 漫漫学vue路（3）-- 前端模块化
一、前端模块化的产生js创始人开发 js 的初衷其实只是想 js 成为客户端的一个脚本语言而已，他起初并没有想到 js 会发展到如今的规模。所以最初只是将 js 代码放在 html 中的 script 标签里，完成简单的交互而已。随着 js 的发展，js 需要完成的事情越来越多，相应的 js 代码也越来越多，现在再放在 script 标签里就不合适了。并且一个项目通常是多人开发，多人同时写 ...
2019-12-12 22:06:31
123
原创 vue 写的 todolist 小例子
准备将这个 todolist 在三个阶段都写一遍1.基础阶段（不使用组件，只使用CDN引用）2.组件阶段（使用组件化开发）3.完整的vue阶段（包含vue-x啥的，希望能写一个很好的，有丰富功能，样式好看的 todolist )一、基础阶段需求：一个简单的待办清单。输入框，用户在输入框输入信息，点击提交按钮，可提交任务到待完成区。待完成任务有两个按钮，完成按钮可将任务提交至完成区...
2019-11-28 20:55:35
356
原创 对象字面量的增强写法（简写方法）
1.对象属性的增强写法//ES5写法const name = "yuan";const age = "21";const sex = "man";const obj = { name: name, age: age, sex: sex}//ES6写const name = "yuan";const age = "21";const sex = "man";con...
2019-11-23 17:49:47
567
原创 漫漫学vue路（1）-- 基础知识
我用vue-cli 构建了项目，但是无奈自己以前没有 node 的基础，构建的项目文件参考我的前几篇文章，但没搞懂基础知识就弄这些难免有点虎头蛇尾了，而且网上的视频教程都是引用的CDN，所以自己也决定新建个html文件引用CDN先学习基础知识一、案例展示1. 初始模块<body> <div id="app">{{msg}}</div><...
2019-11-19 17:44:28
441
1
原创 npm run serve时报错 no such file or directory,open '........\package.json'
本来是自己非常sb的一个行为，，，但自己犯了很多次这样的错误，，所以很有必要开个博客提醒一下自己！！！no such file or directory,open ‘…\package.json’,就是在这个目录下面没有找到package.json这个文件。让我痛苦了很久，其实我就是没有进入myvue这个目录，，，，不进入当然找不到package.json这个文件啊解决办法哎，被自己蠢...
2019-11-18 21:38:38
3057
5
原创 vscode下vue的项目结构分析
我是用脚手架cli 4.0.5版本创建的vue项目得到的vue的项目结构如下接下来就好好分析一下各个文件的用途1.npm相关文件node_modulesnpm是一个包管理器，可以安装很多别人的包，那么我们安装的包呢就放在node_modules里面package.json我们安装了哪些包会在package.json里面做记录主要存放项目依赖项的安装目录，dependen...
2019-11-18 20:45:01
2555
1
原创 bash: npm: command not found（windows下）解决办法
今天查看安装的npm版本时竟然发现没有npm我懵逼了，用nvm安装node时不是说自动安装了吗？打开node文件夹发现确实没有npm运行文件。。。那就自己下吧。。我下的node版本是12.12.0，查了一下（查看node版本对应的npm版本），npm版本应该是6.11.3，自己就去npm官网找这个版本（npm官网），竟然没有，，，我呆了！作为前端小白，不知道这是咋回事儿。。。。于是...
2019-11-13 22:29:05
44908
2
原创 node,npm简单认知
借鉴处1.node和npm是什么，他们可以用来做什么？Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。 Node.js 使用了一个事件驱动、非阻塞式 I/O 的模型。Node 是一个让 JavaScript 运行在服务端的开发平台，它让 JavaScript 成为与PHP、Python、Perl、Ruby 等服务端语言平起平坐的脚本语言。Node....
2019-11-13 11:43:05
145
原创 数组的扩展
只写了部分内容，详细了解请点击 ES6入门1. 扩展运算符（…）扩展运算符（spread）是三个点（…）。它好比 rest 参数的逆运算，将一个数组转为用逗号分隔的参数序列。console.log([1,2,3]); //[1,2,3]console.log(...[1,2,3]); //1 2 3console.log(1, ...[2, 3, 4], 5) //...
2019-11-06 22:23:49
139
原创 函数的扩展
只写了部分内容，详细了解请点击 ES6入门1. name 属性函数的name属性会返回函数名，这个属性在 ES6 之前就已经被绝大多数浏览器支持，只是在 ES6 完善了这个属性以及添加了一些新内容而已。function foo(){}console.log(foo.name); //foolet f = function(){};console.log(f.name); ...
2019-11-06 22:05:26
195
原创 变量的解构赋值
1. 数组的解构赋值可以从数组中提取值，按照对应位置，对变量赋值。let [a, b, c] = [1, 2, 3];本质上，这种写法属于“模式匹配”，只要等号两边的模式相同，左边的变量就会被赋予对应的值。let [foo, [[bar], baz]] = [1, [[2], 3]];foo // 1bar // 2baz // 3let [ , , third] = ["fo...
2019-11-06 11:42:02
133
原创 let 和 const
1. let1.1 let可用来声明局部变量，这个局部变量只在 let 命令所在的代码块有效例子1：var a = [];for(var i = 0; i < 10; i++){ a[i] = function(){ console.log(i); };}a[6](); //10因为 i 是全局变量，所以 a[i] 这个函数虽然是在循环内...
2019-11-05 22:13:59
112
原创 jQuery基础学习 + jQuery AJAX
是在 菜鸟教程 上进行学习的0.前言jQuery是一个JavaScript函数库，严格来说jQuery不是个框架，和 vue,react 还是不同的1. jQuery 安装通过百度 CDN 引用 jQuery<script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>...
2019-11-05 18:03:50
270
转载 AJAX基础知识
引用自 菜鸟教程为了学习jQuery的Ajax，学习下原生js的Ajax，打一下基础。1.简介AJAX 是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术。什么是AJAX？AJAX = 异步 JavaScript 和 XML。AJAX 是一种用于创建快速动态网页的技术。通过在后台与服务器进行少量数据交换，AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的...
2019-11-04 22:19:22
130
原创 原生js练手小项目（2.1~2.12）
发现了个很好的原生js练手的地方，特此开个博文作为记录练手地址每个项目的反思部分才是最重要的，那里写着和标准答案的差距！！！2.1 百度输入法（更像是一个下拉表的打开与关闭）分析：一个按钮，点击后会出现一个下拉列表，点击最后一个li可以关闭这个列表或者是再点击一下按钮也可以关闭这个列表。下拉的li鼠标移动上去会改变样式。<!DOCTYPE html><html la...
2019-10-30 22:10:01
2227
原创 原生js练手小项目（1.1~1.6）
发现了个很好的原生js练手的地方，特此开个博文作为记录练手地址以下是我对每个题目的解答，不标准，只是做个记录而已1.1<!DOCTYPE html><html lang="en"><head> <title>demo-1.1</title> <style> body{ ...
2019-10-29 17:06:54
5020
1
原创 浅谈css中的BFC
BFC是css中非常重要的一个知识点，全面理解它很不容易，这篇博文只是浅谈它的知识点而已，讨论不到深层部分1.BFC是什么？BFC是块格式化上下文（Block Formatting Context），是一个独立的布局环境。可将其理解为一个盒子，盒子内的物品不会受外界干扰。它是页面中的一块渲染区域，有一套渲染规则，决定了其子元素如何布局，以及和其他元素之间的关系和作用。2.怎样会触发BFC？...
2019-10-27 17:00:08
202
原创 css中的overflow
overflow属性应该是css中不太重要的一个知识点吧，简单作一下总结visible默认值若内容超出了元素框的范围，则会呈现在框外auto若内容超出了元素框的范围，则元素框会显示一个滚动条，滑动滚动条查看超出的内容scroll不论内容是否超出元素框的范围，则元素框都会显示一个滚动条。hidden超出元素框的内容会被隐藏，看不到inherit继承父元素的overflow属性...
2019-10-27 15:37:15
153
原创 浅谈css盒模型
此篇博客只是为了总结前端知识点而写，没有过度深入盒模型的概念及用法，若要深入了解推荐张大大的博客1.盒模型基本组成content（width、height），padding（内边距），border（边框），margin（外边距）2.两种盒模型标准盒模型：width 等于 content 宽度IE盒模型：width 等于 content 宽度 + border 左宽 + padding...
2019-10-24 19:51:42
102
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人