- 博客(29)
- 收藏
- 关注
原创 图片资源导入方式
一、图片资源导入方式放置在src目录下的图片资源有三种导入方式:1、src的相对路径和@写法,2、import写法3、require写法对于一张图片而言,我可以直接src引入相对路径,我还可以使用模块化的方式引入,无论是require,还是import都可以。但这里记住,在模板中,背景图不可以使用相对路径直接引入,只能通过模块化方式引入,常见手法:<template> <div> <img src="../assets/img.jpg" a
2023-05-14 17:40:33 1377
转载 ElementUI按需引入各种组件
二.修改.babelrc 如果是vueCli3 则修改babel.config.js。三.在src目录下新建一个文件夹element,在该目录下新建Index.js。在src/element/index.js中按需写。ElementUI按需引入各种组件。四.在main.js中写入。一、首先按需引入前奏。
2023-05-12 17:05:13 735
原创 全局和局部过滤器
过滤器<template> <div> <div>{{name | msgFilter('你是谁')}}</div> //可以传参 <div>{{test | capitalize}}</div> </div></template> <script> export default { data(){ return { name:
2022-05-12 17:21:33 97
原创 css选择器
lable标签作用:与input标签结合,点击lable包裹的文字,input框自动对焦实现: lable标签for属性和input标签id属性名一致eg:<label for="text">用户名:</label> <input type="text" id="text">css选择器作用: 根据不同需求选择不同的标签添加css样式注意: 选对人,做对事(选对标签,添加正确样式)分类: 基础选择器和复合选择器基础选择器: 标签/id/类选择器/通配符
2022-02-23 09:59:37 374
原创 break和continue
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript"> /* * break关键字可以用来退出switch或循环语句 * 不能在if语句中使用break和continue * break关键字,会立即终止离他最近的那个循环语句
2021-12-13 14:59:06 74
原创 Markdown编辑器
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Markdown编辑器你好! 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Mar
2021-11-29 09:15:18 56
原创 立即执行函数
立即执行函数(匿名函数不用变量保存会报错)<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript"> //函数对象() /* * 立即执行函数 * 函数定义完,立即被调用,这种函数叫做立即执行函数 * 立即执行函数往往只
2021-11-29 09:13:37 110
转载 git撤销提交到远程仓库的代码
git log(查看聊天记录)2.3.添加链接描述https://www.cnblogs.com/se7end/p/12704878.html
2021-09-13 10:58:38 259
原创 定位初步了解
定位定位1.是什么定位是html中的一种布局方式2.做什么页面滚动,盒子位置固定不变等3.构成定位= 定位模式 + 边偏移注意事项:1.脱标2.绝对定位/固定定位的盒子不能通过设置 margin: auto 设置水平居中...
2021-05-07 12:02:23 56
原创 同行协议了解
通信协议TCP协议内容详解:终端和服务器数据传输第一次:终端-服务器,在吗,我要给你发东西第二次:服务器-终端,在的,你发吧第三次:终端-服务器,我发了HTTP无状态:每次请求都是独立的,没有任何关系的Requestget和post状态码服务器...
2021-05-07 10:32:28 64
原创 vue cli安装卸载
一.版本低于3.0 (vue-cli<3.0)npm install vue-cli -g二. 版本高于3.0 (vue-cli≥3.0+)npm install @vue/cli -g三.指定安装版本npm install -g @vue/cli@版本号四.vue-cli 的 卸载(必须先现在后安装)npm uninstall vue-cli -g五.查询vue cli版本号vue --version...
2021-02-05 23:53:35 261
原创 webpack
前端模块化常见的模块化规范:CommonJS、AMD、CMD,ES6的Modules模块化:导入和导出webpack作为模块化底层的支撑,在webpack中使用模块化,并且会帮助我们处理模块间的依赖关系,webpack会将模块化的内容解析让后打包最终上传到服务器webpack首先需要安装Node.js,Node.js自带了软件包管理工具npm开发时依赖运行时依赖webpack本地安装npm install webpack@3.6.0 --save --dev插件(原有框架功能的扩展)
2021-02-05 23:46:42 49
原创 普通函数和箭头函数
函数 函数就是可被重复调用执行的代码块函数分类 具名函数function test(){ return a + b}注意: return返回函数的返回值并结束函数运行匿名函数let testName = function(){ return a + b}注意: 匿名函数赋值给一个变量,称为函数表达式箭头函数使用ES6箭头函数语法定义函数,将原函数的“function”关键字和函数名都删掉,并使用“=>”连接参数列表和函数体var fn1
2021-02-04 17:52:20 85
原创 正六边形旋转实现
1.行内样式<div style="background: linear-gradient(120deg,transparent 30px,red 0) top left , linear-gradient(-120deg,transparent 30px,red 0) top right, linear-gradient(-60deg,transparent 30px,red 0) bottom right , linear-gradient(60deg,transparent 30px,
2021-01-09 23:37:57 1618
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人