- 博客(209)
- 资源 (1)
- 问答 (1)
- 收藏
- 关注
RSS订阅原创 实习回顾_
进入公司看了两天代码,然后我记得第一个需求就是剥离一个移动端vue3的事件上报项目,疫情期间的需求项目,有很多的功能页,让我抽的只剩指定页和登录页,很简单,一天抽完了。后面就是让我改一些业务系统的组件,从最开始的一个媒体展示组件,到后面的一些页面全由我来完成,节奏很慢,学到很多。这期间主要是学了一些组件封装的技巧,对项目的认识,代码风格,文档注释,git,更重要的是认识了很多很棒的同事。第二家私企,优劣不好说,反正能不去小公司就不要去,很多不规范,从公司制度上,代码规范上,都不规范。
2023-09-02 20:34:47
194
原创 手搓vue3组件_0,打包配置
这里我引入了自己打包的ui组件库,但是ui组件库中打包进入了自己的vue,那么在此时使用时,如果你引入的自己的组件中有slot,那么就会包这个问题,这个是由于vue版本冲突问题,
2023-08-14 01:14:16
716
原创 手搓vue3组件_1.封装一个button
生效,这里是给class传入了一个数组,如果你查看elementui的源码,会发现他们也是这样实现组件的type的切换,用过了才知道这个技巧是如此好用。这里的逻辑是点击左侧的item,赋值文字,但是这里的子组件没有定义click的处理事件,上面的button也是,可能会报这种错,这样没问题可以,但是有时会报错,click不是原生事件,这里我没有复现,淡然,你也可以在复习bug的时候想起这篇文章。注意这里的代码还有很多没有优化,颜色获取,其他自定义type之类的都没有处理,关于更多的细节优化,详见。
2023-08-08 23:30:27
381
原创 fragment
关于这个东西,在使用elementui plus中的图片预览组件就有用到,真的好用,而elementui是使用其他方式实现这种方式的。teleport是一种能够将我们组件html结构移动到指定位置的技术。可以发现他的份层级是在。
2023-07-26 00:15:19
106
原创 vue3中的provide
- 作用:实现祖孙件通信 - 套路:父组件有一个provide选项来提供数据,子组件有一个inject选项来开始使用这些数据
2023-07-12 00:51:42
542
原创 electron_笔记
每次打开窗口默认会在屏幕的中央进行显示,如果想要更改,可以在mian.js中使用。这样就可以使用nodemon监听main.js的改动了。那么此时窗口无法进行拖动。,在这个阶段才调用加载。
2023-04-19 00:59:05
1704
1
原创 typescript笔记
属性方法class 类名 {静态属性 / 示例属性 方法() {} }示例:// 定义实例属性(通过定义实例才能看到的属性为实例属性) grade : string = '大三';// 当然也可以不写类型 gre = '孙悟空';// 使用static定义静态属性,静态属性要通过类来访问 static word : string = 'fuck you!// 定义只读属性,它无法修改 readonly only : string = 'fuck you only read';
2023-03-22 22:37:09
440
2
原创 基于nodejs如何爬取csdn上自己的文章
当你想把自己在csdn上写的文章转为hexo上可以发布的文章或是将文章写入自己的数据库时,可以用到。
2022-12-12 11:52:39
511
5
原创 ubuntu22.4配置nginx和php
这里icestone.art使我们即将使用的域名，域名在、etc/hosts下直接添加并刷新即可，修改 /etc/nginx/sites-available/default。修改 /etc/nginx/sites-available/default。修改 /etc/php/8.1/pool.d/www.conf。要注意Linux下回环地址是0.0.0.0。这里由于使用的ubuntu22.04。修改nginx中监听php的端口;在与原来server上修改。40. 修改配置文件。
2022-11-13 22:13:52
3913
原创 宝塔部署codeserver，映射外网
为什么要映射：我的服务器上部署的还有其他一些模板项目，用宝塔部署的，不能停，但是ngix一直在监听一些端口，影响codeserver的使用，所以需要在宝塔上映射一下。这里code-server选的是你下载的压缩包，解压后bin目录下的那个文件，勾选并选择即可。这个目录下，可以配置你的密码和项目运行端口，默认端口是8080。这里开启一下即可，访问的话，直接访问你之前填写的域名即可。这个我也忘了自己下的是哪个版本，查其他的博客吧。在宝塔面板的网站中，添加通用项目。再点击这个，开启映射;
2022-10-10 23:58:45
2772
原创 微信小程序_25,自定义tabBar
添加徽标之后,徽标其实是溢出tabBar的,所以此时需要修改icon和底部文字的距离,而这里是需要修改margin-bottom。对于有的item需要渲染info,有的则不需要,可以在data节点中定义info,并在渲染时使用三元表达式来判断。要注意的是,给的模板代码中,可能有一些初始化数据,或是绑定的方法,这些东西也是要cv过来的。是当前tab的index,通过点击不同的tab,传入不同的index,再通过。而此时,先要完成切换,监听它的点击方法即可,点击事件中,执行。
2022-09-21 08:01:01
1274
原创 微信小程序_24,分包预下载
分包预下载指的是:在进入小程序的某个页面时,由框架自动预下载可能需要的分包,从而提升进入后续分包页面时的启动速度。在app.json中配置,该节点与。
2022-09-18 17:50:15
225
原创 微信小程序_23,分包
分包指的是把一个完整的小程序项目,按照需求划分为不同的子包,在构建时,打包成不同的分包,用户在使用时按需进行加载。2.当用户进入分包内某个页面时,客户端会把对应分包下载来,下载完成之后再进行展示。同时,还要在app.json的subpackages节点中声明分包的结构。在package.json中写下分包的配置,保存后会自动创建。1.在小程序启动时,默认会下载主包并启动主包内页面。指定的是分包的所在文件夹,指定的是该分包下的页面。在app.json中。
2022-09-16 16:03:33
866
原创 微信小程序_22,全局数据共享
注意:安装完相关的包之后,记得删除miniprogram_npm目录后.重新构建npm。在组件中引入store时,可以映射store中对应的对象或者变量名,如下面的。全局数据共享(又叫做:状态管理),是为了解决组件之间数据共享的问题。开发中常用的全局数据共享方案有:Vuex,Redux,Mobx等。
2022-09-13 21:00:07
850
原创 微信小程序_21,使用npm包,api promise化
在小程序入口文件中(app.js),只需调用一次promisifyAll()方法,即可实现异步api的promise化。注意,小程序是无法直接读取node_modules目录下的包文件的,所以需要构建,构建npm会把引入的包copy到。目录下,在你新引入包2时,最好将原来的。
2022-09-11 15:24:11
272
原创 微信小程序_20,使用第三方npm包
Vant Weapp是有赞前端团队开源的一套小程序UI组件库,助理开发者快速搭建小程序应用,他所使用的是MIT开源协议,对商业使用比较友好。在有package.json的目录中安装,如果没有package.json,那么初始化一下(为元素定义css变量时,需要为元素的根节点定义,而page就是小程序的根节点。总结:虽然npm上的包千千万,但是能供小程序使用的包却’为数不多’1.不支持依赖于node.js内置库的包。把小程序配置中的style给去除。各个元素的变量官方提供的有变量名。
2022-09-09 23:49:24
724
原创 移动端适配,华为浏览器底色无法正常显示
第一个是不显示背景色的,第二个是正常样式,这里是只有在手机端的华为浏览器出问题。解决看看代码中颜色的值写的是几个f,我写的是。
2022-07-31 00:13:02
1381
原创 微信小程序_19,自定义组件-behaviors
比如在组件的data节点定义一个username为ls,在behavior的data中也定义一个username为ls,那么此时它会优先使用组件中的data。每个behaviors可以包含一组属性,数据,生命周期函数和方法,组件引用它时,它的属性,数据和方法会被合并到组件中。behaviors是小程序中,用于实现组件间代码共享的特性,类似于vue的mixins。每个组件可以引用多个behavior,behavior也可以引用其他的behavior。behaviors挂载时,传入的是数组。...
2022-07-20 22:43:24
438
原创 微信小程序_18,父子组件之间的通信
这里点button,但是组件中的count并不会自加,因为界面上展示的count是来自父组件的值,这里就需要用到子组件向父组件传值,事件绑定。2.在父组件的WXML中,通过自定义事件的形式,将步骤1中定义的函数引用,传递给子组件。1.在父组件的js中,定义一个函数,这个函数即将通过自定义事件的形式,传递给子组件。4.在父组件的js中,通过e.datail获取到子组件传递过来的数据。3.在子组件的js中,通过调用。3.在子组件的js中,通过调用。,将数据发送到父组件。,将数据发送到父组件。......
2022-07-17 22:57:56
396
原创 微信小程序_17,插槽
在自定义组件的WXML结构中,可以提供一个节点(插槽),用于承载组件使用者提供的WXML结构。在小程序1中,默认每个自定义组件中只允许使用一个进行占位,这种个数上的限制叫做单个插槽。
2022-07-16 19:32:12
407
原创 微信小程序_16,组件的生命周期
2.在组件完全初始化完毕,刚进入页面节点树后,attached生命周期函数会被触发。有时,自定义组件的行为依赖于页面状态的变化,此时就需要用到组件所在页面的生命周期。这里就是组件监听了页面的状态,在每次进入页面时,生成一个随机的RGb值,1.组件实例刚被创建好的时候,created生命周期函数会被触发。3.在组件离开页面节点树后,detached生命周期函数会被触发。新旧两种方式都存在时,会优先使用新的,往后不建议使用旧的方式了。...
2022-07-16 17:56:30
1387
原创 微信小程序_15,纯数据字段
例如某些情况下,某些data中的字段既不会展示在界面上,也不会传递给其他组件,仅在当前组件内部使用,带有这种特性的data字段适合被设置为纯数据字段。概念纯数据字段指的是那些不用于界面渲染的data字段。好处纯数据字段有助于提升页面更新的性能。...
2022-07-15 23:00:39
351
原创 从0开始安装苹果cms及其资源采集和页面部分代码
最近写代码时,上面要我写移动端页面并适配苹果cms,最近才接触,记录一下安装环境deepin(本篇是在虚拟机里装的,服务器端我也这样装的)宝塔面板(Linux面板7.9.3)1.安装宝塔面板(抄宝塔官网的,Ubuntu/Deepin安装脚本)这里我不晓得那些是用得上的,里面推荐的几个我都装了,但苹果cms必须用的有php和mysql,然后安装运行环境,我这里安装的有我下载的是3.宝塔上添加网站并把苹果cms文件拷贝进网站跟目录这里域名我填的是虚拟机deepin的ip地址。...
2022-07-15 22:44:40
9529
原创 微信小程序_14,组件的创建与引用
1.在项目的根目录中,鼠标右键,创建components->test文件夹2.在新建的components->test文件夹上,鼠标右键,点击"新建component"3.键入组件的名称之后回车,会自动生成组件对应的4个文件,后缀分别为.js,.json,.wxml和.wxss如图:组件的引用方式分为"局部引用"和"全局引用",顾名思义:然后就可以在WXML中引用:WXML:然后就可以使用了根据组件的使用频率和范围,来选择合适的引用方式:从表面上看,组件和页面都是由,js,.json,.wx
2022-07-14 15:33:49
1078
原创 微信小程序_13,本地生活案例
以分页的形式,加载指定分类下商铺列表的数据1.接口地址:2.请求方式:3.请求参数:如果下面的公示成立,则证明没有下一页数据了页码值*每页显示多少条数据>=总数据条数page*pageSize>=total案例1:总共有77条数据,如果每页显示10条数据,则总共分为8页,其中第八页只有七条数据page(7)*pageSize(10)>=total(77)...
2022-07-08 19:37:34
677
4
原创 微信小程序_12,WXS脚本
WXS(WeiXin Script)是小程序独有的一套脚本语言,结合WXML,可以构建出页面的结构wxml中我们无法调用在页面的.js中定义的函数,但是wxml中可以调用wxs中定义的函数,因此,小程序中wxs的典型应用场景就是过滤器虽然wxs的语法类似于javascript,但是wxs和javascript是完全不同的两种语言1.wxs有自己的数据类型2.wxs不支持ES5及以上的语法形式3.wxs遵循CommonJS规范wxs代码可以编写在wxml文件中的标签内,就像javascript代码可以编写在h
2022-07-08 12:24:36
454
原创 微信小程序_11,生命周期
生命周期(life cycle)是指一个对象从创建->运行->销毁的整个阶段,强调的是一个事件段.例如:我们可以把每个小程序运行的过程,也概括为生命周期在小程序中,生命周期分为两类,分别是:1.应用生命周期其中,页面的生命周期范围比较小,应用程序的生命周期范围比较大,如图所示:生命周期函数:是由小程序框架提供的内置函数,会伴随着生命周期,自动按次序执行生命周期函数的作用:允许程序员在特定的时间点,执行某些特定的操作,例如,页面刚加载时,可以在obLoad生命周期函数中初始化页面的数据注意:生命周期强调的是时
2022-07-07 20:23:26
228
关于nodejs的session本地存储的问题
2021-08-02
TA创建的收藏夹 TA关注的收藏夹
TA关注的人