- 博客(21)
- 收藏
- 关注
RSS订阅原创 粗识react
div dangerouslySetInnerHTML={{__html:文本内容}}>(方便js中书写html模板，javascript与html混合写法)在App.js导入组件在App.js render 函数中使用。{flag&&为true显示}doit=()=>{alert("你好")}this.setState({k:新的值})03 {/* 注释内容*/}定义函数并把函数传给子组件。...
2022-08-18 21:41:32
55
原创 vuex 映射
组件中访问 mutatioins,actions 中的方法,不需要添加模块名。定义模块 store/modules/cart.js。把vuex的数据分成多个子模块(添加子组件)组件中 访问模块的state 需要添加模块名。vuex数据更新,其引用组件都会响应式的更新。$store.dispatch(方法，数据）$store.commit(方法,数据)在store/index.js 导入模块。vuex是vue全局状态的管理工具。改变state(唯一方式)从现有数据计算出新数据。...
2022-08-15 19:31:54
169
原创 震惊！！！3分钟能学会vue路由守卫？
beforeEach（（to，from，next）=》{}）进入前。next（/login）跳转到登录。参数 from：从哪个页面进入。进入离开的页面做拦截，处理事情。next（false）不跳转。next（）进入to的页面。afterEach 潜入后。参数to ：要进入的路由。参数 next：下一步。...
2022-08-06 16:51:37
111
原创 加油！！！！！
Authorization”“空格Bearer”+localStorage.getItem('token)1.导入main.jsimportaxiosfromaxios。2.挂载Vue.prototype.$axios='axios'params(get请求数据）data,(post请求数据)1.headers添加token。3.用this.$axios。configaxios配置。安装npmiaxios-S。特点前后端都可以使用。axios一款ajax请求工具。...
2022-07-28 22:24:20
62
原创 加油！！！！
父类接受(n是父类的数据用来接收子传父的值)作用移除事件监听，停止定时器。4.销毁前后beforeDestroy销毁前数据可以更新，视图已经不更新了。$event固定写法事件的值(counterchange事件的值$emit的第二个参数)2.挂载前后mounted挂载后有dom节点数据也渲染。更新后dom节点更新。3.更新前后更新前数据更新dom节点没有更新。...
2022-07-27 18:38:39
81
原创 失踪人口回归！！！
1..vue由template,script,style三部分组成5.使用scope实现样式隔离（style中样式只在当前组件使用）2.script中data用函数的形式返回一个对象3.vue指令链接script和template
2022-07-25 19:02:36
128
原创 失踪人口被强迫回归
document.documentElement.scrollTop||document.body.scrollTop;获取浏览器垂直方向滚动条滚动距离。dom对象.scrollTop:返回元素垂直方向上滚动条滚动距离。dom对象.scrollLeft;水平方向滚动条滚动距离。dom对象.scrollWidth 返回元素内部实际内容的宽度。dom对象.scrollHeight：返回元素内部实际内容的高度。dom对象.scrollBy(X,Y)滚动条滚动距离水平方向每次滚动x像素，垂直方向每次滚动
2022-04-24 23:15:12
61
原创 脱发第n天
1.外链式 用script引入外部的js文件<script type="text/javascript" src="js/01.js"></script>2.内嵌式在script标签之间直接写入js样式<script>alert(111);//输入文字等字符需要加单引号或双引号。alert("哈哈");alert('hello wold');</script>3.事件就像是一次操作，类似于css样式中的伪类<
2022-03-28 23:01:58
83
原创 脱发第n天
容器里项目的属性1.order 排序默认0数值越小排列越靠前2. align-self 单个项目交叉轴对齐方式quto（默认）flex-startflex-endcenter与align-items的属性一样3.flex-grow 项目放大比例默认为0flex-grow：2； （占据剩余的两份）4.flex-shrink 项目的缩小比例默认1flex-shrink ：2； 缩小俩分所需的空间5.缩写 flex：；=fle...
2022-03-25 00:33:53
277
原创 脱发第n天
弹性盒子：display：flex; 具有继承性（直接的子元素的float、clear 、vertical-align 属性将失效）1.justify-content：flex-start（默认）左对齐flex-end 右对齐center 居中space-between 两端对其（每两个项目之间距离相等）space-around 每一个项目两侧的距离是相等的space-evenly 每两个项目之间的距离与边沿之间的距离2.align-items 交叉轴st.
2022-03-23 18:38:12
273
原创 脱发第n天
1.background-image渐变线性渐变background-image：linear-gradient（渐变角度，颜色1颜色1位置，颜色2颜色2位置，......）渐变角度：1、单位deg30度30deg2、可以用英文单词来表示渐变方向toright从左向右线性渐变径向渐变background-image：radial-gradient（shapeatposition,颜色1颜色1位置，颜色2颜色2位置，......）1、shape形状：...
2022-03-16 21:54:24
293
原创 脱发第n天
双标签1.块元素 header nav footer main（只能有一个）aside article2.<figure> <figcaption>独立流内容标题</figcaption>独立流内容（图标，代码，图片变革3.）</figure>3. <detail><summary>概要，标题</summary>内容</detail>4.<progress value="进度值" min=“
2022-03-15 21:39:43
287
原创 脱发第ntian
1.float浮动 none， left，right2.定位 positionstatic 默认 正常文档流relative 相对定位 相对于自己原来的位置absolute 绝对定位 1.包含框定位，相对于浏览器定位 2.包含框定位，相对于离自己最近的定位的包含框 （结合 left，right，投票，bottom的值修饰）fixed（固定定位）...
2022-03-11 22:01:19
55
原创 脱发第五天
1.盒子模型标准模型： 内容区域 width 宽度 height 高度内容溢出部分内容区域处理（overflow）分为overflow-x over-flow-yvisible 默认 溢出部分可见.hidden（隐藏）scroll（出现滚动条）auto（浏览器自己处理）2.内边距 padding （padding-top padding-bottom下内边距 padding-left （左内边距）当 padding有2个值时 值一是上下 值二是左右 都是顺时针排列。3.mar
2022-03-07 21:46:29
45
原创 脱发第五天
文本样式：1.text-align 文本水平对齐方式left左对齐 right 右对齐 center 居中对齐 justify 两端对齐2.text-indent（文本首行缩进）常用单位em3.text-decoration （文本修饰） none 默认 ,underline下划线 ,line-through中划线 ,overline上划线4.text-transform (英文字母大小装换) uppercase 全大写,lowercase 全小写，capitalize 首字母大写5.l
2022-03-03 21:59:22
103
原创 脱发第四天
1.<input tyle="file"></input> 提交文本（默认只能提交一个文本）加入 multiple 可以上传多个2.style="resize:none;"表示可以上传多个文件。3.下滑选择框：<select><option value="自己定义个东西"> 文本</option>.........</select>默认选中 在option中加入selected4.button标签&l
2022-03-02 21:08:09
472
原创 【无标题】脱发第三天
<input type="" name="" value="" placeholder="" maxlength="">-------type 类型1.<input type="text">文本输入按钮2.password <input type="password">密码框3.radio <input type="radio" name="name值一致">单选框4.checkbox <input type="checkbox" &..
2022-03-01 20:37:46
81
原创 脱发第一天
一. html主要框架：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> </body></html>二.1.段落标记：<p>...</p>2.图片标签：<img...
2022-02-24 21:03:48
206
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人