前端学习
一些前端基础内容,和一些框架,如vue
Landing...
这个作者很懒,什么都没留下…
展开
-
uniapp开发app,HBuilderX真机调试的问题。
安装好的HBuilderX会有adb.exe文件。同时按ctrl+shift+esc打开任务管理器,看到adb.exe,右键打开文件所在位置,复制位置。右键此电脑,打开属性,打开高级系统设置,打开环境变量,在用户变量下path新建环境变量。cmd测试adb version。出现版本号即为正常。如果只出现List of devices attached,说明没有连接到设备。不同手机打开方式同。当使用usb连接电脑出现下图的提示即为正常。原创 2023-02-16 19:13:02 · 1271 阅读 · 1 评论 -
前端使用高德地图url实现地图定位
前言最近公司需要实现类似下面链接,地图定位功能https://mobile.zhidianfan.com/yiding/web-share.html?batchNo=pc202201110068074&businessId=4080通过在高德地图一番寻找发现可以通过使用一个url直接实现,不要ak链接https://uri.amap.com/marker?position=经纬度&name=名称实例https://uri.amap.com/marker?position=1原创 2022-01-18 16:24:10 · 5239 阅读 · 0 评论 -
vue中使用Luckysheet实现Excel的导入、在线编辑、导出等功能
一、准备阶段1、在pubilic文件夹下的index.html文件中的head标签中引入Luckysheet的cdn文件 <link rel='stylesheet' href='https://cdn.jsdelivr.net/npm/luckysheet@latest/dist/plugins/css/pluginsCss.css' /> <link rel='stylesheet' href='https://cdn.jsdelivr.net/npm/luckysheet@原创 2021-12-13 17:45:03 · 8058 阅读 · 7 评论 -
Ant Design Pro of Vue 左侧菜单栏自定义图标
前言今天尝试自定图标,但是引入后发现该显示图标的地方是空白原因左侧菜单栏的生成有两个,一个是通过路由,一个是可以后端返回的(在原生项目中是模拟数据)。而后端返回的模拟数据中,引入是没有效果的。通过路由生成的才可以自定义。操作1、将菜单生成改为通过路由生成的模式在src/store/index.js中有一行代码将其解禁import permission from './modules/permission'2、引入svg文件1、src/coreicons.js引入文件后暴露/** *原创 2021-12-10 17:52:40 · 3274 阅读 · 5 评论 -
媒体查询作用及使用方式
媒体查询作用针对不同屏幕尺寸设置不同的样式语法@media screen and (max-width: 800px) { body { background-color: pink; } }上面这一句话的意思是:在我们的屏幕上最大宽度是800px,如果小于800px,body就会变成pink颜色screen 代表查询类型为电脑、平板电脑、手机等and代表关键字,将多个媒体特性连接起来,相当于且m原创 2020-09-02 15:50:52 · 1627 阅读 · 0 评论 -
flex布局原理特点及实现方式
flex布局特点1、移动端应用比较广发2、pc端浏览器支持比较差3、IE11以下部分支持4、flex布局相对比较简便,可以通过少量代码实现一些盒子布局flex布局原理通过给父盒子添加flex属性,来操作子盒子的布局。父盒子变成了一个容器,而子盒子就是一个个flex-item(项目)flex父盒子属性1、设置主轴放向:...原创 2020-09-02 14:58:17 · 1534 阅读 · 0 评论 -
轮播图的几种实现方式
一、z-index原理:将所有img元素重叠在一起,为想要展示的图片的z-index属性,设置为最大值。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document<原创 2020-09-02 08:42:36 · 3385 阅读 · 2 评论 -
前端js常用字符串方法
一、改变大小写toLowerCase()变小写toUpperCase()变大写var str = "Hello World";console.log(str);console.log(str.toLowerCase());console.log(str.toUpperCase());二、字符串下标操作charAt(),放入数值返回对应下标的字符。charCodeAt(),返回对应下标的字符的unicode编码。var str = "Hello World";console.log(原创 2020-07-12 16:11:54 · 734 阅读 · 0 评论 -
vue框架过滤器定义与使用
代码块 <div id="app"> <input type="text" v-model="msg"> <h3>{{msg | guolv}}</h3></div> Vue.filter('guolv', function(msg) { return msg + '1223'; }); var vm = new Vue({ el原创 2020-07-12 14:58:27 · 276 阅读 · 0 评论 -
vue框架this指向问题
代码块 methods: { getMessage: function() { console.log(this); // 指向Vue的实例① let shsh = function() { console.log(this) //指向window② } shsh()原创 2020-07-11 15:13:59 · 298 阅读 · 0 评论 -
hover伪类选择器的抖动问题
原因:边框,填充的改变使得块级元素的大小发生改变解决方法:使得块级元素的大小前后不变原创 2020-04-21 19:17:43 · 497 阅读 · 0 评论