- 博客(36)
- 收藏
- 关注
原创 微信小程序知识点概况
自定义组件让开发者能够创建可复用的 UI 组件,提升代码模块化和维护性。:定义自定义组件。组件生命周期:如createdattacheddetached等。组件通信:通过properties和methods实现父子组件间的数据传递和事件处理。微信小程序作为一种创新的应用形态,结合了轻量、便捷和强大功能的特点,已经成为移动互联网的重要组成部分。通过掌握上述关键知识点,开发者可以高效地开发出优质的微信小程序,满足用户的多样化需求。无论是日常工具、社交娱乐还是商业应用,微信小程序都展现出了广阔的发展前景。
2024-06-21 10:48:15
822
原创 es6部分面试题
ES6在String原型上新增了includes()方法,用于取代传统的只能用indexOf查找包含字符的方法(indexOf返回-1表示没查到不如includes方法返回false更明确,语义更清晰), 此外还新增了startsWith(), endsWith(), padStart(),padEnd(),repeat()等方法,可方便的用于查找,补全字符串。).此外还新增了copyWithin(), includes(), fill(),flat()等方法,可方便的用于字符串的查找,补全,转换等。
2024-06-16 23:16:39
2282
原创 微信小程序11
所有组件文档中的引入路径均以 npm 安装为例,如果你是通过下载源代码的方式使用 @vant/weapp,请将路径修改为项目中 @vant/weapp 所在的目录。以 Button 组件为例,只需要在app.json或index.json中配置 Button 对应的路径即可。本地存储 wx.setStorageSync(key,value)是一个轻量、可靠的移动端组件库,于 2017 年开源。,并由社区团队维护 React 版本和支付宝小程序版本。显示提示 showToast。
2024-06-10 22:28:31
347
原创 微信小程序
通过构造js函数,在函数中调用该接口可实现页面跳转的效果.但该接口同样不能跳转tabbar页面.跳转后左上角有返回小箭头,点击可返回原本页面.关闭当前页面,跳转到应用内的某个页面(不能跳转tabbar页面)。这是最常见的一种跳转方式,相当于html里的a标签.但需要注意的是 该方法不能跳转tabbar页面.② tabBar 节点中,新增 list 数组 ,这个数组中存放的,是每个 tab 项的配置对象。tabBar 是移动端应用常见的页面效果, 用于实现多页面 的快速切换。1,底部 tabBar。
2024-06-02 23:25:19
2259
原创 微信小程序初次学习
注意若不想在终端上显示警告信息:project.config.json->seeting->"checkSitMap":false。按钮类型 type:default,primary(绿色),warn(红色)设置页面中的外观配置,若以app.json冲突,以页面的权重。style:全局定义小程序组件样式版本,v2表示最新版样式。在app.json中新加路径,会自动按照路径进行创建。@import'相对路径';app.wxss和 页面中.wxss。app.id:小程序的账号。4.页面中的.json文件。
2024-05-19 22:03:44
508
原创 vue-router(路由)
当使用路由参数时,例如从 /user/foo 导航到 /user/bar,原来的组件实例会被复用。调用router的map方法映射路由,每条路由以key-value的形式存在,key是路径,value是组件。例如:'/home'是一条路由的key,它表示路径;import Hello from '@/components/Hello' //引入根目录下的Hello.vue组件。import Hello from '@/components/Hello' //引入根目录下的Hello.vue组件。
2024-05-12 23:18:38
1356
原创 vue部分学习
比如说,当点击商城的购物车的时候,需要判断一下是否登录,如果没有登录,就跳转到登录页面,如果登陆了,就跳转到购物车页面,相当于有一个守卫在安检。①to: Route: 即将要进入的目标路由对象(to是一个对象,是将要进入的路由对象,可以用to.path调用路由对象中的属性)单页面应用程序简称SPA,指一个Web网站中只有唯一的一个HTML页面,所有的功能与交互都在这唯一的一个页面内完成。将所有的功能局限于一个web页面中,仅在该web页面初始化时加载相应的资源(JS,CSS,Html)
2024-05-05 23:57:48
655
原创 vue学习
2.与插值语法的区别:v-text会替换掉节点中的内容,{{xx}}则不会。(2).一定要在可信的内容上使用v-htm斗,永不要用在用户提交的内容上!2.以后数据的改变不会引起v-once所在结构的更新,可以用于优化性能。2.可利用它跳过:没有使用指令语法、没有使用插值语法的节点,会加快编译。)配合v-cloak可以解决网速慢时页面展示出{{xxx}}的问题。(1).v-html会替换掉节点中所有的内容,{{xx}}则不会。1.v-once所在节点在初次动态渲染后,就视为静态内容了。
2024-04-28 22:58:09
1000
原创 vue学习
2. 当使用 PascalCase (首字母大写,如Vue.component('MyComponentName', { /* ... */ })) 定义一个组件时,你在引用这个自定义元素时两种命名法都可以使用。1. 当使用 kebab-case (短横线分隔,如Vue.component('my-component-name', { /* ... */ })) 定义一个组件时,你在引用这个自定义元素时也必须使用 kebab-case,则必须使用<my-component-name>引用组件。
2024-04-21 21:48:55
961
1
原创 JavaScript复习
1.为什么要防抖有的操作是高频触发的,但是其实触发一次就好了,比如我们短时间内多次缩放页面,那么我们不应该每次缩放都去执行操作,应该只做一次就好。再比如说监听输入框的输入,不应该每次都去触发监听,应该是用户完成一段输入后在进行触发。防抖就是防止抖动,避免事件的重复触发2.利用的坐标(event.pageX,event.pageY)与鼠标相对于拖拽元素的坐标(event.offsetX,event.offsetY)的差来计算被拖拽元素的坐标值。
2024-04-14 23:39:59
1801
原创 vue的学习
1.一种组件间通信的方式,适用于:子组件===>父组件⒉使用场景:A是父组件,B是子组件,B想给A传数据,那么就要在A中给B绑定自定义事件(事件的回调在A中)。3.绑定自定义事件:1.第一种方式,在父组件中:或<Demo v-on:atguigu="test"/>2.第二种方式,在父组件中:.......mounted()3.若想让自定义事件只能触发一次,可以使用once修饰符,或 $once方法。( 'atguigu ',数据)5.解绑自定义事件this.$off。
2024-04-07 21:57:02
759
原创 vue的进一步认识
4.原理使用了Object.defineproperty(目标对象,名称,{get(),set(value)})2.被Vue实例管理的函数最好都使用普通函数,不被Vue实例管理的函数最好都使用箭头函数,4.写法:第一种Vue实例中,第二种实例化vm.$watch("监听的属性",{})3.handler(新值,旧值)函数,当监听值发生改变时就会触发handler函数。new Vue({filters:{函数名(接收前一个的值){}}})1.两种写法:Vue.filter("名称",函数(接收前一个的值))
2024-03-22 14:46:26
531
原创 Vue部分了解
capture捕获模式 ,先触发带有该修饰符的元素,多个该修饰符,则由外而内触发 打乱冒泡顺序(即可以理解为给元素添加一个监听器,当元素发生冒泡时,先触发带有该修饰符的元素。1.lazy修饰符:使得用户在输入数据之后,当数据失去焦点或点击回车时,才会进行数据的更新。规则:1.定义指令名称时不要使用v-和驼峰,需要使用-连接,需要加引号。用户输入的内容: {{message}}用户输入的内容: {{name}}bind(元素,绑定对象){},
2024-03-15 10:00:35
902
原创 css3 2d和3d
n,n,n,n,n,n,n,n,n,n) 定义 3D 转换,使用 16 个值的 4x4 矩阵。translate()方法,根据左(X轴)和顶部(Y轴)位置给定的参数,从当前元素位置移动。translate(x,y) 定义 2D 转换,沿着 X 和 Y 轴移动元素。matrix(n,n,n,n,n,n) 定义 2D 转换,使用六个值的矩阵。scaleX(x) 定义 3D 缩放转换,通过给定一个 X 轴的值。scaleY(y) 定义 3D 缩放转换,通过给定一个 Y 轴的值。
2024-01-14 21:54:41
439
1
原创 set和map结构
它类似于对象,也是键值对的集合,但是“键”的范围不限于字符串,各种类型的值(包括对象)都可以当作键。也就是说,Object 结构提供了“字符串—值”的对应,Map 结构提供了“值—值”的对应,是一种更完善的 Hash 结构实现。由于 Set 结构没有键名,只有键值(或者说键名和键值是同一个值),所以keys方法和values方法的行为完全一致。entries方法返回的遍历器,同时包括键名和键值,所以每次输出一个数组,它的两个成员完全相等。它类似于数组,但是成员的值都是唯一的,没有重复的值。
2024-01-13 11:44:42
435
1
原创 es6扩展
这种写法的缺点在于,如果参数y赋值了,但是对应的布尔值为false,则该赋值不起作用。除了简洁,ES6 的写法还有两个好处:首先,阅读代码的人,可以立刻意识到哪些参数是可以省略的,不用查看函数体或文档;其次,有利于将来的代码优化,即使未来的版本在对外接口中,彻底拿掉这个参数,也不会导致以前的代码无法运行。,然后函数就结束了,没有返回值。上面代码的add函数是一个求和函数,利用 rest 参数,可以向该函数传入任意数目的参数。如果箭头函数只有一行语句,且不需要返回值,可以采用下面的写法,就不用写大括号了。
2024-01-07 22:55:13
364
1
原创 Mysql操作
sno int(6) primary key auto_increment, -- 学生编号【主键、自增长列】cno int(4) primary key auto_increment,-- 编号【主键、自增长列】非必须,默认继承DBMS。`userName` varchar(20), -- 可变字符20长度。cname varchar(10) not null, -- 非空。sname varchar(5) not null, -- 非空。1、数据库的创建是存储数据的基础,数据库的创建通常是一次性的。
2023-12-31 23:14:32
381
原创 node.js3
path.join() 方法,用来将多个路径片段拼接成一个完整的路径字符串。path.basename() 方法,用来从路径字符串中,将文件名解析出来。path.extname()可以获取路径中的扩展名部分。path 必选参数,表示一个路径的字符串。path 必选参数,表示一个路径的字符串。ext 可选参数,表示文件扩展名。返回: 表示路径中的最后一部分。返回: 返回得到的扩展名字符串。paths 路径片段的序列。
2023-12-24 22:04:58
363
1
原创 node.js2
202:请求是正确的,但是结果正在处理中,这时候客户端可以通过轮询等机制继续请求。101(切换协议) 请求者已要求服务器切换协议,服务器已确认并准备进行切换。console.log("服务启动成功--127.0.0.1");console.log("服务启动成功--127.0.0.1");return res.end("错误信息")400:请求出现错误,比如请求头不对等。301:请求成功,但是资源被永久转移。
2023-12-24 22:04:04
415
1
原创 es6深拷贝
/ 3.调用父类方法, super 作为对象,在普通方法中,指向父类的prototype原型对象,原文链接:https://blog.youkuaiyun.com/Lqing12/article/details/134499098。// //判断ojb子元素是否为对象,如果是,递归复制。// 在子类静态方法中拿取父类静态方法的值,在静态方法中,指向父类。// //如果不是,简单复制。super()特性在extends继承中。
2023-12-17 21:06:19
386
1
原创 node.js新增查询删除
console.log("express服务启动成功");res.send("修改成功");res.send("删除成功")className:"1班",className:"2班",// state:1为不存在,2为存在。res.send("新增成功");
2023-12-17 21:03:57
377
1
原创 visual studio
/ npm config set registry="https://registry.npmjs.org/"修改为npm镜像。// npm unpublish 包名 --force 命令,即可从 npm 删除已发布的包。// 卸载nrm npm uninstall nrm -g 卸载全局nrm。// npm i nodemon -g 安装自动重启服务 全局。// 安装nrm npm i nrm -g 安装全局。// npm login 登录---账号,密码,邮箱,验证码。
2023-12-03 23:09:25
327
1
原创 visual studied
/ 注意:为了防止混乱,建议大家不要在同一个模块中同时使用 exports 和 module.exports。// module.exports.变量名称或者module.exports = {值}优先级最高。// 在每个 .js 自定义模块中都有一个 module 对象,它里面存储了和当前模块有关的信息。// exports.变量名称,exports={}不可以使用。// 使用module.exports向外共享成员(导出)// 提高了代码的可维护性。// 提高了代码的复用性。// 安装包的版本含义。
2023-11-27 08:35:30
372
原创 NODE.js day.01
/ fs.writeFile("路径","内容","格式",function(err){}) 方法,用来向指定的文件中写入内容。fs.writeFile("./day02.html","不好好学习,你在搞什么","utf-8",function(err){fs.writeFile("./1.txt","不好好学习,你在搞什么","utf-8",function(err){现在:前端---h5+c3+es5+es6+vue+nodejs+微信小程序+Element-ui。
2023-11-18 21:33:20
64
1
原创 es6第二天
IE盒子模型:当盒子设置内边距时,不把原本的盒子大小撑大说明是IE盒子,且内边距大小没有超过自身宽度高度,超过自身宽度高度也会撑大。/* //设置伸缩盒子对象的子元素的排列方式 */-- min max 数字的值 通常与number和range -->-- autocomplete记录历史输入 on打开 off关闭 -->标准盒子模型:当盒子设置内边距时,会把原本的盒子大小撑大说明是标准盒子,-- placeholder 表单的请示文字 -->-- required 表单输入不能为空 -->
2023-11-12 22:23:41
78
1
原创 es6第一天
function fn(){ setTimeout(()=>{ // 定义时,this 绑定的是 fn 中的 this 对象 console.log(this.a);// fn 的 this 对象为 {a: 18} fn.call({a: 18});当箭头函数函数体有多行语句,用 {} 包裹起来,表示代码块,当只有一行语句,并且需要返回结果时,可以省略 {} , 结果会自动返回。箭头函数体中的 this 对象,是定义函数时的对象,而不是使用函数时的对象。注意:使用函数默认参数时,不允许有同名参数。
2023-11-05 23:09:37
54
原创 HTML4
11、 backwards 动画将应用在 animation-delay 定义期间启动动画的第一次迭代的关键帧中定义的属性值。这些都是 from 关键帧中的值(当 animation-direction 为 “normal” 或 “alternate” 时)或 to 关键帧中的值(当 animation-direction 为 “reverse” 或 “alternate-reverse” 时)。9、alternate-reverse 动画在奇数次(1、3、5…)反向播放,在偶数次(2、4、6…
2023-10-31 18:17:38
75
1
原创 html3
按钮2</button><button type="button" onclick="func2()">按钮2</button><button type="button" onclick="func2()">按钮2
2023-10-22 22:42:24
59
1
原创 HTML2
*border-style: /*dashed:(虚线)*//*solid:(实线) dotted:(点线)double:(双线)*/
2023-10-15 21:43:08
54
1
原创 html1
*border-style: /*dashed:(虚线)*//*solid:(实线) dotted:(点线)double:(双线)*/6、 flex-direction代表的值有:row|row-reverse|column|column-reverse。1、flex-flow 属性是 flex-direction 和 flex-wrap 属性的复合属性。3、repeating-linear-gradient重复的线性渐变。
2023-10-06 20:11:33
47
1
原创 JavaScript笔记
先判断条件是否成立,如果是false,则循环的代码(while的大括号中的代码)都不执行,如果是true,则先执行循环体,再执行计数器,再直接去循环条件再判断,成立则再执行循环体,否则跳出循环体,执行完循环体后,计数器加一,再去循环条件,判断,成立则循环,不成立则跳出循环。限制性一次表达式1,判断表达式2,不成立则跳出循环。表达式2成立,执行循环体,结束后跳表达式3执行,跳表达式2执行,判断表达式2,不成立则再跳出循环。表达式2成立,则执行循环体,再跳表达式3,再跳表达式2,判断是否成立,一直如此。
2023-09-24 21:00:22
111
1
原创 CSS有哪些设置样式的
font-size:文字大小,font-family:字体样式,font-weight:字体粗细,font-style:倾斜程度。color:设置字体颜色 background-color:设置背景颜色。margin:设置外边距(设置上边距,设置右边距,设置下边距,设置左边距)text-shodow:设置阴影(垂直,水平,大小,颜色,模糊距离)text-align:水平居中,line-height:垂直居中。width:宽度大小,height:长度大小。
2023-09-15 14:44:21
164
原创 htm元素有哪些
html常用的结构元素有:1、div,可定义文档中的分区或节,用于为HTML文档内大块(block-level)的内容提供结构和背景;2、section,表示文档中的一个区域;3、article,表示文档、页面、应用或网站中的独立结构,其意在成为可独立分配的或可复用的结构;4、aside,表示一个和其余页面内容几乎无关的部分;块元素:div,p,ul,ol,dl,.h1-h6,li,from。行内元素:input,img,buttom,td,tr,th。行内元素:span,a,labal,i.cm。
2023-09-10 18:05:37
82
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人
RSS订阅