
前端开发
MATSUKO0924
书读百遍,其意自现
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
echarts设置多级x轴
1.效果图2.实现的核心代码设置多个x轴xAxis:[ { type: 'category', data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'] }, { type: 'category', position: 'bottom', offset: 25, axisPointer: { type: 'none'原创 2022-04-13 17:14:00 · 7012 阅读 · 0 评论 -
前端请求接口之content-type与传参
今天跟公司后端对接口,公司后端小盆友们为了省事,直接给我发截图,让我猜怎么请求接口,怎么传参。仔细研究了研究,发现如下信息:1.后端接口方法使用@RequestBody,证明前端得请求参数应该放在body里,使用application/x-www-form-urlencoded是不行的,因为 当action为get时候,浏览器用x-www-form-urlencoded的编码方式把form数据转换成一个字串(name1=value1&name2=value2…),然后把这个字串append到url原创 2020-12-28 18:06:21 · 1952 阅读 · 0 评论 -
sass依赖包版本问题: The “path“ argument must be of type string. Received undefined vue sass
The “path“ argument must be of type string. Received undefined vue sass花费了我两个小时处理这个问题1.这是vue项目(由vue-cli创建)引入sass后,打包项目出现的错误。这个错误是sass-loader版本造成的解决方案:在package.json中将 “sass-loader”:" 10.0.1"版本修改为"sass-loader": “^7.3.1”,然后重新npm install2.创建完这个文件以后,又出现了新的错转载 2020-12-21 17:27:29 · 1032 阅读 · 0 评论 -
前端上传文件预览,FileReader or 对象 URL
1.FileReaderFileReader 实现了一种异步的读取机制。他必须先通过 FileReader() 构造函数创建出一个 fileReader 实例。该实例实现了一下几个方法和事件(部分):readerAsDataURL(file): 读取文件并以数据 URI 形式保存在 result 属性中load 事件:在文件加载成功后触发 lo## 标题ad 事件error 事件:在文件加载失败后触发 error 事件progress 事件:在读取文件的过程中触发 progress 事件,该事件可转载 2020-12-10 14:27:42 · 636 阅读 · 1 评论 -
js变量提升(语法小坑)
正如《你不知道的javascript》一书中说的,js是一门脚本语言,使用者不需要像学java一样完全语法等,甚至只会其中的一些简单的命令就可以直接开发了。但是开发越久越发现,在前端框架如此多的情况下,js基础等才是作为一个前端经久不衰的秘诀。看下方示例代码运行结果是什么:var c = 1function c(c) { console.log(c); var c = 3;}c(2);其实是报错:c不是一个function。是不是出乎一些人的意外。其实是js编译时的变量声明的原创 2020-06-19 09:17:37 · 256 阅读 · 0 评论 -
js中浅复制和深复制
前言:在使用webSocket通讯时,因为要用到Stomp(websocket的进一步封装),而微信只提供了websocket。所以采用网上的封装方法。一开始声明了一个对象包含几个null方法,可是将其作为参数传递给stomp.js后,再使用其该对象的方法,居然有值。这不由让我想起来了js中的深复制(直接复制对象),其实原理很简单。废话不多说,上图:ps.看别人代码会有意想不到的收获。...原创 2020-06-11 19:28:55 · 233 阅读 · 0 评论 -
vue项目中批量打印二维码
综合了两个文章实现。首先使用qrcode实现生成。然后window.open和window.print打印一、生成二维码(原文链接:https://www.cnblogs.com/feijiediyimei/p/11136607.html) 最近项目有个需求,需要将一个连接生成二维码展示出来,然后在网上找到了QRCode这个插件,这里大致记录下它的使用方法介绍: QRCode.js 是一个用于生成二维码的 JavaScript 库。主要是通过获取 DOM 的标签,再通过 HTML5转载 2020-05-11 11:08:04 · 2196 阅读 · 0 评论 -
wx.request封装解决回调地狱(转载)
原文链接:www.xksblog.top/talk-about-…见到wx.request的第一眼,就让我想起了$.ajax这东西,使用起来确实有很多不方便,不能忍,幸好小程序是支持ES6语法的,所以可以使用promise稍加改造。先来说说wx.request为什么不能忍。铺垫:“看得见却抓不...转载 2020-05-08 20:19:37 · 601 阅读 · 0 评论 -
2020.03vue常见问题总结
VUE常见问题由于vue是MVVM,日常经常有些渲染问题。1.绑定的元素(v-for)渲染出来的数据,尤其是对话框中。使用push、shift、splice等操作原数组的方法可使数据更新而不用重新渲染。2.js中尤其注意’='地址引用。3.element-ui上传组件的问题功能快捷键撤销:Ctrl/Command + Z重做:Ctrl/Command + Y加粗:Ctrl/Co...原创 2020-04-13 19:03:04 · 341 阅读 · 0 评论 -
-ms-viewport的问题
Internet Explorer 10并没有将屏幕的宽度和视口(viewport)的宽度区别开,这就导致Bootstrap中的媒体查询并不能很好的发挥作用。为了解决这个问题,你可以引入下面列出的这段CSS暂时修复此问题:@-ms-viewport { width: device-width; }然而,这样做会导致Windows Phone 8 设备按照桌面浏览器的方式呈现页面,...转载 2020-02-08 11:07:02 · 1326 阅读 · 0 评论 -
处理ie8兼容
<meta http-equiv="X-UA-Compatible" content="IE=edge">X-UA-Compatible是针对IE8新加的一个设置,对于IE8之外的浏览器是不识别的,这个区别与content="IE=7"在无论页面是否包含<!DOCTYPE>指令,都像是使用了 Windows Internet Explorer 7的标准模式。而conte...原创 2020-02-08 10:52:03 · 300 阅读 · 0 评论 -
ajax提交data类型
一、来源用了好久vue,回顾一下原来项目的ajax的请求原伦理二、概念ajax有三种传递传递data的方式:json格式json字符串格式标准参数模式1.json格式形如:{“username”:”chen”,”nickname”:”alien”}ajax:$.ajax({ type:"post", url:"/test/saveUser", data...转载 2020-02-05 11:31:09 · 385 阅读 · 0 评论 -
jquery与vue项目的区别
因为jq是js封装的库,所以文章直接说原始模式,vue为数据绑定模式。1.原始方式和简单,第一步获取元素,第二步绑定事件,第三步进行操作。<li><a href="javascript:;" id="logout">退出</a></li>$("#logout").on("click",function(){ $.ajax({ ...原创 2020-02-05 11:09:02 · 515 阅读 · 0 评论 -
前端项目简单的构建
1.先说一下模块化规范require是Commonjs的规范,node应用是由模块组成的,遵从commonjs的规范。import是es6为js模块化提出的新的语法,import (导入)要与export(导出)结合使用。(1)commonjs输出的,是一个值的拷贝,而es6输出的是值的引用;(2)commonjs是运行时加载,es6是编译时输出接口;2.使用webpack打包发布(n...原创 2020-02-02 15:13:17 · 413 阅读 · 0 评论