- 博客(38)
- 收藏
- 关注
原创 113 链接集11ctrl+左键 多选 vue中change事件阻止冒泡 flex布局 border 渐变 svg经过变颜色 $event实参 el-tree样式 el-upload回显 table
【代码】113 链接集10--ctrl+左键单击多选。
2024-03-20 16:01:03
350
1
原创 106 uni-app 小程序之巨坑 not found path,not found methods v-for渲染出现报错
Component is not found in path "path/to/vant-weapp/dist/button/index" (using by "pages/index/inde... - 简书。不用慌,心里默念:我不能砸电脑,我不能砸电脑,我不能砸电脑!(电脑被砸的声音,哈哈哈),好了,接下来讲一下怎么解决!你是否像我一样,检查了无数遍,引入路径检查千万遍,就是没写错,小程序后台就是给你报错,接下来是相反的操作,我愿称之为逆天。
2023-12-21 10:12:10
2564
2
原创 38 Cesium中的几种坐标和相互转换(对38的补充)
经度:参考椭球面上某点的大地子午面与本初子午面间的两面角。2、笛卡尔空间直角坐标系-世界坐标(Cartesian3)纬度:参考椭球面上某点的法线与赤道平面的夹角。4、经纬度(longitude,latitude)1、平面坐标系(Cartesian2)3、弧度(Cartographic)地理坐标系,坐标原点在椭球的质心。4.屏幕坐标和世界坐标相互转换。1.经纬度转换为世界坐标。2.世界坐标转换为经纬度。
2023-11-13 16:39:48
209
原创 98 链接集8 nignx配置及vue配置publicPath v-model在自定义组件上的使用 伪元素图标与文字居中 flex布局最后一盒子独占一行 禁止选中文字
滑动验证页面//1.mixin@Component@Prop()value!: any;上述代码实现了:子组件中input中的值修改时,父组件的foo属性会同步修改。
2023-10-09 16:45:57
110
原创 97 css内容展开收起 本地图片转base64 直接拿到图片 上传图片 出图/截图(cesium特殊)
最终实现效果: 本文主要实现难点: 如何实现 展开 和 收起 切换按钮的文字环绕效果 如何实现多行文本溢出省略效果 如何实现 展开 和 收起 的状态切换 初始 html:
2023-10-07 15:02:35
142
原创 92 uni-app安装配置
此时,为了让 Git 能够正常追踪 unpackage 目录,按照惯例,我们可以在 unpackage 目录下创建一个叫做。访问 HBuilderX 的官网首页 https://www.dcloud.io/hbuilderx.html。操作步骤:工具 -> 设置 -> 打开 Settings.json 按需进行配置。dist 目录,因此默认情况下, unpackage 目录不会被 Git 追踪。在 HBuilderX 中,配置“微信开发者工具”的。在 HBuilderX 中,点击菜单栏中的。
2023-06-29 10:17:58
713
原创 90 cesium的四种点击拾取方法 矩阵变换 本地坐标转世界 禁止场景/鼠标左右拖动、禁用中键 修改点击infoBox内容 3Dtile性能优化 cesium+vue
cesium的四种点击拾取方法 获取鼠标位置 等待添加
2023-06-09 11:45:25
662
原创 82 npm install npm run配置scripts中的命令 配置环境变量 vue-cli-service命令 vue.component与use的区别 vue项目中如何使用字典
npm install的过程,npm run 的过程, 配置环境变量
2023-02-06 17:07:04
1127
原创 66 后端重点注意事项 navicate导入数据库 如何生成base64格式 下载字体图标用于uni-app 请求方式及状态码
node一般要安装的包以及如何使用base64
2022-09-01 09:51:28
63
原创 48 element UI修改表头名称 双击cell修改内容 table拖拽 上下加减数字框
<template> <div class="app-container"> <el-table border :data="tableData" style="width: 100%;align: center" max-height="550" :cell-class-name="tableCellClassName" @cell-click="tsetClick" @hea..
2022-05-26 10:26:02
865
原创 前端面试题 原型链
1.js连续赋值:基本数据类型从右至左,“.”运算优先级高于“=”js中的连续赋值_徘徊的盖盖-CSDN博客_js连续赋值最近在准备换工作的事情,面试中遇到js连续赋值的问题,在这里做个总结。下面是面试题目// 面试题var a = { n: 1 };var b = a;a.x = a = { n: 2 };console.log(a);console.log(b);console.log(a.x);console.log(b.x);首先来看下js中基本类型的连续赋值是下面这样:v...https://
2022-02-08 15:11:47
749
原创 29.Vue路由 query param props传值 路由导航守卫 keep-alive hash和history模式 children里面path:“” 不需要再加/ 动态路由
1.路由组件query传值//该路由路径为/home/message/detail 所以该组件能从$route上的到数据//to的字符串写法 <router-link :to="`/home/message/detail?id=${m.id}&title=${m.title}`"></router-link>//to的对象写法<router-link :to='{ path:'/>home/message/detail', query:
2022-02-07 22:10:15
688
原创 27.vue组件间完整传值方式 代理服务器 插槽 vuex 路由按需加载
1、首先组件的使用步骤:1.创建组件.vue文件,组件名name(首字母大写)2.引入组件:import Student from "./components/Student.vue" (script标签下)3.注册组件:当前组件name属性与date平级,components注册局部组件{Student}4.使用组件:在当前组件中使用<Student>组件标签constcomp=Vue.extends({创建组件})2、使用ref属性:被用来给元素或子组件注册引用信..
2022-02-07 19:18:02
823
原创 23.input事件
1.onfocus 当input 获取到焦点时触发2.onblur 当input失去焦点时触发,注意:这个事件触发的前提是已经获取了焦点再失去焦点的时候才会触发该事件,用于判断标签为空。3.onchange 当input失去焦点并且它的value值发生变化时触发,个人感觉可以用于注册时的确认密码。4.onkeydown 按下按键时的事件触发,5.onkeyup 当按键抬起的时候触发的事件,在该事件触发之前一定触发了onkeydown事件--相当于一个按键,两个事件,没怎么用过6.on..
2022-01-19 12:01:10
622
原创 18.移动端响应式布局
1.响应式开发原理:利用媒体查询,针对不同的设备进行布局和样式的设置,从而适配不同的设备目的2.响应式布局容器:<style> .container{ height: 150px; background-color: pink; margin: 0 auto; } /* 1. 超小屏幕 小于768 布局容器的宽度为100% */ @media screen and (max-width:767px){ .
2022-01-14 18:00:02
495
原创 12.css布局常见问题
1.图片与文字水平垂直居中:图片属于行内块元素,垂直居中可以给父盒子添加: text-align:center; vertical-align:middle;line-height:height;2.图片性质/* 只改宽度,高度等比例缩放 *//* 一般出现图片和文字居中对齐,一定要想到vertical-align */vertical-align: middle;3.父盒子有高度就不用清除浮动了4.嵌套盒子会发生外边距合并:/* 嵌套的盒子,里面的盒子加margin-top会发生外边.
2022-01-14 12:57:43
115
原创 16.SEO优化
logo区域做法:用h2标签来制作盒子,或者在盒子内放入一个h2,h2标签中写logo文字,但是为了不让文字显示,加上text-indent:-999px;overflow:hidden;标题一般用h2标签,有利于SEO优化SEO优化的TDK标签meta:description | meta:keywords | title...
2022-01-12 16:51:16
103
原创 11 flex弹性布局(pc端兼容性差,用传统布局) Grid网格布局
1.布局原理:父盒子设置为flex布局后,子元素的 float ,clear ,vertical-align属性将失效2.父盒子嵌套子盒子:采用flex布局的元素称为flex容器(flex container)所有子元素成为flex项目(flex item)排列方式:flex-direction:row/column3.常见父项属性:display:flex;flex-direction:row从左到右 | row-reverse 从右向左 / column | column-reverse;设
2022-01-11 15:28:30
1117
原创 11.移动端注意事项
确定技术选型:方案:单独制作移动页面方案 技术:布局采取流式布局题外知识:制作favicon.ico图标制作ico图标 | 在线ico图标转换工具 方便制作favicon.ico - 比特虫 - Bitbug.net1.视口(选择理想视口):设备有多宽,布局视口有多宽meta视口标签标准设置: <meta name="viewport" content="width=device-width,initial-scale=1.0,user-s...
2022-01-11 14:08:25
332
原创 15.定位合集
1.为什么需要定位:某个盒子要压住其他盒子 / 某个盒子要固定在屏幕中的某个位置浮动可以让多个块级盒子一行没有缝隙排列显示,用于横向排列的盒子,浮动只会影响后面的盒子,前面的标准流盒子不受影响;定位则是可以让盒子自由的在某个盒子内移动位置或者固定屏幕中的某个位置,并且可以压住盒子2.定位=定位模式+边偏移定位模式:静态定位static | 相对定位 relative | 绝对定位 absolute | 固定定位 fixed边偏移:top | left | right | bottom
2022-01-11 13:24:28
67
原创 14.ps常用技巧
1.要移动选中区域1像素:直接选中区域,然后按上下左右键就是移动一像素;2.选取移动10像素:按住shift+上下左右键,按一下就10px;3.双击切片获取切片x,y坐标,及宽高;4.二倍图原图如何测量:(1)ps---图像---将宽高变为原来的一半(2)用切片工具画出想要区域(3)双击切片区域,得到图片x,y坐标(4)background-size:整个大图片宽度的一半 auto ;5.。。。。后续更新...
2022-01-11 11:02:40
172
原创 13.外边距合并问题
关于外边距合并问题及解决方案提示:水平margin不会被合并,垂直margin会被合并!方法1:设置了的overflow属性的盒模型,则其与子元素之间的垂直margin不会合并,但其与父元素之间、与相邻元素之间的margin会合并。(overflow取值为visible除外)方法2:设置了float属性的盒模型,则其与相邻元素之间、其与父元素之间、其与子元素之间的垂直margin都不会被合并。方法3:设置了绝对定位position:absolute的盒模型,则其与相邻元素之间、其与父元素之间
2022-01-10 16:58:35
293
原创 10.jquery面试常问知识点
1.简答题 你在 jQuery 中使用过哪些插入节点的方法,它们的区别是什么? 解析: append(),appendTo(),prepend(),prependTo(),after(),insertAfter(),before(),insertBefore()大致可以 分为内部追加和外部追加 append()表示向每个元素内部追加内容 appendTo()将所有匹配的元素追加到指定的元素中 prepend():向每个匹配的元素内部前置添加内容 prependTo()...
2022-01-07 13:36:15
546
原创 9.git 的使用教程 (常规操作)清除原库 修改git名字还push不上去
NeverGiveUpThttp://www.nevergiveupt.top/articles/details?id=5f43c1ca89ea670e66310139发现这个还挺全的,留下做个笔记Git 参考手册http://gitref.justjavac.com/index.html
2022-01-07 12:50:45
251
原创 8.html5新特性--新标签,新表单,新表单属性
1.HTML5语义化标签header头部标签,nav 导航标签,article 内容标签 , section 定义文档某个区域(包含在article中)可以看做大号的div可以替代divaside侧边栏标签 , footer尾部标签注意:1. ie9中需要把这些元素 display:block;转化为块级元素2. 语义化标签主要针对 搜索引擎的3. 移动端更适合这些标签,不用担心兼容性视频标签videocontrols播放控件src...
2022-01-07 12:20:54
121
原创 7.css易忘知识点(html锚点链接)
1.input去除蓝线边框 :outline:none;2.textarea防止拖拽文本域 : resize:none;3.cursor鼠标禁止 :cursor:not-allowed;4.vertical-align针对行内元素,行内块元素设置,经常用于设置 图片 / 表单元素 和 文字垂直对齐 : vertical-align:baseline/middle/top/bottom;5.解决图片底部默认空白缝隙问题 :1:将图片转换为块级元素 display:block;...
2022-01-07 11:37:39
299
原创 5.css元素显示模式 css常用样式记录 属性选择器 结构伪类选择nth-child() transform转化 animation动画
元素显示模式就是 元素以什么方式进行显示块元素:div1.独占一行2.可以设置宽高3.宽度默认 是父级宽度的100%4.是一个容器及盒子,里面可以放 行内或者块级元素注意:文字类元素内不能使用块级元素行内元素:span1.一行显示多个2.直接设置宽高 无效3.默认宽度是 它本身内容宽度4.行内元素只容纳 文本或 其他行内元素注意:链接里面可以放块级元素,但是得转换成块级模式行内块元素:img/input/td 特点:一行显示多个/默认宽度为内容宽度/可以.
2022-01-04 14:42:07
233
原创 3.css基础复习font,text,input:radio 重置样式 pc 移动端
<!-- 1 radio要有相同的name属性,实现多选一 --> <form action="xxx.php"> <label for="nan">男</label><input type="radio" name="sex" id="nan"> <label for="nv">女</label><input type="radio" name="sex" id="nv"> &...
2022-01-04 14:01:57
413
原创 2.前端面试中 字符串转数字 (常用) 正则表达式 vscode setting 设置 多媒体标签video audio 设置默认换行符lf git拉取代码不转crlf 批量crlf转lf
1.字符串减0操作: "1"-0一元运算符:"1.23" * 1 // returns 1.23"0xFF" - 0 // returns 255"0xFF.jpg" / 1 // returns NaN+"023" // returns 232.parseInt()和parseFloat()两个转换函数。前者把值转换成整数,后者把值转换成浮点数。parseInt()方法还有基模式,可以把二进制、八进制、十六进制或其他任何进制的字符串转换成整数。基是由parseInt()方法的第
2022-01-04 13:58:37
2894
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人