- 博客(28)
- 收藏
- 关注
RSS订阅原创 使用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
630
原创 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
495
原创 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
7386
原创 vue-awesome-swiper，vue轮播图插件的使用（自用版）
Tvue-awesome-swiper，vue轮播图插件的使用（自用版）
2022-04-15 10:49:10
1116
原创 MyEclipse项目不能运行的可能原因之一：项目的jdk和Tomcat的jdk不匹配
下面先查看项目的build path中有没有Tomcat项目右键-->Build Path-->Configure Build Path...-->
2022-04-15 10:08:55
3431
1
原创 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
928
原创 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
235
原创 Vue Devtools 扩展程序的直接下载解压安装，不打开cmd 不涉及命令
1.下载资源Vue Devtools_5.3.4_chrome扩展插件下载_极简插件2.解压3.打开Chrome浏览器右上角的“管理扩展程序”4.打开解压后的文件夹，把后缀为.crx 的扩展程序直接拖动过来即可5.使用效果...
2021-12-27 15:32:52
778
原创 Promise的all([ ])方法，通俗易懂的解释
作用：Promise的all方法将可以两个异步请求包装成一个新Promise实例 // 用Promise的all方法将两个异步请求包装成一个新实例 Promise.all([ //第一次网络请求 new Promise(resolve => { setTimeout(() => { resolve('result1');
2021-12-26 23:42:47
640
原创 造成 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
2998
原创 伪选择器在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
683
原创 项目适配方案——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
489
原创 前端学习-数据可视化（个人笔记）
一、数据可视化项目概述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
999
原创 前端学习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
418
原创 前端学习2-JavaScript
1.(` `) 反引号符号的作用使用反向标记作为分隔符，允许嵌入基本的字符串插值表达式，然后自动解析和评估它们。` 内的字符被解释为字符串文字，内插字符串文字的一个非常好的好处是允许它们分成多行。` `和' ' 的使用场景的区别：` `内包含需要被解析的代码，' ' 里面放普通字符串或html代码；2.${..}形式的任何表达式都会立即进行内联解析和评估。3.alert怎么换行例：alert('姓名：'+myname+"\n"+'年龄：'+age+"\n"+'性...
2021-11-05 13:17:43
556
原创 前端学习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
156
原创 vscode设置背景护眼主题颜色、字体颜色不影响其他主题的颜色
解决问题的初衷，是本人在打代码疲劳的时候想换个主题颜色，平时习惯用深色，用浅色的时候想把背景调成护眼绿，没找到合适的插件，在网上找到更改背景色的代码，用着挺不错。但是在更改回我的默认深色主题时，背景颜色还是绿色，就像下图这样，很不爽，我将把自定义设置的代码和注释发给大家，可以任意更换背景主题颜色、不影响其他主题、操作简便。设置步骤一、vscode左下角的【齿轮】——【设置】——【setting.json】点进去ヾ(ｏ･ω･)ﾉ二、在原有代码的大括号{ }里面，最后一行...
2021-08-20 12:28:03
9467
3
原创 解决华硕电脑右键word/excel文件，文件资源管理器（文件夹）就卡死的问题
查看电脑系统是否预装一个名叫Foxit PhantomPDF的软件，有的话把它卸载就OK了，我的问题刚刚解决。没有截图。参考：https://tieba.baidu.com/p/5091328427?red_tag=1156260578
2020-06-08 14:31:01
1230
原创 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
660
原创 在浏览里如何把源码变成文件
去官网下载一些框架的时候，打开总是源码，怎么变成文件呢，很简单，在网页内部，[右键]--[网页另存为]，就是你想要的文件了
2020-05-06 12:21:39
1152
原创 HTML的图片插入链接，图片不能显示可能存在的路径问题
1.我给我的图片创建了一个叫images的文件夹，一开始我的问题就是，不论我的路径写成这样：src = "images/logo.jpg"还是这样：src = "/images/logo.jpg"亦或是这样：src = "./images/logo.jpg"都不显示图片后来参考这位网友的文章解决了，[HTML] 图片标签、绝对路径 和 相对路径_运维_这货不是博客-C...
2020-03-26 21:35:04
1468
原创 MyEclipse如何在web.xml中配置错误页面？
1.在WebRoot下创建我们的错误页面jsp文件，并且命名为404.jsp（.html文件也行）默认jsp文件如图，自行更改创造自己想要的404页面效果2.双击打开WEB-INF下的web.xml文件，打开后有两种模式可以配置你的错误页面，第一种是design模式，不用自己输入代码，完成后点击左下角右边的source，可以查看代码自动生成的代码如图，...
2020-03-25 10:56:36
1058
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人