初级小白猴-CSDN博客

原创微信小程序输入框顶起页面相关笔记

wxml：为input框增加属性 adjust-position = "{{false}}" (用于取消键盘自动顶起整个页面) ，bindfocus="onFocus" (监听键盘激活事件)，bindblur="onBlur"(监听键盘收起事件)；js：在data里增加属性：isFocus: false, (用于绑定键盘状态) inputBottom : ' ', (用于动态调整输入框以及消息列表的bottom高度)解决方案：设置键盘不顶起页面。目标：输入框只顶起聊天内容，不顶起顶部页头部分。

2023-05-29 15:39:16 707 1

原创 VUEX笔记（下）

以往我们所写的store都是一个大整体，从actions到mutations到state到getters这样全都放在一起，如果组件不多还好，但是涉及的组件一多，就会显得结构十分臃肿，不利于管理，所以我们需要使用模块化的store库。可以通过添加namespace：true 的方式来使其成为带命名空间的模块，当模块注册后，它的所有action、mutation、getter都会自动根据模块注册的路径来调整命名。可以将模块的空间名称字符串作为第一个参数传递给上述函数，这样所有绑定都会自动将该模块作为上下文。

2023-05-23 10:11:21 77 1

原创 VUEX笔记（上）

Vuex是一个专门为Vue应用程序开发的状态管理模式+库。采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可以预测的方式发生变化。读取vuex中的数据：this.$state.sum修改vuex中的数据：$store.dispatch('action中的方法名'，数据)，或者$store.commit('mutation中的方法名'，数据)当组件发送的指令不涉及网络请求或其他的业务逻辑，组件也可以越过actions，即不写dispatch,直接commit。

2023-05-23 10:10:43 96 1

原创 VUE（下）

基本原理：是通过Object.defineProperty()将data的对象中的所有属性添加到vm上，然后为每一个添加到vm上的属性，指定一个getter/setter，然后在getter/setter的内部去操作（读/写）data中的属性。prop是你能再组件上注册的一些自定义的属性，当一个值传递给一个prop时，它就成了那个组件中的一个属性。一个组件的data必须要是一个函数，因此每个实例可以维护一份被返回对象的独立的拷贝，这是为了保证复用的独立性，否则一个实例改变就会影响到其他所有的实例。

2023-05-23 10:09:47 81 1

原创 VUE笔记

v-model会忽略表单元素的属性值的初始值，而总是将Vue实例的数据作为数据来源，可以在js里的data里来声明v-model绑定的元素的初始值。v-on：为元素绑定事件，指令可以简写为@，绑定的方法定义在methods属性中，方法内部可以通过关键字访问data中的数据，用于监听DOM事件。数据与方法：被创建时就已经存在于data中的实例的属性是响应式的，除了数据属性外还有实例属性与方法，他们的前面加了$以做区分。替换数组：使用替换数组不会变更原始数组，而总是返回一个新的数组，可以用新数组代替旧数组。

2023-05-23 10:07:41 88 1

原创 Scss基本语法

就可以正确的将群组选择器的嵌套解出来了，首先将.container与h1，h2，h3分别组合，再将三者组合成一个新的群组选择器与容器元素组合。所以，我们约定，SASS中的局部文件的文件名以下划线开头，这样就不会在编译时单独编译这个文件从而输出CSS，只把这个文件用作导入。变量可以在规则块定义之外存在，在规则块内定义的只能在规则块内使用，规则块外定义的则可以在本样式表的所有规则块使用。在CSS中，选择器往往需要重复书写，而在SCSS中，只需要写一遍，后续编译之后会自动排列称CSS中的样式。

2023-05-23 10:03:28 601 1

原创 flex(伸缩)布局：

flex-start（左对齐） flex-end（右对齐） center（居中对齐） baseline （项目的第一行文字的基线对齐） stretch（默认值，若未设置高度或高度为auto，将占满整个容器的高度）flex-start（与交叉轴的起点对齐） flex-end（与交叉轴的终点对齐） center（与交叉轴的中点对齐） space-between（与交叉轴两端对齐，轴线之间的间隔平均分布）表示项目的缩小比例，默认为1，表示如果空间不足则所有项目同比缩小，若设置为0，则空间不足时该项目也不缩小。

2023-05-23 10:02:13 158 1

原创 CSS样式笔记：

background-break : 元素可以被分为几个独立的盒子（如使内联元素span跨越多行），background-break属性是用来控制背景如何在这些不同的盒子中显示（属性值： continuous : 默认值，忽略盒子之间的距离，就像是没有分成多个盒子一样；box-shadow : 设置元素阴影，属性为：水平阴影，垂直阴影，模糊距离，阴影尺寸，阴影颜色，内/外阴影，其中只有水平和垂直阴影是必须的。text-shadow : 用于文本的阴影，能够规定水平、垂直阴影，模糊距离以及阴影的颜色。

2023-05-23 10:00:33 51

xcgljgq的博客