- 博客(42)
- 收藏
- 关注
RSS订阅原创 模板语法轮播
新版本把selectable替换成了 user-select 文章发布之时selectable可用。注意：在样式中必须给scroll-view加一个固定高度。scroll-y:纵向滚动 scroll-x:横向滚动。在页面中渲染数据时所用到的一系列语法叫做模板语法，对应到 Vue 中就是指令的概念。控制属性：相当于 Vue 中指令的概念，在小程序中做控制属性。语法实现了双向的数据绑定，但是目前只能用在。组件属性：相当于vue 中的 v-show。
2024-06-22 11:30:00
111
原创 微信小程序进阶问答
添加编译模式——“启动页面”选中要切换的路径——点击“确定”——配置.wxml的导航栏和.json文件的usingComponents。rpx（Responsive Pixel，自适应像素）单位是微信小程序独有的，用来解决屏幕适配问题的尺寸单位，将手机屏幕分成750份。两个都是视口（表示可视区域的大小）单位，而vw（View Width）、vh（View Height）分别表示可视区域的宽/高度。例如：关于rpx和px的换算，当屏幕宽度为320px时，1rpx ≈ 0.427px。
2024-06-15 20:00:00
102
原创 微信小程序页面配置
小程序的配置可以配置页面路径、窗口表现、tabBar等，分为全局配置和页面配置，全局配置针对所有页面生效，页面配置只针对当前页生效。创建一个页面文件时, 在pages中添加一个配置项, 小程序开发工具自动把文件创建出来,不需要手动创建。配置小程序默认的启动页面（首页） 如果不填，将默认为。底部 Tab 栏（tabBar 中的页面必须配置在。配置页面路径，未配置路径的页面无法被访问到。是重叠的，页面配置的优先级大于全局配置的。页面配置大部分与全局配置中的。导航栏标题颜色，仅支持。
2024-06-11 10:59:10
575
原创 flex布局
序号 | 属性值 | 描述 | | ---- | ------------ | ------------------------------ | | 1 || 序号 | 属性值 | 描述 | | ---- | --------- | ------------------------ | | 1 || 序号 | 属性值 | 描述 | | ---- | --------- | -------------------- | | 1 || 与交叉轴中间线对齐: 居中对齐 | | 5 || 放大因子: 正数 |
2024-05-18 13:45:50
538
原创 前端响应式布局
align-self 允许单个项目有与其他项目不一样的对齐方式，可覆盖align-items属性 auto / flex-start / flex-end / center / baseline / stretch。justify-content 定义了项目在主轴上的对齐方式 flex-start / flex-end / center / space-between / space-around。
2024-05-12 19:42:07
717
原创 Vue.js 组件 - 自定义事件
组件上的 v-model 默认会利用名为 value 的 prop 和名为 input 的事件。等价于：<input。
2024-05-07 09:05:36
827
原创 生命周期vue
详细：这个钩子函数获取dom的内容是更新之后的内容生成新的虚拟dom，新的虚拟dom与之前的虚拟dom进行比对，差异之后，就会进行真实dom渲染。详细：这个钩子函数初始化的不会执行,当组件挂载完毕的时候，并且当数据改变的时候，才会立马执行,这个钩子函数获取dom的内容是更新之前的内容。该钩子被调用后，对应 Vue 实例的所有指令都被解绑，所有的事件监听器被移除，所有的子实例也都被销毁。详细：当组件销毁的时候，就会触发这个钩子函数代表销毁之前，可以做一些善后操作,可以清除一些初始化事件、定时器相关的东西。
2024-05-07 09:00:39
359
原创 vue修饰符
为了方便开发者进行样式控制， Vue 扩展了 v-bind 的语法，可以针对 **class 类名** 和 **style 行内样式** 进行控制。当class动态绑定的是**对象**时，**键就是类名，值就是布尔值**，如果值是**true**，就有这个类，否则没有这个类。 所谓指令修饰符就是通过“.”指明一些指令**后缀** 不同的**后缀**封装了不同的处理操作 —> 简化代码。 所谓指令修饰符就是通过“.”指明一些指令**后缀** 不同的**后缀**封装了不同的处理操作 —> 简化代码。
2024-04-22 11:14:45
310
原创 vue中push()和splice()的使用方法
如果数据项的顺序被改变，Vue 将不会移动 DOM 元素来匹配数据项的顺序， 而是简单复用此处每个元素，并且确保它在特定索引下显示已被渲染过的每个元素。如果从 arrayObject 中删除了元素，则返回的是含有被删除的元素的数组。//删除起始下标为1，长度为1的一个值(len设置1，如果为0，则数组不变)//替换起始下标为1，长度为1的一个值为‘ttt’，len设置的1。//替换起始下标为1，长度为2的两个值为‘ttt’，len设置的1。//删除起始下标为1，长度为2的一个值(len设置2)
2024-04-14 21:15:25
1357
原创 vue2.0
1.1、vue是什么一套用于构建用户界面的渐进式JavaScript框架。渐进式：vue可以自底向上逐层应用；简单应用：只需一个轻量小巧的核心库；复杂应用：可以引入各式各样的的vue插件。1.2、谁开发的华人尤雨溪；vue2（攻壳机动队） vue3（海贼王）1.3、vue的特点采用组件化模式，提高代码复用率、且让代码更好的维护声明式编码（原生js为命令式编码），使无需直接操作DOM，提高开发效率使用虚拟DOM+优秀的Diff算法，尽量复用DOM节点1.4、vue官网。
2024-03-31 23:12:39
960
原创 vue.js（2.0）笔记3
阻止自身事件促发，但不会阻止冒泡,(间接有捕获模式)，给元素设置self后，点击当前设置的自身元素会触发，点击设置self的子类，会跳过设置了self的元素。注：通常使用v-model绑定表单v-model="", v-model:value="" 需要设置默认值。打乱冒泡顺序（即可以理解为给元素添加一个监听器，当元素发生冒泡时，先触发带有该修饰符的元素。若有多个该修饰符，则由外而内触发）捕获模式 ，先触发带有该修饰符的元素，多个该修饰符，则由外而内触发。可以将字符串转换为有效数字 "1"==1。
2024-03-24 21:56:35
137
原创 弹性盒子基本用法
在CSS样式中设置d2，d3的宽度和高度，但是不设置d1的高度，只设置宽度，那么就会出现d1的高度就是整个容器的高度的情况，默认值align-items: stretch;如果所有项目的flex-shrink属性都为1，当空间不足时，都将等比例缩小。效果如下所示，flex-wrap属性默认值为nowrap，当窗体的宽度被拉到最小时，几个div不会换行，而是缩小自己的宽度适应窗口的宽度。flex属性是 flex-grow、flex-shrink、flex-basis 的缩写，默认值为0，1，auto。
2024-01-07 23:07:16
914
原创 08（补）数据库
char与varchar都可以描述字符串，char是定长字符串，指定长度多长，就占用多少个字符，和字段值的长度无关。而varchar是变长字符串，指定的长度为最大占用长度。char的性能会更高些。MySQL数据类型主要有三类：数值类型，字符串类型，日期时间类型。注：方括号里是可选项，以下都是。2.3.2.2 表操作-数据类型。2.3.2.1表操作-查询创建。
2024-01-01 21:55:57
326
原创 08（补）数据库操作
char与varchar都可以描述字符串，char是定长字符串，指定长度多长，就占用多少个字符，和字段值的长度无关。而varchar是变长字符串，指定的长度为最大占用长度。char的性能会更高些。MySQL数据类型主要有三类：数值类型，字符串类型，日期时间类型。注：方括号里是可选项，以下都是。2.3.2.2 表操作-数据类型。2.3.2.1表操作-查询创建。1）.查询所有数据库。2).查询当前数据库。
2023-12-25 14:46:03
774
原创 07（补）js面试题-2
- min max 数字的值 通常与number和range -->-- autocomplete记录历史输入 on打开 off关闭 -->-- placeholder 表单的请示文字 -->-- required 表单输入不能为空 -->-- autofocus设置默认焦点 -->- aside --- 侧边栏标签。- nav --- 导航标签。-- pattern 正则验证 -->-- step 数字的跳跃间隔 -->-- readonly只读模式 -->
2023-12-25 14:33:50
20
原创 06（补）js面试题-1
由于闭包会使得函数中的变量都被保存在内存中，内存消耗很大，所以不能滥用闭包，否则会造成网页的性能问题，在IE中可能导致内存泄露。（object）使用，把闭包当作它的公用方法（Public Method），把内部变量当作它的私有属性（private value），这时一定要小心，不要随便改变父函数内部变量的值。Map是一个类似对象的数据结构，和对象不同的在于它的key可以是任意类型，但是对象只能使用string和symbol类型，Map的存储关联性更强。闭包会在父函数外部，改变父函数内部变量的值。
2023-12-25 14:22:22
22
原创 05（补）js数组操作
括号中传入函数，函数由三个形参，第一形参是数组的每一项的数据，第二项是数组下标，第三项是原数组。每一个元素都有自己的位置，叫下标也叫索引(0~n),读取数组可以通过下标。数组有一个内置的属性 length，属性值存在的是数组的元素个数（长度）数组(Array)是一个有序的集合，用逗号隔开的每一个值就是一个元素、如果只传入一个参数，slice()会返回该索引到数组末尾的所有元素。> 两个参数 表示开始下标到结束下标，包含开始，不包含结束。> 如果开始的位置大于结束的位置，返回值是空数组没有返回值。
2023-12-25 14:07:42
23
原创 04（补） js函数 事件 对象
而另一个let创建的对象是带有_proto_的，下面有一些方法与属性，这便是js的原型链继承，它继承了Object的方法和属性。这些功能任何一个里面都有很多个零件的配合，共同完成某一个任务，我们只需要去调用（踩刹车，踩油门，按喇叭，挂挡），功能就会执行。Object.create(null)创建的对象是非常纯净的，没有任何其它元素。函数也是一样的，它内部封装了一些操作，只有我们去调用的时候才会执行。然而这不是必要的，我们只是要他里面的元素而已，前者会影响循环效率。alert("这是我的函数");
2023-12-25 13:54:04
26
原创 03（补）Promise对象
这时，前一个回调函数，有可能返回的还是一个Promise对象（即有异步操作），这时后一个回调函数，就会等待该Promise对象的状态发生变化，才会被调用。Promise.all方法接受一个数组作为参数，p1、p2、p3都是 Promise 实例，如果不是，就会先调用下面讲到的Promise.resolve方法，将参数转为 Promise 实例，再进一步处理。（2）只要p1、p2、p3之中有一个被rejected，p的状态就变成rejected，此时第一个被reject的实例的返回值，会传递给p的回调函数。
2023-12-25 11:09:26
17
原创 02（补）set和map结构
它类似于对象，也是键值对的集合，但是“键”的范围不限于字符串，各种类型的值（包括对象）都可以当作键。也就是说，Object 结构提供了“字符串—值”的对应，Map 结构提供了“值—值”的对应，是一种更完善的 Hash 结构实现。由于 Set 结构没有键名，只有键值（或者说键名和键值是同一个值），所以keys方法和values方法的行为完全一致。entries方法返回的遍历器，同时包括键名和键值，所以每次输出一个数组，它的两个成员完全相等。它类似于数组，但是成员的值都是唯一的，没有重复的值。
2023-12-25 11:06:16
22
原创 01（补）字符串的扩展
模板字符串（template string）是增强版的字符串，用反引号（`）标识。它可以当作普通字符串使用，也可以用来定义多行字符串，或者在字符串中嵌入变量。传统上，JavaScript 只有indexOf方法，可以用来确定一个字符串是否包含在另一个字符串中。ES6 又提供了三种新方法。ES6 为字符串添加了遍历器接口，使得字符串可以被for...of循环遍历。startsWith()：返回布尔值，表示参数字符串是否在原字符串的头部。endsWith()：返回布尔值，表示参数字符串是否在原字符串的尾部。
2023-12-25 10:18:41
20
原创 es6 函数的扩展
这种写法的缺点在于，如果参数y赋值了，但是对应的布尔值为false，则该赋值不起作用。除了简洁，ES6 的写法还有两个好处：首先，阅读代码的人，可以立刻意识到哪些参数是可以省略的，不用查看函数体或文档；其次，有利于将来的代码优化，即使未来的版本在对外接口中，彻底拿掉这个参数，也不会导致以前的代码无法运行。，然后函数就结束了，没有返回值。上面代码的add函数是一个求和函数，利用 rest 参数，可以向该函数传入任意数目的参数。如果箭头函数只有一行语句，且不需要返回值，可以采用下面的写法，就不用写大括号了。
2023-12-25 09:30:16
23
原创 node.js 路由
我们当然可以通过硬编码的方式将这一依赖项绑定到服务器上，但是其它语言的编程经验告诉我们这会是一件非常痛苦的事，因此我们将使用依赖注入的方式较松散地添加路由模块。好了，我们的应用现在可以通过请求的 URL 路径来区别不同请求了--这使我们得以使用路由（还未完成）来将请求以 URL 路径为基准映射到处理程序上。我们要为路由提供请求的 URL 和其他需要的 GET 及 POST 参数，随后路由需要根据这些数据来执行相应的代码。首先，我们来扩展一下服务器的 start() 函数，以便将路由函数作为参数传递过去，
2023-12-25 09:16:20
36
原创 node.js 函数
原文链接：https://blog.csdn.net/m0_70819559/article/details/126311701。版权声明：本文为CSDN博主「傅湫璃」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。匿名函数：函数名2(function(word){ console.log(word) }, "值");function 函数名2(someFunction, value) {调用函数：函数名2(函数名1, "值");function 函数名1(参数) {
2023-12-25 09:05:47
37
原创 第三章 文件系统
ws.on( ) 和 ws.once( )都可以绑定一个事件,不同的是on绑定的是长期有效的事件,而once绑定的是一次性事件。流式写入是异步写入,在关闭流时,不能从接受端断开,因为还会有内容在流中没有传输完成,因此不能使用ws.colse( )方法。Buffer的大小一旦确定,永远不能修改,Buffer是对底层内存的直接操控,其中的空间是连续的。在Node中,与文件系统的交互是非常重要的,服务器的本质就是将本地的文件发送给远程的服务端。
2023-12-24 23:17:27
27
1
原创 node.js 1绪论 2基础
第一个不能用,第二个可以用,因为exports是引用数据类型,它实质上是一个指针,如果直接修改exports,相当于将它指向了一个其他的对象.而修改module.exports,则是直接修改值本身。当我们在命令行窗口打开一个文件或调用一个程序时,系统会先在当前目录下寻找文件程序,如果找到了,就直接打开,如果没找到,则会依次到环境变量的path中寻找,直到找到为止。在node中,每一个js文件中的js代码,都是独立运行在一个函数中,而非全局作用域。
2023-12-24 22:56:22
26
1
原创 javascript 数据类型
字符串（String）、数字(Number)、布尔(Boolean)、空（Null）、未定义（Undefined）、Symbol。：对象(Object)、数组(Array)、函数(Function)，还有两个特殊的对象：正则（RegExp）和日期（Date）。Symbol 是 ES6 引入了一种新的原始数据类型，表示独一无二的值。
2023-11-19 23:14:35
27
原创 es6 class类
类表达式可以为匿名或命名。// 匿名类 let Example = class { constructor(a) { this.a = a;} } // 命名类 let Example = class Example { constructor(a) { this.a = a;} }
2023-11-07 10:46:46
25
原创 es6 函数
function fn(){ setTimeout(()=>{ // 定义时，this 绑定的是 fn 中的 this 对象 console.log(this.a);// fn 的 this 对象为 {a: 18} fn.call({a: 18});当箭头函数函数体有多行语句，用 {} 包裹起来，表示代码块，当只有一行语句，并且需要返回结果时，可以省略 {} , 结果会自动返回。箭头函数体中的 this 对象，是定义函数时的对象，而不是使用函数时的对象。注意：使用函数默认参数时，不允许有同名参数。
2023-10-31 19:54:11
25
1
原创 ES6 let和const
基本用法: let a = 0;let 只能声明一次 var 可以声明多次:for 循环计数器很适合用 let变量 i 是用 var 声明的，在全局范围内有效，所以全局中只有一个变量 i, 每次循环时，setTimeout 定时器里面的 i 指的是全局变量 i ，而循环里的十个 setTimeout 是在循环结束后才执行，所以此时的 i 都是 10。
2023-10-22 23:21:21
28
1
原创 BOM对象
语法：window.open("弹出窗口的url","窗口的名字","窗口参数1,...窗口参数n");BOM和DOM它不属于JS的范围，它是W3C(互联网联盟)开发的，移植到了我们的JS中。window对象：代表浏览器窗口，是最顶级的对象也是系统默认的全局对象，在网页的任何地方都可以。fullscreen=yes | no |1 | 0 是否使用全屏模式显示浏览器。toolbar=yes | no |1 | 0 是否显示浏览器的工具栏。location=yes | no |1 | 0 是否显示地址地段。
2023-10-16 08:45:37
20
1
原创 css 3 渐变
默认情况下，渐变的中心是 center（表示在中心点），渐变的形状是 ellipse（表示椭圆形），渐变的大小是 farthest-corner（表示到最远的角落）。rgba() 函数中的最后一个参数可以是从 0 到 1 的值，它定义了颜色的透明度：0 表示完全透明，1 表示完全不透明。但是，请注意很多浏览器（Chrome、Safari、firefox等）的使用了旧的标准，即 0deg 将创建一个从左到右的渐变，90deg 将创建一个从下到上的渐变。下面的实例演示了从左上角开始（到右下角）的线性渐变。
2023-10-07 00:10:33
40
1
原创 css 3 2d和3d转换
translate()方法，根据左(X轴)和顶部(Y轴)位置给定的参数，从当前元素位置移动。translate值（50px，100px）是从左边元素移动50个像素，并从顶部移动100像素。rotate()方法，在一个给定度数顺时针旋转的元素。负值是允许的，这样是元素逆时针旋转。rotate值（30deg）元素顺时针旋转30度。scale()方法，该元素增加或减少的大小，取决于宽度（X轴）和高度（Y轴）的参数：scale（2,3）转变宽度为原来的大小的2倍，和其原始大小3倍的高度。
2023-09-25 08:06:35
47
1
原创 css简略知识点1
常见的行内元素有<a>，<strong>，<b>，<em>，<i>，<del>，<s>，<ins>，<u>，<span>等，span最典型，有的地方也称内联元素。注意:不能更换顺序，空格隔开，不需要的属性可以省略，但必须保留font-size和font-family属性，否则font属性不起作用。注意:为了确保生效，请按照LVHA的顺序声明；常见的块元素<h1>~<h6> <p> <div> <ul> <ol> <li><p>标签主要用于存放文字，因此<p>里面不能放块级元素，特别是不能放<div>
2023-09-17 23:05:53
25
1
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人