前端
文章平均质量分 88
向初晨
凡心所向,素履以往,生如逆旅,一苇以航。
展开
-
Vue学习日记(五)
Webpack和Vue-Loader打包资源Webpack 是一个前端的静态模块资源打包工具,能让浏览器也支持模块化。它将根据模块的依赖关系进行静态分析,然后将这些模块按照指定的规则生成对应的静态资源。作用:Webpack 核心主要进行 JavaScript 资源打包它可以结合其他插件工具,将多种静态资源css、png、sass 分类转换成一个个静态文件,这样可以减少页面的请求。可集成 babel 工具实现 EcmaScript 6 转 EcmaScript 5 ,解决兼容性问题可集成 htt原创 2022-03-15 16:40:22 · 1583 阅读 · 0 评论 -
Vue学习日记(三)
Vue四、组件化开发Vue 中的组件化开发就是把网页的重复代码抽取出来 ,封装成一个个可复用的视图组件,然后将这些视图组件拼接到一块就构成了一个完整的系统,可以极大的提高开发和维护的效率。4.1 全局注册一般把网页中特殊的公共部分注册为全局组件:轮播图、分页、通用导航栏全局注册之后,可以在任何新创建的 Vue 实例 (new Vue) 的模板中使用组件名:推荐全小写且包含连字符-template:定义组件的视图模板data :在组件中必须是一个函数 Vue.component('原创 2022-03-12 15:28:42 · 384 阅读 · 0 评论 -
Vue学习日记(二)
Vue二、过渡&动画效果元素在显示和隐藏时,实现过滤或者动画的效果。常用的过渡和动画都是使用 CSS 来实现的在 CSS 中操作trasition(过滤 )或 animation (动画)达到不同效果为目标元素添加一个父元素 , 让父元素通过自动应用 class 类名来达到效果过渡与动画时,会为对应元素动态添加的相关 class 类名:xxx-enter :定义显示前的效果。xxx-enter-active :定义显示过程的效果。xxx-enter-to : 定义显示后的效果。原创 2022-02-23 23:17:36 · 452 阅读 · 0 评论 -
Vue学习日记(一)
Vue原创 2022-02-20 16:11:40 · 936 阅读 · 0 评论 -
重学前端之JavaScript(1)
JavaScript一、 引入方式1.内部标签使用,中直接写 <script> alert('hello world') </script>2.外部引入<script src="demo01.js"></script>网页控制台可以直接拿来调试例如控制网页的视频倍速:document.querySelector('video').playbackRate = 2.2;在控制台输出变量console.log(变量名原创 2022-02-06 15:22:49 · 1085 阅读 · 0 评论 -
重学前端之CSS
CSSCascading Style Sheets(层叠样式表)一、导入方式优先级:就近原则(谁离标签近谁生效)1、行内样式 <!-- 行内样式 --> <h1 style="color: #0f2;">标题1</h1>2、内部样式 <style> /* 内部样式 */ h1{ color: #f80; } </style>3、外部样式3.原创 2022-01-31 22:30:09 · 764 阅读 · 0 评论 -
重学前端之HTML
HTMLHyper Text Markup Language (超文本标记语言)原创 2022-01-19 13:16:57 · 437 阅读 · 1 评论