- 博客(150)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 Taro + vue3 中 前端中预览图片最简单的写法
当我们想做一个功能 比如说是预览图片的功能。我们可以使用Taro 中的封装好的Api。这个参数其实就是 一个图片的链接。或者是 本地的图片路径 也是可以的。我们使用Taro 开发前端的时候。就是一个方法 封装好的方法。
2024-04-26 17:06:14
269
原创 Taro +vue3 中实现全局颜色css变量的设置和使用
在其他的web端框架 以及uni-app 等移动端框架中 我感觉也是这样使用的。在行内使用 直接是 字符串就行了 不用使用模板字符串 变量 因为本来就不是变量。这个主题色 一般可以这样总定义的 方便我们随时可以 修改前端的主题颜色。当我们现在需要弄一个随时修改的页面颜色主题色。我们在这个里面 设置一个root 全局样式。这样在全局我们就可以使用这个css 变量。一般有一个app.less 文件。我使用的是 Taro 框架。行内中书写 全局变量css。我们直接把颜色 替换为。
2024-04-26 16:34:13
241
原创 java 中的面向对象
所谓多态就是指程序中定义的引用变量所指向的具体类型和通过该引用变量发出的方法调用在编程时并不确定，而是在程序运行期间才确定，即一个引用变量到底会指向哪个类的实例对象，该引用变量发出的方法调用到底是哪个类中实现的方法，必须在由程序运行期间才能决定。1.子类拥有父类对象所有的属性和方法（包括私有属性和私有方法），但是父类中的私有属性和方法子类是⽆法访问的，只是拥有。在已有类的基础上，通过增加新的属性或方法进而扩展形成新的类，提高代码复用性。2.子类可以拥有自己的属性和方法，即子类可以对父类进行扩展。
2024-04-25 10:55:24
198
原创 java 语法中的数据类型
如果 boolean 是以“boolean数组”的形式使用，则占 1 个字节（不过 Java 规范对 boolean 占用的内存空间没有明确的规定，不同的 JVM 有不同的实现机制）。这会编译出错，因为1是int类型，而s1 + 1运算结果是int类型，要把这个结果赋值给左侧的short类型，这属于向下转型。Java 所有的数值型变量可以相互转换，当把一个表数范围小的数值或变量直接赋给另一个表数范围大的变量时，可以进行自动类型转换；反之，需要强制转换。，这其中就有隐含的强制类型转换。这段代码会输出什么？
2024-04-25 10:30:09
417
2
原创 前端中的宏任务和微任务
宏任务和微任务是在事件循环中执行的两种不同类型的任务。宏任务是相对较大的任务，通常包括定时器任务（setTimeout、setInterval）、网络请求、用户交互事件（点击、滚动等）。宏任务会被添加到事件队列中，在每个事件循环中执行一次。微任务是相对较小的任务，通常包括Promise回调、DOM变动观察器。微任务会在当前宏任务执行完毕后立即执行，而不会添加到事件队列中。微任务的执行时机是在当前宏任务的末尾，在下一个宏任务之前。
2024-04-24 15:39:47
225
原创 前端中的同步和异步任务详细说明
会导致：如果下一个函数需要未执行完成的当前函数中的元素，由于当前函数未对该元素进行处理，而异步使得下一个函数先执行，自然导致下一个函数中获取的该元素为空。如果不存在异步，即：先执行A()，浏览器等待3s后，对window.data赋值，再输出window.data的值；再执行B()目前存在异步使得，先执行B()，再执行A()。因为setTimeout中的函数没有立即执行，而是延迟了一段时间，所以可知，A中存在异步任务--》B函数先执行。将A放入任务队列中，等待同步任务和任务队列现有的事件实行完才会执行。
2024-04-24 15:29:05
965
原创 Java基础语法的了解
大家不要被这个词搞晕了，它其实很简单，我们知道计算机是来处理数据的，字面量其实就是告诉程序员数据在程序中的书写格式。下面是常用的数据在程序中的书写格式编写程序，在命令行打印输出各种类型的字面值。
2024-04-24 11:47:04
1035
原创 idea 的使用和安装 以及简介
大家刚才写代码的时候都是用记事本写的，但是有没有觉得记事本写代码不太方便啊！记事本写代码单词写错了没有提示，格式也不好调整，写代码之后还需要我们到命令行使用javac命令手动编译，然后运行。有没有一种软件能够将写代码、编译、运行等工具集成到一起呢？有，这就是集成开发环境（Integrated Development Environment ，简称IDE）。除此之外，IDEA还有代码提示、检查代码错误等功能，从而提高程序员的开发效率。
2024-04-24 11:12:28
408
原创 Java中的 JDK环境变量配置详解
上面我们配置了QQ的启动目录到Path环境变量位置，那么接下来，我们把JDK的bin目录配置到Path环境变量下，这样就可以在任意目录下启动javac和java命令来完成编译和运行了。你如果按照前面的操作到这里，就说明JDK环境变量已经配置好了，后面使用JDK命令可以在任意目录下运行。比如把QQ的启动程序，配置到Path环境变量下就可以在任意目录下启动QQ，按照一下步骤操作。Path环境变量是让系统程序的路径，方便程序员在命令行窗口的任意目录下启动程序；第三步：配置好之后，检查是否配置成功。
2024-04-24 10:36:37
177
原创 Java的跨平台原理
跨平台性的原理是因为在不同版本的操作系统中安装有不同版本的Java虚拟机，Java程序的运行只依赖于Java虚拟机，和操作系统并没有直接关系。如果没有跨平台性，同一个应用程序，想要在多种操作系统上运行，需要针对各个操作系统单独开发应用。明白JDK的组成后，我们知道Java程序的执行是依赖于Java虚拟机的。就是因为有了Java虚拟机所以Java程序有一个重要的特性叫做跨平台性。所谓跨平台指的是用Java语言开发的程序可以在多种操作系统上运行，常见的操作系统有Windows、Linux、MacOS系统。
2024-04-24 10:25:27
187
1
原创 JAVA 中的JDK的组成
已经安装了JDK，并且开发了一个Java入门程序，用javac命令编译，用Java命令运行，但是对于Java程序的执行原理并没有过多的介绍。下面我们把JDK的组成，以及跨平台原理给大家介绍一下，有利于理解Java程序的执行过程。JDK、JRE的关系用一句话总结就是：用JDK开发程序，交给JRE运行。下面分别介绍一下JDK中每一个部分是用来干什么的。
2024-04-24 10:17:02
166
原创 编写你的第一个java 程序
1.安装 jdk一般我们安装jdk 17 就行了 自己练习 自己学习真正的开发中我们使用jdk 8 这个是最适合开发java 应用程序的当然你也可以选择你的 系统 来安装这个java在文件资源管理器打开JDK的安装目录的bin目录，会发现有两个命令工具javac.exejava.exe，这就是JDK提供给我们使用的，如下图所示：我们现在就使用一下javac.exejava.exe这两个工具，测试一下JDK是否可用输入完cmd回车后，会出现一个黑窗口，专业说法叫在命令行窗口中输入回车，然后输入。
2024-04-24 10:09:32
805
1
原创 node.js 后端语言的介绍以及总结
一、介绍nvm全名node.js version management，顾名思义是一个nodejs的版本管理工具。通过它可以安装和切换不同版本的nodejs为了解决node各种版本存在不兼容现象nvm是让你在同一台机器上安装和切换不同版本的node的工具我们可能同时在进行2个项目，而2个不同的项目所使用的node版本又是不一样的，或者是要用更新的node版本进行试验和学习。
2024-04-18 16:01:17
1020
原创 vue 开发 滑动页面中出现tabs 并且需要分页的
wechat-list 这个盒子 是需要我们将他变为fixed 的定位 相当于操作就是 属于wechat-list 的了 摆脱了 最外面的大盒子的滑动。这个外面的盒子需要去计算 我们计算scroll-view 的高度是和父组件的高度一致得。实现这样的页面我们应该怎么做 你应该会想到scroll-view 这个组件吧。scroll-view 是需要 高度的 这个高度 就是外面盒子的高度。这个算是 每一个item的代码 我把他封装成了一个组件。这个做法 巧妙的将每一项的item 的上下距离页拉开了。
2024-04-16 11:48:01
235
原创 Electron 桌面端应用的使用 ---前端开发
Electron是一个使用 JavaScript、HTML 和 CSS 构建桌面应用程序的框架。嵌入和到 二进制的 Electron 允许您保持一个 JavaScript 代码代码库并创建 在Windows上运行的跨平台应用 macOS和Linux——不需要本地开发 经验。
2024-04-10 17:12:18
1063
原创 给定一个以数字组成的数组，实现输出id为数字，并且从小到大排序的name（请使用es6语法）
【代码】给定一个以数字组成的数组，实现输出id为数字，并且从小到大排序的name（请使用es6语法）
2024-04-09 17:24:08
84
原创 前端面试算法题1
• B的宽度不固定：相邻两个B元素的间距是16px，所有B的宽度相同，边框为1像素，颜色为999。• A宽度不固定：最小宽度为1000px，内部边距是32px。• 最左侧B元素和最右侧的B元素，距离A的边缘都是32px；• 每行只能有3个B元素，超过的话需要换行；• 布局分为：父元素A和N个子元素B；你可以去试试呢 怎么写。
2024-04-09 17:21:33
269
原创 vue3 +Taro 页面实现scroll-view 分页功能
根据你当前设定的每页的数据数量和后端返回给你的数据列表数量 当某一次分页 两个数量不相等了以后 就不用去分页了。现在分页列表 后端只给你一个分页的数据列表 没有总页数 没有当前的分页 页数。我这使用的是scroll-view 组件。这样就巧妙的解决了当前的分页问题。只有这么一个list 、、、
2024-04-09 14:36:18
426
原创 Vue3快速上手 详细内容
2020年9月18日，Vue.js发布3.0版本，代号：One Piece（海贼王）耗时2年多、2600+次提交30+个RFC600+次PR99位贡献者什么是hook？—— 本质是一个函数，把setup函数中使用的Composition API进行了封装。类似于vue2.x中的mixin。自定义hook的优势: 复用代码, 让setup中的逻辑更清楚易懂。
2024-04-09 10:08:09
1672
原创 vue项目中实际开发中的组件开发模式和使用
拿移动端H5 来说 当我们做一下页面的样式 vue主要显著的是组件开发 所以我们开发上有一套。实际上 这个组件里面时使用的组件库的组件我这里用的是Taro +nutUi 京东组件库。所以二次封装的组件才是比较合适的 并且这样 也是比较清晰明了。一般三方组件 我们还是回进行二次封装的 再封装成一个组件。我开发一般都是这样的开发模式。如果自己写一个组件又太麻烦。不知道大家都是怎么开发的。
2024-04-09 09:58:43
132
原创 js中new Map 的使用 方便取出值
{ value: '16', label: '奢品' },{ value: '17', label: '母婴' },{ value: '21', label: '家居' },{ value: '25', label: '未知' },{ value: '1', label: '手机' },{ value: '2', label: '潮品' },{ value: '3', label: '家电' },{ value: '8', label: '乐器' },
2024-04-02 16:34:57
343
原创 Taro + vue3 小程序封装标题组件
这个组件的目的除了title标题 其实还有一个就是 返回上一页 类似我们小程序自己路由上的返回。逻辑很简单的 大家可以在我这个基础上继续修改更加适合自己逻辑和样式的组件。分为没有跳转页面的title组件和 有跳转页面的title组件。当然我这个是比较简单的一个组件。我们可以把这个封装成一个组件。
2024-04-02 15:18:45
899
原创 nut-ui中的menu 菜单组件的二次封装
这个菜单组件 一般可以直接用到项目里 如果复用性不强的话 直接使用。但是有一个问题 如果很多地方都需要用到这个组件。我们可以把这个组件二次封装一下。
2024-04-01 14:56:45
326
原创 vue 自定义tabs 样式的组件
逻辑就是 根据点击的下标和实际的下标相等的时候 给他一个动态类。大家应该都用过tabs 不同状态显示不同的列表。这种东西其实可以自己封装的 其实是很简单的。这样的跟tabs 的效果一样。做一个这样简单的筛选组件。算实自己封装的一个组件。
2024-04-01 14:47:07
315
原创 Taro+vue3 监听当前的页面滚动的距离
Taro中的滚动 有固定的api 像生命周期一样 这个生命周期是 usePageScroll。这个里面是scrollTop的值 根据项目里的 这个高度 计算出一个布尔值。当屏幕滑动的时候到一定的距离 将这个固定的盒子 背景颜色变成白色。一开始这个城市组件 是透明的 在顶部 的固定定位。这样就可以实现这个功能。想实现一个这样的效果。2.Taro中的滚动。
2024-03-30 16:20:31
411
1
原创 通过node 后端实现颜色窃贼 (取出某个图片的主体rgb颜色 )
前端我试了试 color-thief 的插件 但是 这个插件是基于canvas 的模式来的 我需要在小程序中使用这个插件 而且是Taro + vue3 的项目 会报错。我前端轮播图的背景色 想通过每一张轮播图片的颜色作为背景色 这样的话 需要通过一张图片 取出图片的颜色 这个工作通过前端去处理 也可以通过后端去处理。我想到了使用后端的能力去取到这个图片的颜色rgb的颜色 我后端使用的是node 项目。因为我目前只是获取了部分图片的颜色 所以代码的颜色是写死的。电影图片轮播的时候 会自动获取颜色。
2024-03-29 14:11:34
463
原创 masterGo 的设计网站介绍
这个网站是一个设计图片的网站 ui设计方面的网站。适合前端和ui开发者使用 可以丰富自己的审美观。也可以像ps 一样 设计自己的图片或者ui图。可以直接用的图片 和设计模板。
2024-03-26 14:17:58
327
原创 宝塔面板磁盘很满 日志删除了 还是很满
找了很久 发现了问题 其中一个node 项目 打印日志了 有可能调用太频繁了 导致 日志打印了40个g。后来一个一个文件计算大小 发现 回收站 中删除的问价也是磁盘的空间。之前宝塔面板的问题 磁盘突然满了 导致项目崩了 直接不能用了。把它删了 以为问题解决了 但是磁盘还是很满。没用过宝塔 原来删除的文件还是占着磁盘的空间的。之前删除的40g 的日志 原来相当于没有删除。
2024-03-26 10:08:51
224
原创 cool-admin-node.js 中redis缓存的使用
基本和我们在前端使用的本地存储的方法就差不多了 当我们登录成功的时候 把token 存起来 就可以了 当用户调用其他接口需要鉴权的时候 我们从缓存中将token 拿出来 跟用户的token 对比一下 我们就可以知道用户的Id 以及鉴权是否成功。1. 在做cool 后端的时候 用户登录 时的token 需要鉴权的value 以及发送验证码 这些 需要存到缓存里面 ，进行逻辑鉴权 所以我们需要用到redis 缓存 或者数据库缓存 我这里介绍一下redis 的缓存。配置好服务器的地址 就可以 使用这个缓存。
2024-03-22 09:28:27
257
原创 全球首位AI程序员诞生，将会对程序员的影响有多大？
展望未来，AI技术的发展将不可避免地受到更加严格的法律监管，如欧盟AI法案，这可能会对公司的运营模式和技术创新产生深远影响。总的来说，AI技术正处在一个关键的发展阶段，它的未来不仅取决于技术创新，还取决于如何解决伴随而来的法律、伦理和社会挑战。②创新能力与问题解决能力：人工智能领域不断涌现出新的技术和应用，AI程序员需要具备强烈的创新意识和问题解决能力。这意味着AI系统难以适应新的、未知的情况，并可能无法解决复杂的问题。AI程序员需要具备持续学习和适应新技术的能力，不断更新自己的知识和技能，保持竞争力。
2024-03-21 10:05:05
616
原创 cool 中的Midway ----node.js的TypeORM的使用
1.介绍是node.js现有社区最成熟的对象关系映射器（ORM本文介绍如何在 Midway 中使用 TypeORM。
2024-03-16 09:57:04
789
Taro + vue3 +ts + pinia的前端小程序/h5 框架模板
2024-03-22
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人