随笔分类 -  Web前端

HTML css/css3 JavaScript JQuery bootstrap Vue
css Battle-PolitBattle
摘要：CSS Battle 昨晚上刚发现的一个css练习网站，今天起来第一件事就是干css。由于本人的css实在垃圾，决定恶补一下。话不多说，题目干起来 Simple Square So easy，直接亮源码 <div></div> <style> *{ margin:0; padding:0; } bo 阅读全文
posted @ 2021-08-07 19:18 InkCat 阅读(346) 评论(1) 推荐(1)
学习归纳css预处理器-sass/scss、less、stylus
摘要：前言 css太难了!!! CSS预处理器是用一种专门的编程语言，进行Web页面样式设计，然后再编译成正常的CSS文件，以供项目使用 sass 在看sass之前，有必要先讲另外一个预处理scss，两者之前的区别： Sass (Syntactically Awesome StyleSheets)，是由b 阅读全文
posted @ 2021-02-21 00:39 InkCat 阅读(203) 评论(0) 推荐(0)
前端模块化那点事-个人总结
摘要：模块化 其实我理解的模块化就是封装代码，将一个功能的代码封装到一个模块，然后需要使用时就加载这个模块 模块化开发的好处： 避免变量污染，命名冲突 提高代码复用率 提高维护性 依赖关系的管理 原生模块化 所谓的“原生模块化”，是指模块化规范没有诞生之前的所使用的一种代码封装方式 函数封装 函数都是挂载 阅读全文
posted @ 2021-02-17 01:26 InkCat 阅读(73) 评论(0) 推荐(0)
记2021.01.30-vue学习笔记
摘要：总结一下初学vue碰到的问题点和学习的知识点（vue项目） 1. 使用json-server作接口调用数据 2. axios导入 3. 路由嵌套 4. 路由传参 5. restful接口规范 json-server 安装json-server服务器 npm i json-server -g 检查安装 阅读全文
posted @ 2021-01-30 22:07 InkCat 阅读(110) 评论(0) 推荐(1)
jquery学习
摘要：jquery和原生js的区别 <script type="text/javascript"> // 1.通过原生的js入口函数可以拿到DOM元素 window.onload=function(e){ var img=document.getElementsByTagName('img')[0]; / 阅读全文
posted @ 2020-08-01 16:26 InkCat 阅读(263) 评论(0) 推荐(0)
js深入学习（一）
摘要：利用构造函数创建对象 构造函数是一种特殊的函数, 主要用来初始化对象, 即为对象成员变量赋初始值, 它总于new一起使用。它们可以把对象中一些公共的属性和方法抽取出来，然后封装到这个函数里面。 new在执行时会做4件事: 1.在内存中创建一个新的空对象 2.让this指向这个新的对象 3.执行构造函 阅读全文
posted @ 2020-06-27 00:40 InkCat 阅读(125) 评论(0) 推荐(0)
详解flex布局和常用垂直居中
摘要：1. 介绍 上一篇讲了Flex是Flexible Box的缩写,意为"弹性布局"。任何一个容器都可以指定为Flex布局 注意,父元素设为Flex布局后,子元素的float、clear和vertical-align属性都将失效 2. 相对定位+绝对定位 <!DOCTYPE html> <html la 阅读全文
posted @ 2020-03-09 21:07 InkCat 阅读(1224) 评论(0) 推荐(0)
浅谈前端布局
摘要：个人浅谈前端css布局 现今的前端开发中，页面布局主要以基于盒模型的布局方式，也就是常说的div+css。 我们通过display、float、position布局页面。 传统页面布局过于繁琐，代码冗余，一些功能不易于简单实现：例如垂直居中、等分宽高等。 关于更多flex与grid的思考，可以前往前 阅读全文
posted @ 2020-03-08 20:59 InkCat 阅读(367) 评论(0) 推荐(0)