- 博客(68)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 记录Mixed Content: The page at ‘http://XXX‘ was loaded over HTTPS, but requested an ...
报错信息Mixed Content: The page at ‘http://XXX’ was loaded over HTTPS, but requested an insecure script ‘http://XXX’. This request has been blocked; the content must be served over HTTPS.报错原因HTTPS 是 HTTP over Secure Socket Layer，以安全为目标的 HTTP 通道，所以在 HTTPS 承
2022-05-07 17:22:52
1961
1
原创 element-ui中table不显示滚动条
.el-table { .el-table__header-wrapper th { background-color: #f0f1ff; } .el-table__body-wrapper::-webkit-scrollbar { /* width: 0;宽度为0隐藏 */ width: 0px; height: 0; } .el-table__body-wrapper::-webkit-scrollbar-thumb { border-radi
2021-11-15 00:21:16
5763
原创 vue外部链接记录
使用：// 当前标签页window.location.href="https://www.baidu.com";// 打开一个新的标签页window.open("https://www.baidu.com");注意：外部链接记得添加http协议呦????附：vue-router打开新窗口import { window } from 'globalthis/implementation';const routeData = this.$router.resolve({ path })
2021-10-19 12:02:35
147
原创 elementUi修改placeholder颜色
.el-textarea__inner, .el-input__inner { $placeholder: #93979D; &::placeholder { color: $placeholder; } &::-webkit-input-placeholder { /* WebKit browsers 适配谷歌 */ color: $placeholder; } &:-moz-placeholder { /* Mozilla
2020-12-02 21:11:29
4267
原创 el-tree修改前面箭头图标
效果图如下：<style lang="scss">@import "~@/assets/styles/variables.scss";.el-tree /deep/ .el-tree-node__expand-icon.expanded { -webkit-transform: rotate(0deg); transform: rotate(0deg);}// 没有展开且有子节点.el-tree /deep/ .el-icon-caret-right:before {
2020-12-02 20:59:55
3864
1
原创 el-table中render方法中实现显示文字与提示文字不同的效果
1.新建一个组件.vue<template> <div class="tooltip"> <el-tooltip effect="dark" open-delay="500" class="ell" placement="top" v-if="showText !== '-'"> <div slot="content"> <!-- 插槽，可提供多行的提示信息 --> <!-- 全局组
2020-12-02 20:22:55
834
原创 vue组件记录-提示信息
效果如下：.vue<template> <!-- begin: 提示信息组件 --> <div> <div class="v-modal" v-if="isShow"></div> <div class="pj-message" v-if="isShow"> <span v-for="(item, index) in typeArr" :key="index"> &l
2020-12-02 20:15:25
249
原创 vue项目中引入iconfont
1.将图标文件下载至本地下载解压缩后为如下文件2.将图标文件添加至项目中如图，我的放置在assets文件夹下。3.在项目的入口文件中引入，其他地方即可使用。import '@/assets/icon/iconfont.css';...
2020-12-02 20:03:55
185
原创 js全角半角空格记录
1// 全角空格const a = ' a aa';console.log(a.replace(/\s+/g, ''));// 半角空格const b = ' b bb';console.log(b.replace(/\s+/g, ''));2// 全角空格const a = ' a aa';// console.log(a.replace(/\u3000+/g, ''));// 半角空格const b = ' b bb';console.log(b.repl
2020-10-20 16:05:03
756
原创 显示数据中的空格及换行格式
// 方法1value.toString().replace(/\r\n/g,'<br>').replace(/\n/g,'<br>').replace(/\s+/g,' ');// 方法2添加white-space相对应的css属性；
2020-10-20 16:00:38
204
原创 记mui之 “h5页面ios 多个input切换时 页面会回到顶部”
问题描述：ios端页面滑动至最底部，点击input框输入文字等，点击其他地方，页面滚动条会滚动到顶部。解决方法：html, body { margin: 0; padding: 0; height: 100%; overflow: hidden; -webkit-touch-callout: none; -webkit-user-select: none;}.mui-content { height: 100%; overflow: auto;}...
2020-10-14 16:04:31
649
原创 js this为undefined情况
在严格模式下，独立function中的this指向为undefined；非严格模式指向为全局作用域。
2020-09-18 18:25:50
2897
1
原创 elementUi el-upload上传图片时图片闪烁
/deep/.el-upload-list__item.is-ready {display: none;}
2020-09-08 14:06:33
3631
1
原创 echarts之折线图
option = { color: ['#3398DB'], tooltip: { trigger: 'axis', axisPointer: { // 坐标轴指示器，坐标轴触发有效 type: 'shadow' // 默认为直线，可选为：'line' | 'shadow' } }, grid: { left: '3%', right:.
2020-09-08 12:21:38
322
原创 css之操作背景图片记录
宽度100%，高度固定.box { background: url(../img/img.png) no-repeat; background-size: 100% 100%; width: 100%; height: 66px;}
2020-09-08 11:51:21
90
原创 css画正方形（百分比，非固定像素）
.box { background-color: #d1e2d5; border: 1px dashed #fff; margin: 2%; width: 20.8%; float: left; padding-top: 20.8%; height: 0; // position: relative;}
2020-09-08 11:44:30
722
原创 JS/CSS 在屏幕底部弹出消息--记录
<!DOCTYPE HTML><html> <head> <meta charset="utf-8"> <title>JS/CSS 在屏幕底部弹出消息</title> <style> #tip { visibility:hidden; width:400px; height:40px; border:1px solid black; .
2020-09-01 12:09:18
462
原创 vue img动态 src
<img :src="require('../../assets/weather_images/' + weatherIconName + '_0.png')" alt="weather-icon" />
2020-08-30 23:54:15
109
原创 获取当前时间的混入方法
import dayjs from 'dayjs';export default { data() { return { // 当前日期 date: this.getDay(this.dateFormat), dateFormat: '', // 当前时间 time: this.getTime(this.timeFormat), timeFormat: '', // 当前星期 week: this
2020-08-30 19:05:34
171
原创 cnpm报错 : 无法加载文件 C:XXX\AppData\Roaming\npm\cnpm.ps1，因为在此系统上禁止运行脚本
解决方法：（本系统为win10）系统搜索 Windows PowerShell，以管理员身份运行。执行 set-ExecutionPolicy RemoteSigned命令；是否要更新执行策略？输入 A；通过命令 get-ExecutionPolicy 查看当前状态。其他扩展：安装cnpmnpm install -g cnpm --registry=https://registry.npm.taobao.org检查是否安装成功cnpm -v...
2020-08-18 10:54:17
238
原创 elementUi dateStr.match is not a function
elementUi时间日期控件传值不能为Number类型，必须为String。watch: { 'form.eventYear'(val) { this.form.eventYear = '' + val; } },
2020-08-13 15:36:20
6830
2
原创 echarts tooltip中显示内容过长折行显示
1.利用tooltip. position属性进行修改：tooltip: { trigger: 'item', position: function(point, params, dom, rect, size) { /*设置Y轴上下固定，X左右跟随。*/ return [point[1], 0]; }, formatter: function(params) { let detail = params.value[3] || ''; return (`
2020-08-10 15:58:44
1813
原创 elementUi Injection “elForm“ not found
原因：‘el-form-item’外层‘el-form’标签。
2020-08-09 12:48:14
2638
2
原创 移动端学习之点击事件触摸事件
相关事件1.click 点击事件单击事件，类似于 PC 端的 click，但在移动端中，连续 click 的触发有 200ms ~ 300ms 的延迟。300 毫秒延迟带来一个巨大的问题，即点透事件（点击会触发非当前层的点击事件），规避方法参考此链接。fastclick.js2.touch 触摸事件// 手指触摸到屏幕会触发touchstart// 当手指在屏幕上移动时，会触发touchmove// 当手指离开屏幕时，会触发touchend// 当你的手指还没有离开屏幕
2020-08-07 11:33:34
629
原创 elementUi选择日期范围时选择器清空v-model的值为null
<el-date-picker v-model="dateRange" format="yyyy/MM/dd" value-format="yyyy-MM-dd" type="daterange" range-separator="-" start-placeholder="开始日期" end-placeholder="结束日期" class="oneTimeSlot" clearable></el-date-picker>// 当前页面使用可以选择监听，其他判
2020-08-07 03:39:05
4526
2
原创 element-ui.common.js?5c96:22959 [Element Warn][Form]model is required for validate to work!
原因：el-form绑定的model属性没有添加或者写成了v-model造成了控制台报错且表单校验不能实现。解决：使用el-form绑定的model属性，且应该写成 :model，非v-model。
2020-08-06 21:22:36
4078
原创 css 表格一列固定一列自适应
如下：table { width: 100%; table-layout: fixed;}<table border="1"> <tr> <td width="90px">1000000000000000000000000000</td> <td>10000000</td> </tr></table>
2020-08-06 11:49:09
341
原创 解决mui中alert组件更改高度后不能触摸滚动问题
如下：// 处理详情内容过长，over-flow:hidden不能触摸滚动问题window.addEventListener('touchmove', function(e) { var target = e.target; if (target && target.getAttribute('class') === 'mui-popup-text') { // 阻止冒泡 e.stopPropagation(); }}, true);查看详情方法：//
2020-08-06 10:10:59
433
原创 jstl标签四个字一换行
如下：<c:forEach var="i" begin="0" end="${ fn:length(fn:trim(optionTypeName)) }" step="4"> <c:out value="${ fn:substring(fn:trim(optionTypeName), i, i + 4) }" /> <br></c:forEach>扩展：if<c:if test="${ empty flag }"></c:i
2020-08-06 09:57:06
370
转载 js和css后面添加版本号防止浏览器缓存资源
这是程序猿经常发生的一段对话~~~测试童鞋：“BUG根本就没有修改！”前端童鞋：“清缓存！！清页面缓存！！你没有清缓存！！你清理了页面缓存就对了的！！????”/** * 给页面引用的css和js加上版本号 * @param {Object} config 配置 */function resource_loader(config) { this.css = config.css; this.scripts = config.scripts; this.head =
2020-08-06 00:42:30
810
1
原创 vue组件Demo之table分页
<el-pagination @size-change="sizeChange" @current-change="currentChange" :current-page.sync="currentPage" :page-size="100" background layout="slot,total, ->,prev, pager, next,jumper" :total="1000"> <span style="font
2020-08-05 18:22:05
205
原创 vue学习之计算属性和侦听器
vue 计算属性和侦听器计算属性是基于响应式依赖进行缓存，只在相关响应式依赖（被调用）发生改变时才会重新求值（同一函数定义为一个方法时，只有触发重新渲染时，才会再次执行函数）。// 以下计算属性将不再更新，因为 `Date.now()` 不是响应式依赖：computed: { now: function () { return Date.now() }}计算属性默认只有 getter，在需要时自己提供一个 setter，当setter 被调用时，里面的内容也会被更新。c
2020-08-05 17:14:36
166
原创 svg图标不能更改颜色的解决方法
用编辑器打开.svg文件，搜索fill="#xxx" ，删除后即可通过css进行修改。或者将如下代码删除即可 <defs> <style> .cls-1 { fill: #xxx; } </style> </defs>3.其他注意 在iconfont.cn上，选中项目中的文件，应用批量操作 -> 批量去色。...
2020-08-02 18:12:17
3787
原创 常用git命令汇总，未完待续。。。
查看远程分支git branch -a查看本地分支git branch切换分支切换分支git checkout -b develop origin/develop查看当前分支git branch切换回master分支git checkout master
2020-06-22 14:50:12
184
原创 HBuilderX “未检测到手机或浏览器” （手机）
1.打开HBuilderX安装目录下的HBuilderX\plugins\launcher\tools\adbs文件夹。2.删除除了文件夹外（1.0.31、1.0.36）的其他三个文件。3.把1.0.31目录下的文件拷贝到HBuilderX\plugins\launcher\tools\adbs文件夹中，直接覆盖。以上操作完成后重启HBuilderX，查看是否检测出手机，如果没有的话继续以下操作。4.检查是否打开手机开发者选项下的USB调试模式：设置 -> 关于手机，连续不停的点击“版本.
2020-06-17 16:53:51
4570
5
原创 vue-cli升降版本问题
vue-cli查看版本号：vue -Vvue-cli下载安装：vue-cli2:npm install -g vue-cli@版本号vue-cli3/cli4:npm uninstall -g vue-clinpm install -g @vue/cli@版本号安装完Vue cli3 之后，还想用vue-cli2.x 版本（安装一个桥接工具）：npm install -g @vue/cli-init创建项目：vue-cli2:vue init webpack namevue-
2020-05-14 11:22:21
8019
原创 laydate开始时间 结束时间
var init = function(){ // 开始时间 var start = laydate.render({ elem: '#F_startTime', type: 'datetime', trigger: 'click', done: function (value, date) { /...
2020-04-23 15:18:30
421
原创 js 展开收缩功能
var btnSlideToggle = function(){ $(document).on('click','.itemHeader,.btnHide',function(){ var $itemContent= $(this).parents('.itemContent'); var downClass = ''layui-icon-dow...
2020-04-23 14:39:46
664
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人