- 博客(28)
- 收藏
- 关注
原创 使用conlose.log()打印引用数据类型(对象)时遇到的现象
一、定义名为obj的对象,把对象赋值给newObj,在更改obj对象内容之前打印newObj let obj = {a:1,b:2} let newObj = obj console.log(newObj,'newObj') obj.c = 3 结果:被赋值的newObj跟着改变 二、设置setTimeout查看 let obj = {a:1,b:2} let newObj = obj console.log(newObj,'newObj') setTimeout(function(){.
2022-05-19 17:54:57
742
原创 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
570
原创 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
7510
原创 vue-awesome-swiper,vue轮播图插件的使用(自用版)
Tvue-awesome-swiper,vue轮播图插件的使用(自用版)
2022-04-15 10:49:10
1181
原创 MyEclipse项目不能运行的可能原因之一:项目的jdk和Tomcat的jdk不匹配
下面先查看项目的build path中有没有Tomcat 项目右键-->Build Path-->Configure Build Path...-->
2022-04-15 10:08:55
3548
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
994
原创 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
302
原创 Vue Devtools 扩展程序的直接下载解压安装,不打开cmd 不涉及命令
1.下载资源 Vue Devtools_5.3.4_chrome扩展插件下载_极简插件 2.解压 3.打开Chrome浏览器右上角的“管理扩展程序” 4.打开解压后的文件夹,把后缀为.crx 的扩展程序直接拖动过来即可 5.使用效果 ...
2021-12-27 15:32:52
870
原创 Promise的all([ ])方法,通俗易懂的解释
作用:Promise的all方法将可以两个异步请求包装成一个新Promise实例 // 用Promise的all方法将两个异步请求包装成一个新实例 Promise.all([ //第一次网络请求 new Promise(resolve => { setTimeout(() => { resolve('result1');
2021-12-26 23:42:47
719
原创 造成 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
3102
原创 伪选择器在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
769
原创 项目适配方案——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
550
原创 前端学习-数据可视化(个人笔记)
一、数据可视化项目概述 1.项目技术 1)HTML+CSS3布局 2)CSS3动画、渐变 3)jQuery库+原生JavaScript 4)flex布局和renm适配方案 5)图片边框border-image 6)ES6模板字符 7)ECharts可视化库等等 2.大数据可视化项目代码比例 3.ECharts简介 官网地址: ECharts是一个使用JavaScript实现的开源可视化库。 简单来说就是 js库或js插件。 开源免费 ...
2021-11-08 10:35:33
1289
原创 前端学习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
484
原创 前端学习2-JavaScript
1.(` `) 反引号符号的作用 使用反向标记作为分隔符,允许嵌入基本的字符串插值表达式,然后自动解析和评估它们。` 内的字符被解释为字符串文字,内插字符串文字的一个非常好的好处是允许它们分成多行。 ` `和' ' 的使用场景的区别:` `内包含需要被解析的代码,' ' 里面放普通字符串或html代码; 2.${..}形式的任何表达式都会立即进行内联解析和评估。 3.alert怎么换行 例:alert('姓名:'+myname+"\n"+'年龄:'+age+"\n"+'性...
2021-11-05 13:17:43
636
原创 前端学习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
210
原创 vscode设置背景护眼主题颜色、字体颜色不影响其他主题的颜色
解决问题的初衷,是本人在打代码疲劳的时候想换个主题颜色,平时习惯用深色,用浅色的时候想把背景调成护眼绿,没找到合适的插件,在网上找到更改背景色的代码,用着挺不错。 但是在更改回我的默认深色主题时,背景颜色还是绿色,就像下图这样,很不爽,我将把自定义设置的代码和注释发给大家,可以任意更换背景主题颜色、不影响其他主题、操作简便。 设置步骤 一、vscode左下角的【齿轮】——【设置】——【setting.json】点进去ヾ(o・ω・)ノ 二、在原有代码的大括号{ }里面,最后一行...
2021-08-20 12:28:03
11045
8
原创 解决华硕电脑右键word/excel文件,文件资源管理器(文件夹)就卡死的问题
查看电脑系统是否预装一个名叫Foxit PhantomPDF的软件,有的话把它卸载就OK了,我的问题刚刚解决。 没有截图。 参考:https://tieba.baidu.com/p/5091328427?red_tag=1156260578
2020-06-08 14:31:01
1393
原创 vue ui没反应,卸载3.0以下版本vue和安装3.0以上版本vue
1.卸载老版本(3.0以下) npm uninstall vue-cli -g 2.清除缓存(一些教程没有这一步,安装新版本后可能会出错) npm upinstall npm cache clean --force 3.安装新版本(3.0以上) 下载新版本,vue-cli的3.0+以后使用的不是vue-cli了,如果用以上的安装命令安装的并不是最新版的3.0+的,而如果安装3.0的话...
2020-05-09 15:06:22
713
原创 在浏览里如何把源码变成文件
去官网下载一些框架的时候,打开总是源码,怎么变成文件呢,很简单,在网页内部,[右键]--[网页另存为],就是你想要的文件了
2020-05-06 12:21:39
1247
原创 HTML的图片插入链接,图片不能显示可能存在的路径问题
1.我给我的图片创建了一个叫images的文件夹, 一开始我的问题就是, 不论我的路径写成这样:src = "images/logo.jpg" 还是这样:src = "/images/logo.jpg" 亦或是这样:src = "./images/logo.jpg" 都不显示图片 后来参考这位网友的文章解决了, [HTML] 图片标签、绝对路径 和 相对路径_运维_这货不是博客-C...
2020-03-26 21:35:04
1584
原创 MyEclipse如何在web.xml中配置错误页面?
1.在WebRoot下创建我们的错误页面jsp文件,并且命名为404.jsp(.html文件也行) 默认jsp文件如图,自行更改创造自己想要的404页面效果 2.双击打开WEB-INF下的web.xml文件,打开后有两种模式可以配置你的错误页面, 第一种是design模式,不用自己输入代码,完成后点击左下角右边的source,可以查看代码 自动生成的代码如图, ...
2020-03-25 10:56:36
1134
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人
RSS订阅