前端
关注
分享
扫一扫
文章平均质量分 72
前端知识整理
moonbaby1
记录学习
展开
-
JavaScript基础pink[1]-基本语法
浏览器分成两部分：渲染引擎和 JS 引擎渲染引擎：用来解析HTML与CSS，俗称内核，比如 chrome 浏览器的 blink ，老版本的 webkitJS 引擎：也称为 JS 解释器。用来读取网页中的JavaScript代码，对其处理后运行，比如 chrome 浏览器的 V8浏览器本身并不会执行JS代码，而是通过内置 JavaScript 引擎(解释器) 来执行 JS 代码。原创 2023-01-10 12:41:12 · 332 阅读 · 0 评论 -
【CSS】8-移动端开发
目标能够知道移动端web开发现状能够写出标准的viewport能够使用移动web调试方法能够说出移动端场景的布局方案能够描述流式布局能够独立完成京东移动端首页基础移动端基础、视口、二倍图、移动端调试、移动端技术解决方案、移动端常见布局、移动端开发之流式布局。原创 2022-11-14 09:55:02 · 975 阅读 · 0 评论 -
【CSS】笔记7-HTML5新特征\CSS3
音频标签和视频标签使用方式基本一致浏览器支持情况不同谷歌浏览器把音频和视频自动播放禁止了可以给视频标签添加muted属性来静音播放视频，音频不可以（可以通过JavaScript）视频标签是重点，我们经常设置自动播放，不使用controls控件，循环和设置大小属性。原创 2022-10-31 10:11:48 · 452 阅读 · 0 评论 -
【CSS】笔记6-精灵图、字体图标、界面样式、vertical-align、溢出显示、布局技巧
为了有效地减少服务器接收和发送请求的次数，提高页面的加载速度，出现了CSS精灵技术。原创 2022-10-05 18:58:28 · 1002 阅读 · 0 评论 -
【CSS】笔记5-定位、网页布局总结、元素显示隐藏
为什么定位定位4种分类4种定位特点为什么常用子绝父相布局写出淘宝轮播布局显示隐藏的2种方式以及区别提问：以下情况使用标准流或者浮动能实现吗？某个元素可以自由的在一个盒子内移动位置，并且压住其他盒子。当我们滚动窗口的时候，盒子是固定屏幕某个位置的。以上效果，标准流或浮动都无法快速实现，此时需要定位来实现浮动可以让多个块级盒子一行没有缝隙的排列显示，经常用于横向排列盒子定位则是可以让盒子自由的在某个盒子内移动位置或固定屏幕中某个位置，并且可以压住其他盒子定位：将盒子定在某一个位置，所以定位也是在摆放盒子原创 2022-09-25 13:08:47 · 792 阅读 · 0 评论 -
【CSS】笔记3-三大样式、盒子模型、PS、圆角、阴影
子元素可以继承父元素的样式(text-,font-,line-这些开头的可以继承，以及color属性)body行高1.5这样写最大的优势就是里面子元素可以根据自己文字大小自动化调整行高。如果子元素没有设置行高，则会继承父元素行高为1.5。此时子元素的行高是：当前子元素文字大小*1.5。a链接口浏览器默认指定了一个颜色 蓝色有下划线。高度、盒子模型的内外边距就不会继承。行高可以跟单位也可以不跟。...原创 2022-08-31 13:07:01 · 445 阅读 · 0 评论 -
【CSS】笔记4-浮动、切图、学成在线
float属性用于创建浮动框，将其移动到一边，直到左边缘或右边缘触及包含块或另一个浮动框的边缘选择器 {float: 属性值;}原创 2022-09-04 23:04:58 · 593 阅读 · 1 评论 -
【CSS】笔记2-复合选择器、显示模式、背景
的触发范围转换为块元素：转换为行内元素：转换为行内块元素:a {}div {}span {}转换我是块级元素我是块级元素行内元素转行内块元素行内元素转行内块元素原创 2022-08-22 14:16:56 · 349 阅读 · 1 评论 -
【CSS】笔记1-基础选择器、样式引入
标签中p {}原创 2022-08-21 00:39:45 · 320 阅读 · 0 评论 -
mixin\插件\scoped样式
脚手架mixin\插件\scoped样式原创 2022-07-10 19:17:39 · 251 阅读 · 0 评论 -
修改默认配置\ref属性\props配置
一.修改默认配置终端输入vue inspect > output.js会在项目根目录下生成output.js，可查看相关配置public文件夹不可改、src不可改、main.js不可改asset，components名字和其他文件可改vue脚手架的这个文件可以修改配置，放在和package.json同路径下举例，关闭语法检查。其他配置也是官网查看修改即可 总结使用vue inspect > output.js可以查看到Vue脚手架的默认配置使用vue.config.js可以对脚手架进行个性化定制......原创 2022-06-04 21:13:30 · 932 阅读 · 0 评论 -
分析脚手架\render函数
一、分析脚手架将单文件组件准备好的Student.vue，School.vue,App.vue和main.js,放到脚手架中npm run serve正常执行说明OK遇到的问题1.School和Student组件命名应该用驼峰或者下划线形式2.error Mixed spaces and tabs no-mixed-spaces-and-tabs参考https://blog.youkuaiyun.com/qq_23159841/article/details/109280640?spm=1001.2101.300原创 2022-06-04 20:40:34 · 160 阅读 · 0 评论 -
非单文件组件
一.基本使用 Vue中使用组件的三大步骤： 一、定义组件(创建组件) 二、注册组件 三、使用组件(写组件标签) 一、如何定义一个组件？ 使用Vue.extend(options)创建，其中options和new Vue(options)时传入的那个options几乎一样，但也有点区别； 区别如下： 1.el不要写，为什么？ ——原创 2022-05-15 22:34:53 · 114 阅读 · 0 评论 -
生命周期（挂载、更新、销毁）
一.引入生命周期1.当对象的key和值相同时，可简写{opacity:opacity}简写为{opacity}2.vm可以直接拿到data中的属性，vm._data和data一样原创 2022-04-10 17:23:29 · 1223 阅读 · 0 评论 -
自定义指令
原创 2022-04-10 16:58:10 · 113 阅读 · 0 评论 -
v-text\v-html\v-cloak\v-once
一.学过的指令v-bind：单向绑定表达式，可简写为：XXXv-model:双向数据绑定v-for：遍历数组、对象、字符串v-on:绑定事件监听，可简写为@v-if:条件渲染（动态控制节点是否存在）v-else:条件渲染（动态控制节点是否存在）v-show:条件渲染（动态控制节点是否存在）二.v-text指令：1.作用：向其所在节点中渲染文本内容2.与插值语法的区别：v-text会替换掉节点中内容，{{xx}}则不会<div v-text="name"&g原创 2022-04-08 10:45:24 · 127 阅读 · 0 评论 -
过滤器介绍
定义：对要显示的数据进行特定格式化后再显示（适用于一下简单逻辑的处理）语法：1.注册过滤器：Vue.filter(name,callback)或new Vue(filters:{})2.使用过滤器：{{XXX | 过滤器名}} 或 v-bind:属性 = "xxx | 过滤器名"备注：1.过滤器也可以接收额外参数，多个过滤器也可以串联2.没有改变原本的数据，是产生新的对应的数据<!DOCTYPE html><html> <head>原创 2022-03-20 18:20:19 · 178 阅读 · 0 评论 -
收集表单数据
总结若<input type ="text"/>，则v-model收集的是value值，用户输入的就是value值若<input type ="radio"/>,则v-model收集的是value值，且要给标签配置value值若<input type ="checkbox"/>1.没有配置input的value属性，那么收集的就是checked（勾选 or 未勾选，是布尔值）2.配置input的value属性：（1）v-model的初始值是非数组，原创 2022-03-20 17:06:59 · 612 阅读 · 0 评论