- 博客(42)
- 收藏
- 关注
原创 模板语法轮播
新版本把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关注的人