- 博客(10)
- 收藏
- 关注
RSS订阅原创 el-table 固定表头和固定列之后 由于滚动条导致的 表格线错位
table 直接调用tabelRevise函数即可 tableRevise(this.$refs.dirctTable.$el) //修正el-table错位 function tableRevise(table) { const tableWrapper = table.querySelector('.el-table__body-wrapper') const tableBody = table.que...
2021-07-05 15:43:56
2946
2
原创 2021-06-09
移动端浏览器的 桌面版网站部分浏览器有打开桌面版网站的功能，需要手动切换桌面版网站，如何利用js 实现桌面版网站的功能呢？首先，桌面版网站其实就是常说的pc 端网站，所以只需要给视口设置一个最小宽度即可；一行代码课解决，只需要给meta标签的视口添加一个最小宽度：document.getElementsByTagName('meta')['viewport'].content='min-width: 980px;'...
2021-06-09 15:11:49
141
原创 vue核心效果的实现
vue核心效果的实现1.此次实现了vue的模板语法的编译({{}})，包括v-text， v-html， v-bind, v-model, v-on, 以及绑定时间的简写（@）和v-bind的简写（:）；2.实现了数据的响应式更新，observer数据劫持，watcher依赖收集 Dep 类管理wathervue.js 主要实现编译效果 observer.js 实现数据的劫持及响应式更新；代码如下：// Vue.js 2020.12.29 wangchuxianclass Vue {
2020-12-29 17:23:05
226
原创 vue 移动端 横屏提示 页面 组件开发
vue 移动端 横屏提示 页面 组件开发在移动端开发的时候，可能会出现只在横屏状态下展示的情况，如图：下面将对此页面抽离成为一个公共组件：1.建立orient-layer.vue文件<template> <!--竖屏浏览提示--> <div id="orientLayer" class="mod-orient-layer"> <div class="mod-orient-layer_content"> <div cla
2020-12-08 16:32:12
1382
1
原创 element-ui 表格合并
elementUI 表格合并elementUI官方文档的表格合并方法为 span-method // Table 组件 绑定 span-method <Table :data="tableData" :span-method="cellMerge" > data(){ return { spanArr: [], pos: 0, tableData:[ {game_id: 2,game_name: "王者荣耀", scene_id: "2
2020-09-04 17:24:42
718
原创 由于微信字体大小的设置导致rem布局的微信公众号页面发生错乱的问题总结
微信应用中由于字体设置的问题导致的页面错乱适配上一篇文章中总结了在手机端怎么通过rem 动态设置html 的fontSize 值，解决手机端的适配问题，但是在微信中有一个特例。一般情况下，在rem布局中 rem的相对大小只受到html 标签的fontSize 影响，但是在微信中 设置字体的大小也会影响到 rem 的比例，所以在微信应用页面中通过rem 适配的页面就会发生一些不可预料的错乱。为了解决上述问题就需要在动态调取setFont函数时获取到微信调整字体的比例的倒数 scale，然后给rem 的比
2020-07-16 11:58:38
2789
1
原创 移动端动态设置html标签的字体大小方法
移动端适配，可根据设置html 标签字体大小和 使用rem 单位可在主页面内引入一段js代码，动态监测设备的尺寸，动态改变html 的字体大小。代码如下：下面展示一些 `内联代码片`。// 动态设置HTML 字体大小， 一段自执行函数(function (win, doc) { if (!win.addEventListener) { return } function setFont() { let k = designWidth || 640 //
2020-07-07 14:38:30
1494
原创 swiper 分页器 卡住解决办法
在创建多个swiper 轮播页面后，虽然使用了不同的类名或者 id名，但是在多个轮播图页面切换时，也会出现分液器卡住或者分液器指示不准确的问题，有以下两种方法解决： 1.利用swiper 自带的回调函数在每次切换轮播页面是刷新swiper 代码如下：2.在页面间切换导致swiper被多次初始化导致的问题，所以还可以在初始化之前先判断下swiper是否已经存在，如果已存在则清除。代码如下：个人更加推荐使用第二种方法...
2020-06-18 12:50:20
2161
1
原创 谷歌浏览器，通过关闭同源策略解决跨域问题
1.右键谷歌快捷方式 =>属性 => 目标2.在目标的最后面 空格 + --args --disable-web-security --user-data-dir=C:\Program Files (x86)\Google\Chrome\Application3.点击确定，双击打开浏览器 如果看到以下弹框，则操作成功，现在可以任意跨域。...
2020-03-17 18:10:12
1253
原创 VUE项目，通过接口返回数据判断需要展示的图片及默认图片的设置
需求说明：前端需要通过接口返回的数据game_id展示对应的游戏图标。如果不存在对应的图标，则展示默认图标；如：接口返回game_id: 25，则需要在页面中展示文件25.png,如果不存在25.png 则展示默认图标defalt.png。方法一： 在通过循环生成时： <a v-for="(item, index) in gameList" :key="index"> //...
2020-03-17 17:25:58
2150
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人