- 博客(35)
- 收藏
- 关注
RSS订阅原创 uniapp中获取点击元素的dom节点的信息
能够获取到点击img元素的信息。获取不到点击的img元素的信息通过addEventListener设置事件监听来获取点击元素的dom节点信息
2022-06-21 17:24:37
5332
原创 小程序遮罩禁止滚动
当小程序使用页面进行滚动时，可以给遮罩设置catchtouchmove属性来禁止页面滚动，这个效果在小程序开发工具上测不出来，只有在手机上有效果。2、scroll-view滚动 如果遮罩是scroll-view元素的子元素，当弹出遮罩时可以通过修改scroll-y或者scroll-x属性的布尔值为false来禁止scroll-view元素的滚动。...
2022-06-07 14:26:11
5362
2
原创 前端实现表格数据的xlsx格式的导入导出
一、下载依赖npm install xlsx@0.16.0 --save最新的版本可能会出现报错："export 'default' (imported as 'XLSX') was not found in 'xlsx'二、封装导入导出方法excel.jsimport XLSX from "xlsx";/** * @description: * @param {Object} json 服务端发过来的数据 * @param {String} name 导出Excel文
2022-04-15 14:42:34
1380
原创 使用webkit伪元素修改滚动条样式
注：本文使用方法仅在以webkit为内核的浏览器生效（谷歌,safari）代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width
2022-04-14 15:55:00
484
原创 echarts矢量地图基本实现
一、获取地图的相关数据和引入要用到的js库1.1-引入echarts和jquery库在bootcdn中分别搜索echarts和jquery库，点击复制script标签引入html文件中1.2-使用ajax请求获取中国地图的json数据http://datav.aliyun.com/portal/school/atlas/area_selector点击上面链接进入页面，复制json数据的请求地址二、绘制矢量地图<!DOCTYPE html><htm
2022-04-02 15:30:00
2423
原创 nvue页面实现文本超出一行显示省略号
在Vue页面中我们通过设置以下三个属性实现，文本超出一行省略overflow: hidden;text-overflow: ellipsis;white-space: nowrap;但是nvue页面中，white-space属性不支持，我们通过给text标签设置如下属性实现文本超出一行省略lines:1;text-overflow: ellipsis;...
2022-03-31 15:55:27
2611
原创 自定义组件image标签中图片路径使用相对路径图片不显示
这个相对路径是相对于自定义组件的所在的页面或者父组件的相对路径，而不是相对于自定义组件本身。另外官方推荐该标签使用绝对路径。
2022-03-24 15:11:07
841
原创 uni-ui组件库uni-icons不显示
问题：按照官方文档用yarn引用了uni-ui组件库并且在pages.json和vue.config.js中配置了相关的内容后使用uni-icon效果如下：使用uni-icons的地方图标都未显示成功解决：1-按照 项目名称\node_modules\@dcloudio\uni-ui\lib\uni-icons目录找到uni-icons目录2-将uni-icons目录放到src目录下的components目录下3-在pages.json文件中添加配置项"easyc..
2022-03-23 10:47:01
12729
3
原创 nvue原生app开发踩坑
1-nvue文件的view元素默认开启flex布局，flex-direction默认值为columnview里面包含两个text标签宽度占满一行而不是由内容111和222撑开这是因为view标签默认开启了flex布局，且flex-direction为column，此时交叉轴为x轴，align-items等于 stretch,text元素的宽度为view的宽度。view元素设置align-items:center;效果如下：2-text标签内包含文字时记得一定不要换行！！！
2022-03-22 16:57:02
496
原创 HBuilderX中使用模拟器
1-下载一个模拟器这里使用的雷电模拟器雷电安卓模拟器-手游模拟器安卓版_android手机模拟器电脑版_雷电模拟器官网2-查看雷电模拟器位置找到其中adb.exe文件的路径3-在HBuilderX中配置路径ADB配置点击HBuilderX上方运行-》运行到手机或模拟器-》ADB路径设置4-常用模拟器端口...
2022-03-22 16:31:48
3110
原创 HBuilderX打包出现HBuilderX版本和手机sdk版本不匹配
1、问题2、解决在mainfest.json文件中，app-plus配置项里加上"compatible": { "ignoreVersion": true },
2022-03-18 17:28:32
4501
原创 使用HBuilderX将uniapp项目打成apk包
一、在HBuilderX中创建一个5+app项目1.1 - 创建5+app项目1.2 - 5+app文件结构目录如下：二、将项目dist目录下的index.html文件放入5+app项目2.1 - 使用npm run build 命令打包生成 dist目录生成dist目录如下：2.2 - 打开index.html文件看一下为空白页面2.3 - 在HBuilderX中打开vue项目，找到manifest.json文件，设置h5配置的运行基础路径后再运..
2022-03-18 16:21:29
7774
1
原创 uni-app项目小程序父组件给子组件传递样式不生效
问题：父组件：子组件：如图所示，父组件给子组件传参，参数为一个对象，并将该参数作为子组件的样式。h5端：样式生效小程序端：样式不生效，且style="[object Object]"解决：将子组件的样式对象放进数组里结果：样式生效原因：正确写法：...
2022-03-12 09:59:55
1423
原创 nodejs通过res.end方法返回中文乱码解决
问题：代码请求结果解决方法：在res.end方法之前加上res.writeHead(200, { "Content-Type": "text/plain;charset=utf-8" });结果：
2022-02-22 10:43:04
1289
原创 react给自定义组件添加className后设置样式不生效
问题：如图所示：在根组件App中，Search和Show是自定义的子组件，想给Search组件设置一个灰色的背景色。在app.css中进行设置：但是红色框的部分（Search组件并没有灰色背景出现）后面发现className被当做一个参数传递给了Search组件：解决：在Search组件的最外层的div上添加一个className在Search组件的css样式文件中设置背景颜色样式设置成功：...
2022-01-07 11:31:50
5895
原创 使用yarn安装依赖时，因为node版本原因报错的解决
报错：error eslint@8.6.0: The engine "node" is incompatible with this module. Expected version "^12.22.0 || ^14.17.0 || >=16.0.0". Got "14.16.1"error Found incompatible module.解决：yarnconfig set ignore-engines true
2022-01-06 15:01:48
5255
原创 CSS盒模型
盒子一般包括五个部分：margin外边距，border边框，padding内边距和内容区。一、内容盒子默认为内容盒子，它的width和height就是内容区的width和height二、边框盒子需要设置box-sizing:border-box;来将内容盒子变成边框盒子，边框盒子的width = 左右边框宽度+左右内边距+内容区宽度边框盒子的height=上下边框宽度+上限内边距+内容区高度...
2021-09-13 17:22:43
51
原创 CSS三大特性
一、继承性 在父元素中设置的一些属性，在其后代元素中也可以使用，这样的属性叫做继承性。 注意点：1.并不是所有的属性都可以继承, 只有以color/font-/text-/line-开头的属性才可以继承 2.在CSS的继承中不仅仅是儿子可以继承, 只要是后代都可以继承 3.继承性中的特殊性 3.1 a标签的文字颜色和下划线是不能继承的,当做子元素 3...
2021-09-13 16:59:04
68
原创 CSS选择器
一、选择器类型1.标签选择器 标签名{属性:值} 对一类标签进行样式的设置2.类选择器 .类名{属性:值} 对同一类名的标签进行设置，一个标签可以有多个类名。3.id选择器 #id名{属性:值} id最好不要重复，因为后面dom要通过id获取节点。4.后代选择器 选择器1 选择器2{属性:值} 表示对选择器1中的标签后代（不仅仅是直接子元素，也可以...
2021-09-13 16:28:41
612
原创 js基本数组类型和引用数据类型如何存储
一、基本数据类型基本数据类型的存储：在栈内存中开辟一块空间存储它的变量名和值当你修改a或者是b的值时，对另外一个变量没有影响，如下图：var a = 123;var b = a;console.log(a);//123console.log(b);//123a = 456;console.log(a);//456console.log(b);//123二、引用数据类型引用数据类型的存储：首先在栈内存中开辟一块空间存储变量名和值，在堆内存中开辟一块空间存储引用数.
2021-09-06 16:58:12
832
原创 初识javascript
一、什么是javascript？JavaScript ( JS ) 是一种具有函数优先的轻量级，解释型或即时编译型的编程语言。虽然它是作为开发Web 页面的脚本语言而出名的，但是它也被用到了很多非浏览器环境中，例如 Node.js、 Apache CouchDB 和 Adobe Acrobat。JavaScript 是一种基于原型编程、多范式的动态脚本语言，并且支持面向对象、命令式和声明式（如函数式编程）风格。二、js的组成部分1.ECMAScript，描述了...
2021-09-06 16:33:24
417
原创 a标签应用
一、a标签基本用法 a标签是一个跳转标签，控制页面之间的跳转。href属性里设置跳转页面的路径，target属性里设置是在当前页面跳转还是新建页面跳转。target默认属性为_self（在当前页面跳转），设置为_blank则表示要新建页面跳转。title属性为鼠标悬停时展示的信息。另外使用a 标签还有以下几点要注意：1.a标签不仅可以让文字点击，也可以让图片被点击 2.一个a标签必须有一个href属性，否则a标签不知道要跳转到什么地方 3.如果通过a标签hre...
2021-08-03 19:38:22
9209
原创 br，hr和img标签
1-br标签br标签 ，表示换行标签 ，br标签是一个自结束标签， br标签的语义是不另起一个段落换行, 而在企业开发中一般情况下需要换行都是因为需要另起一个段落, 所以在企业开发中很少使用br标签。效果展示：2-hr标签hr标签， 可以在页面中生成一个分割线效果展示：3-img标签img标签是图像标签，它也是一个自结束标签，并且它是一个可以设置宽高的行内元素。它里面的src属性是图片的路径，alt属性是当图片没有加载出来时在图片显示位置显示出来的文字信息。如果没有.
2021-08-03 18:48:38
1424
原创 h1~h6标签和p标签的使用
1-h1~h6标签 它有从h1~h6六个标签，它的效果展示如下：由图可以很明显看出，在显示效果上，h1~ h6标题的字体大小是逐渐变小的，另外对于搜索引擎来说，h1~h6的重要性也是逐渐变低的。其中h1的重要性仅次于title，搜索引擎检索完title会立即查看h1中的内容。 h1标签非常重要，它会影响到页面在搜索引擎中的排名，一个页面最好只写一个h1标签， 一般的页面中，我们只使用h1 h2 h3，其他的基本不用 。自带的cs...
2021-08-03 17:10:52
1384
原创 html5学习笔记（1）
一、html介绍HTML是HyperText Markup Language(超文本标记语言)它不是一种编程语言，而是一种标记语言，用于告诉浏览器如何构造你的页面。它可以由一系列HTML元素组合成web开发人员想要的简单或者复杂的页面。“超文本”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。HTML也是一种规范，一种标准，它通过标记符号来标记要显示的网页中的各个部分。网页文件本身是一种文本文件，通过在文本文件中添加标记符，可以告诉浏览器如何显示其中的内容（如：文字如何处...
2021-08-02 20:09:05
321
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人