自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(28)
  • 收藏
  • 关注

原创 vue监听屏幕宽度

一、在data设置值记录屏幕宽度。二、监听屏幕尺寸变化。

2022-08-05 10:33:36 5880 1

原创 vue 监听屏幕滚动、点击平滑回到顶部

一、在data设置一个值记录滚动尺寸。三、保存滚动值,点击回到顶部。

2022-08-05 10:28:50 841

原创 使用conlose.log()打印引用数据类型(对象)时遇到的现象

一、定义名为obj的对象,把对象赋值给newObj,在更改obj对象内容之前打印newObjlet obj = {a:1,b:2}let newObj = objconsole.log(newObj,'newObj') obj.c = 3结果:被赋值的newObj跟着改变二、设置setTimeout查看let obj = {a:1,b:2}let newObj = objconsole.log(newObj,'newObj')setTimeout(function(){.

2022-05-19 17:54:57 555

原创 then里面else错误和catch错误的区别

$.get(url,{params}).then((data)=>{ if(data==100){ console.log(data) }else{ console.log(data.err) }}).catch((err)=>{ cosole.log(err.message)})then里面的数据,是接口正确,接收到的结果,else里面的错误可能是参数不对,后端会返回告诉你错在哪;catch错误,就是接口错误了,直接没有接收到数据。...

2022-05-17 15:22:10 393

原创 如何查看swiper轮播图的参数或属性,如何获取当前页数

一、用$refs获取轮播图组件

2022-05-13 17:28:02 3459

原创 Error in created hook: “ReferenceError: _ is not defined“

在跟这vue.js官网做侦听器那节的练习时出现错误:因为官网是引用vue.js在html页面写,而本人在vue页面写,所以出现未定义错误。vue引用外部插件时要先安装再引入错误的地方:this.debouncedGetAnswer = _.debounce(this.getAnswer, 500)问题原因:使用lodash的方法时没有下载插件或引用解决方法:步骤一:npm install lodash --save步骤二:在使用到该插件的页面引用它//完整.

2022-04-18 11:52:11 6869

原创 vue-awesome-swiper,vue轮播图插件的使用(自用版)

Tvue-awesome-swiper,vue轮播图插件的使用(自用版)

2022-04-15 10:49:10 988

原创 MyEclipse项目不能运行的可能原因之一:项目的jdk和Tomcat的jdk不匹配

下面先查看项目的build path中有没有Tomcat项目右键-->Build Path-->Configure Build Path...-->

2022-04-15 10:08:55 2947 1

原创 多重盒子嵌套下,子盒子撑开父盒子,父盒子宽度随子盒子内容自适应

把需要自适应的那层父盒子设置为行内块元素

2022-04-15 10:07:41 3882

原创 webpack配置postcss-px2viewport

一、在终端使用命令下载npm install postcss-px-to-viewport --save-dev二、复制以下代码到项目下的postcss.config.js文件里module.exports = { plugins: { autoprefixer: {}, "postcss-px-to-viewport": { viewportWidth: 375, // 视窗的宽度,对应的是我们设计稿的宽度. viewportHeight: 667, //

2022-02-19 14:41:02 801

原创 axios在vue的封装和使用

一、本人将此段代码写到request.js 文件中,封装axios,命名为request,在baseURL写上访问的接口按需使用,第一条暂时够用了import axios from 'axios';export function request(config) { // (1)创建axios的实例 const instance = axios.create({ baseURL: 'http://xxx.xxx.xxx.xxx:xxxx/xxx',

2022-01-27 17:43:01 180

原创 Vue Devtools 扩展程序的直接下载解压安装,不打开cmd 不涉及命令

1.下载资源Vue Devtools_5.3.4_chrome扩展插件下载_极简插件2.解压3.打开Chrome浏览器右上角的“管理扩展程序”4.打开解压后的文件夹,把后缀为.crx 的扩展程序直接拖动过来即可5.使用效果...

2021-12-27 15:32:52 737

原创 Promise的all([ ])方法,通俗易懂的解释

作用:Promise的all方法将可以两个异步请求包装成一个新Promise实例 // 用Promise的all方法将两个异步请求包装成一个新实例 Promise.all([ //第一次网络请求 new Promise(resolve => { setTimeout(() => { resolve('result1');

2021-12-26 23:42:47 540

原创 造成 Uncaught TypeError: this.$children[0].xxx is not a function 错误的原因之一

场景:父组件用$children调用子组件的showMessage方法时,控制台报错,显示showMessage不是一个方法 // 定义一个子组件 components: { cpn: { template: "#cpn" }, //这里是错误的 methods: { s

2021-12-14 17:40:28 2689

原创 伪选择器在less中怎么写

<body> <!-- 父容器 --> <div class="viewport"> <!-- 三列 --> <div class="columm">1</div> <div class="columm">2</div> <div class="columm">3</div> </...

2021-11-10 18:09:39 540

原创 项目适配方案——flexible.js、less和rem的配合使用

1.在HTML页面引入flexble.js文件 <!-- 引入js文件 --> <script src="./js/flexible.js"></script>2.在less页面写上相关代码。包括:1)导出的css文件位置,2)是否导出xxx.css.map文件,3)屏幕大小的限制//下面这行是代码,不是注释。表示输出位置是上一级文件夹的css;以及输出相应的css.map文件//out:../css/, sourceMap: true//定义屏

2021-11-09 00:11:01 417

原创 前端学习-数据可视化(个人笔记)

一、数据可视化项目概述1.项目技术1)HTML+CSS3布局2)CSS3动画、渐变3)jQuery库+原生JavaScript4)flex布局和renm适配方案5)图片边框border-image6)ES6模板字符7)ECharts可视化库等等2.大数据可视化项目代码比例3.ECharts简介官网地址:ECharts是一个使用JavaScript实现的开源可视化库。简单来说就是 js库或js插件。开源免费...

2021-11-08 10:35:33 598

原创 前端学习3-bootstrap、jQuery

学习随记1.bootstrap 使用步骤(1)引入相关js代码,先jQuery,再bootstrap(2)复制HTML结构(3)更改css样式(4)复制js代码并修改相关参数2.(1)入口函数 $(function(){ });(2)获取当前元素的索引号 $(this).index();(3)显示相应索引号的东西,$("li").eq(index).show(); index要先声明(4)隐藏兄弟,$("li").eq(index).sblings().hide(

2021-11-05 15:50:50 335

原创 前端学习2-JavaScript

1.(` `) 反引号符号的作用使用反向标记作为分隔符,允许嵌入基本的字符串插值表达式,然后自动解析和评估它们。` 内的字符被解释为字符串文字,内插字符串文字的一个非常好的好处是允许它们分成多行。` `和' ' 的使用场景的区别:` `内包含需要被解析的代码,' ' 里面放普通字符串或html代码;2.${..}形式的任何表达式都会立即进行内联解析和评估。3.alert怎么换行例:alert('姓名:'+myname+"\n"+'年龄:'+age+"\n"+'性...

2021-11-05 13:17:43 434

原创 前端学习1-易混淆知识点

1.网站TDK三大标签SEO优化网站标题 网站藐视 关键字2.伪类选择器、伪元素选择器、属性选择器伪类:用于向某些选择器添加特殊的效果;如:E:hover; E:first-child;伪元素:用于将特殊的效果添加到某些选择器E::before;E::after;属性选择器:div [class^="xxx"] ^表示以什么开头3.关于html,body{height:100%}的解释4.图片和文字居中对齐有行内块的地方一般有vertical-align:mi..

2021-11-05 13:16:56 108

原创 vscode设置背景护眼主题颜色、字体颜色不影响其他主题的颜色

解决问题的初衷,是本人在打代码疲劳的时候想换个主题颜色,平时习惯用深色,用浅色的时候想把背景调成护眼绿,没找到合适的插件,在网上找到更改背景色的代码,用着挺不错。但是在更改回我的默认深色主题时,背景颜色还是绿色,就像下图这样,很不爽,我将把自定义设置的代码和注释发给大家,可以任意更换背景主题颜色、不影响其他主题、操作简便。设置步骤一、vscode左下角的【齿轮】——【设置】——【setting.json】点进去ヾ(o・ω・)ノ二、在原有代码的大括号{ }里面,最后一行...

2021-08-20 12:28:03 7773 3

原创 解决华硕电脑右键word/excel文件,文件资源管理器(文件夹)就卡死的问题

查看电脑系统是否预装一个名叫Foxit PhantomPDF的软件,有的话把它卸载就OK了,我的问题刚刚解决。没有截图。参考:https://tieba.baidu.com/p/5091328427?red_tag=1156260578

2020-06-08 14:31:01 959

原创 vue ui没反应,卸载3.0以下版本vue和安装3.0以上版本vue

1.卸载老版本(3.0以下)npm uninstall vue-cli -g2.清除缓存(一些教程没有这一步,安装新版本后可能会出错)npm upinstall npm cache clean --force3.安装新版本(3.0以上)下载新版本,vue-cli的3.0+以后使用的不是vue-cli了,如果用以上的安装命令安装的并不是最新版的3.0+的,而如果安装3.0的话...

2020-05-09 15:06:22 615

原创 vscode新建htm文件代码自动补全

英文叹号!+Tab键

2020-05-09 15:05:18 286

原创 在浏览里如何把源码变成文件

去官网下载一些框架的时候,打开总是源码,怎么变成文件呢,很简单,在网页内部,[右键]--[网页另存为],就是你想要的文件了

2020-05-06 12:21:39 1024

转载 导入数据库的操作

如何建立数据库-mysql教程-PHP中文网 https://m.php.cn/article/427582.html

2020-04-24 18:05:46 130

原创 HTML的图片插入链接,图片不能显示可能存在的路径问题

1.我给我的图片创建了一个叫images的文件夹,一开始我的问题就是,不论我的路径写成这样:src = "images/logo.jpg"还是这样:src = "/images/logo.jpg"亦或是这样:src = "./images/logo.jpg"都不显示图片后来参考这位网友的文章解决了,[HTML] 图片标签、绝对路径 和 相对路径_运维_这货不是博客-C...

2020-03-26 21:35:04 1213

原创 MyEclipse如何在web.xml中配置错误页面?

1.在WebRoot下创建我们的错误页面jsp文件,并且命名为404.jsp(.html文件也行)默认jsp文件如图,自行更改创造自己想要的404页面效果2.双击打开WEB-INF下的web.xml文件,打开后有两种模式可以配置你的错误页面,第一种是design模式,不用自己输入代码,完成后点击左下角右边的source,可以查看代码自动生成的代码如图,...

2020-03-25 10:56:36 931 1

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除