- 博客(57)
- 收藏
- 关注
RSS订阅原创 webpack踩坑
一、使用devServer报错及解决问题报错1解决：八成是webpack和html-webpack-plugin版本兼容性问题报错2：明明webpack -v能显示版本号解决：npm install --save-dev webpack@4.43.0
2021-12-28 10:57:08
308
原创 vue项目如何部署到服务器上
（1）我创建了一个vue小案例，打开以后效果如下（2）此时我们在终端输入npm run build进行项目打包，打包完之后，在vue项目文件中会出现dist文件夹，这文件夹包含的都是将vue文件打包后的前端文件(js,css,html)(3)同时我用node搭建一个本地服务器（4）在本地服务器所处的根目录类创建一个static文件夹，将vue项目中dist中的内容粘贴到static文件夹中此时我们打开服务器搭建的页面，此时什么也没有此时我们要在服务器源文件加入一点配置，并重启服务器此时
2021-12-22 16:12:22
5806
原创 插槽的使用教程（普通插槽、具名插槽、域名插槽）
**插槽的存在极大地提高了组件的复用性**一、普通插槽(1)新建一个组件Slots并引入到父组件App中,且效果如下(2)此时我在Slots组件内加入h2标签的足球，但页面上还是没有效果（3）但当我们在Slots组件内加入slot标签时，这时的效果如下此时普通插槽的效果就出来了二、当我们想在使用同一个组件显示不同内容时，这时我们就需要用到具名插槽怎样通过左边的代码来实现右边的效果（1）此时我们通过为子组件的slot标签的属性name赋值对应的名字，再在父组件使用子组件，且需要展
2021-12-20 11:10:58
1388
原创 跨域的一种解决方式——数据代理
解决跨域的方式有多种，例如jsonp、cors但这两种都需要后台人员的帮助，下面我讲的是前端人员在vue-cli中就可以完成的一种解决方式——数据代理(1)首先需要在vue-cli官方文档的配置项下载一个插件(2)将上图红圈中的部分粘贴到vue脚手架的babel.config.js中(3)上图中红圈部分http://localhost:5000为本地服务器地址，但我项目起的服务为http://localhost:8082/此时我在项目中向后台发送请求就能够获取数据了注意要是你项目中pun
2021-12-16 14:46:51
2089
1
原创 如何实现组件之间的通信（父传子，子传父，兄弟组件互传）
一、父传子1.父传子通用的方法就是借助props这个属性（1）如下图我创建了一个Dom组件，并将它引入到父组件App.vue中(2)下面我在父组件定义一个变量msg并赋值，然后通过在子组件上写上:msg='msg’的形式，将值传给子组件(3)在子组件中通过props属性接收父组件传过来的值,获取后并将值赋值给子组件中的变量name在页面中可以看到如下效果二、子传父1、方法一(通过props和回调函数形式)(1)我在父组件创建一个方法dom通过在子组件上加入:dom='dom’的形式将
2021-12-15 11:45:35
8834
原创 未能获取当前用户信息：30205 | 当前用户为匿名身份
当遇到这种问题时，别慌，这种问题十有八九是database文件夹下数据集合文件中的配置出错把需要读取权限的read改为true再右键点击此文件上传数据集合即可
2021-11-27 11:23:32
2901
原创 uniapp打包为H5后怎样在本地运行
1.先完成H5相关配置2.点击对应的H5网页发行3.点击发行4.发行后在控制台就会看到如下界面，点击箭头指引的地方5.就会进入到下面，但此时在本地浏览器打开不了的6.先在该项目的终端全局安装 npm install http-server -g7.然后进入H5文件夹的终端，输入http-server8.然后在本地浏览器中输入上面图片红圈地址就可以了...
2021-11-23 11:00:05
6949
2
原创 window.location.href和window.open的发送和接收
1.window.location.href发送：window.location.href=url+参数接收：2.window.open发送：接收：this.getul=sessionStorage.getItem(“lastname”)this.getul为当地一个值
2021-10-15 10:08:31
480
原创 在vue项目中引入jquery
(1).在vue.config.js或webpack.config.js引入const webpack = require(‘webpack’)module.exports ={configureWebpack:{plugins: [new webpack.ProvidePlugin({$:“jquery”,jQuery:“jquery”,“windows.jQuery”:“jquery”})]},}(2).再在需要的页面中输入以下var $ = require(“jquery”
2021-10-12 14:57:31
151
原创 怎样实现上传文件
HTML部分<el-button type=“primary” @click=“addtemplate” style=“margin-top:10px;margin-left:30px;”>下载模板Excel表内必填数据： *姓名 * 手机号、身份证号注：带“*”为必填字段 上传excel 只能上传1份xls文件，且不超过500kbJS部分//批量导入-下载模板addtemplate(){axios({method:‘post’,url:API_OBJ.TE
2021-10-12 14:40:29
90
原创 vue中怎样解决后台发过来的数据，页面有显示，但其他地方访问不到
问题：怎样解决后台发过来的数据，页面有显示，但其他地方访问不到解决方法：使用延时setTimeout(() => {console.log(rightItems) //rightItems为你需要获得的数据}, 600)
2021-07-27 11:22:33
207
原创 JS中数组的常用方法
concat()连接两个或更多的数组，并返回结果var arr = [1,2,3]var arr2 = [4,5,6]arr.concat(arr2)console.log(arr) // [1,2,3,4,5,6]join()把数组的所有元素放入一个字符串。元素通过指定的分隔符进行分隔参数可选，指定要使用的分隔符，如果省略则默认使用逗号作为分隔符var arr = new Array(3)arr[0] = 1arr[1] = 2arr[2] = 3console.lo
2021-05-15 11:10:22
257
原创 引用样式的方式有哪几种？他们的优先级排序怎么样？
一共有4中方式，分别为内联、内嵌、外联、导入。1、内联（行内样式） - 在标签内直接写样式，style=""<div style="width: 300px;height: 300px"></div>2、内嵌（内部样式） - 在head标签里，加一个style标签，在style里写样式<head> <meta charset="UTF-8"/> <title>document</title> <s
2021-05-15 10:53:49
1521
转载 5.什么是node、node 和 java/php区别？
一、简单的说 Node.js 就是运行在服务端的 JavaScript。Node.js 是一个基于Chrome JavaScript 运行时建立的一个平台。Node.js是一个事件驱动I/O服务端JavaScript环境，基于Google的V8引擎，V8引擎执行Javascript的速度非常快，性能非常好。1.编写高性能网络服务器的javascript工具包（用js开发服务端程序）2.单线程、异步、事件驱动单线程：01.php不支持多线程，但是php的服务apache支持多线程，启动时会初始化1
2021-04-19 10:21:46
447
原创 4.es6
1.画出Student和Person之间的关系2.编写程序使用ES6定义 Person类，包括类实例属性（name,age）,实例方法say()该方法，返回name和age字符串3、下面程序执行结果为因为按照原型中：实例对象.proto==构造函数.prototype所以结果为true4、下面程序正确吗？错在哪里？如何改正？错误，因为在ColorPoint继承Point类中，只有调用了super以后，才可以使用this关键字，只需要把super(x,y)放到this.color=color前
2021-04-15 10:52:53
172
原创 3.es6中的小练习
一、var和let的区别1.var可以重复声明同一个变量，let却不能重复声明2.let有暂时性死区，不可以先调用后声明，var可以先调用后声明3.let有模块作用域，当全局变用var声明了a这个变量时，再局部变量如函数中可以用let声明这个a变量二、分析下列代码的执行结果执行if语句后提前调用了let声明的a变量，所以报错三、使用模板字符串补齐下列代码补齐后的结果如下四、将下面字符串改用模板字符串实现?修改结果如下五、下面输出结果为答案是Bill和undefined，这里
2021-04-13 14:42:12
110
原创 1.原型
下面图中console.log()的结果是什么结果为true，因为它们是不一样的实例对象，且实例对象中的方法和属性都不相等，但我改成下面后，console.log()的结果又是什么？结果为true，因为虽然产生的实例对象不同，但它们指向共同的prototype，且prototype中的属性和方法都是可以被构造函数继承的，但prototype中的属性和方法可以被修改吗？结果是可以的，但前提是大家要知道这样一个等式(实例对象.proto==构造函数.prototype)所以我们可以用：实例对象.
2021-04-13 13:55:45
42
原创 Utf-8编码汉字占多少个字节
英文字母和中文汉字在不同字符集编码下的字节数英文字母：字节数 : 1;编码：GB2312字节数 : 1;编码：GBK字节数 : 1;编码：GB18030字节数 : 1;编码：ISO-8859-1字节数 : 1;编码：UTF-8字节数 : 4;编码：UTF-16字节数 : 2;编码：UTF-16BE字节数 : 2;编码：UTF-16LE中文汉字：字节数 : 2;编码：GB2312字节数 : 2;编码：GBK字节数 : 2;编码：GB18030字节数 : 1;编码：ISO-8859-
2021-04-11 11:26:05
749
原创 页面渲染过程
1、根据来自服务器端的HTML代码形成文档对象模型（DOM）。2、加载并解析样式，形成CSS对象模型。在文档对象模型和CSS对象模型之上，创建一棵由一组待生成渲染的对象组成的渲染树（在Webkit中这些对象被称为渲染器或渲染对象，而在Gecko中称之为“frame”。）渲染树反映了文档对象模型的结构，但是不包含诸如标签或含有display:none属性的不可见元素。在渲染树中，每一段文本字符串都表现为独立的渲染器。每一个渲染对象都包含与之对应的DOM对象，或者文本块，还加上计算过的样式。换言之，渲染树是
2021-04-11 11:20:53
89
原创 购物车详情页优化（懒加载）
1.什么是懒加载懒加载也叫延迟加载，指的是在长网页中延迟加载图像，是一种很好优化网页性能的方式。用户滚动到它们之前，可视区域外的图像不会加载。这与图像预加载相反，在长网页上使用延迟加载将使网页加载更快。在某些情况下，它还可以帮助减少服务器负载。常适用图片很多，页面很长的电商网站场景中。2.为什么要用懒加载能提升用户的体验，不妨设想下，用户打开像手机淘宝长页面的时候，如果页面上所有的图片都需要加载，由于图片数目较大，等待时间很长，用户难免会心生抱怨，这就严重影响用户体验。减少无效资源的加载，这样能明显
2021-04-11 11:18:18
323
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人