- 博客(279)
- 收藏
- 关注
RSS订阅转载 HTTP错误状态码
一、常见状态码200：正确的请求返回正确的结果，如果不想细分正确的请求结果都可以直接返回200。 201：表示资源被正确的创建。比如说，我们 POST 用户名、密码正确创建了一个用户就可以返回 201。 202：请求是正确的，但是结果正在处理中，这时候客户端可以通过轮询等机制继续请求。 203：请求的代理服务器修改了源服务器返回的 200 中的内容，我们通过代理服务器向服务器 A 请求用户信息，服务器 A 正常响应，但代理服务器命中了缓存并返回了自己的缓存内容，这时候它返回 203 告诉我们这部分
2021-04-28 21:38:39
1044
转载 vue路由传参的三种基本方式
项目中很多情况下都需要进行路由之间的传值，想过很多种方式sessionstorage/localstorage/cookie 进行离线缓存存储也可以，用vuex也可以，不过有些大材小用吧，不管怎么说因场景而异下面我来说下vue自带的路由传参的三种基本方式先有如下场景 点击当前页的某个按钮跳转到另外一个页面去，并将某个值带过去<div class="examine" @click="insurance(2)">查看详情</div>第一种方法 页面刷新数据不会丢失
2021-04-28 21:26:40
431
转载 ue中二次封装axios请求，支持url参数拼接、blob数据流和formdata上传等
可以滑到页面最底部，之前的部分为思路部分现在vue项目基本上都是使用axios进行请求操作，但是axios有时候并不能完全满足业务的需求，因为官方axios只支持一些比较规则的请求参数和方式，比如body类型的post，params类型的get。而实际业务中后台给的接口可不会那么如你所愿的规范，当后台同事肆意挥洒，尽情装逼，完全是即兴发挥，不考虑前端感受的时候，往往给出来的api接口是很变态的：get方法的url后面拼接参数？没办法，谁让前端是万能的呢，只能将就一下后台同事了。实际项
2021-04-28 21:17:51
1147
转载 使用vue-quill-editor实现富文本编辑器
一、什么是富文本编辑器?简单介绍一下，看过上面的图，您大致对富文本编辑器有个了解了，传统的textArea输入框输入的内容没法做格式上的更改，它的功能跟我们的word一样，可以对其中内容的格式做一些调整，还可以添加图片等等，它在开发中有个专有名词，叫富文本编辑器。1、ueditor国内人用ueditor的比较多，真的很中国化，经常在贴吧或论坛里看到这种风格的富文本编辑器。2、bootstrap-wysiwyg这个插件是bootstrap官网推荐的。3、vue-quill-editor
2021-04-28 20:27:59
822
转载 vue项目中路由不匹配或者路径错误，添加默认404页面的方法
在Vue项目中，当访问的页面路由不存在或错误时，页面显示为一片空白。然而，通常我们需要对访问url不存在或者错误的情况下添加默认的404页面，即not found页面。处理方法如下，在router中添加方法：router.beforeEach((to, from, next) => { if (to.matched.length === 0) { //匹配前往的路由不存在 from.name ? next({ name: from.name }) : next('
2021-04-28 20:19:33
1727
转载 elementUI之表格排序失效，表格宽度可拖拽变宽变窄
在elementUI官网有介绍到给表格排序的方法之所以失效是因为我没在<el-table-column>上加上prop='stime'原本，如果内容需要<template>来存放，在<el-table-column>上加prop就没有意义，但在使用sortable排序时，prop是起作用的说明：1.转载地址：https://blog.csdn.net/Annexiaobin/article/details/103067101...
2021-04-28 19:59:31
1636
原创 js打开一个新窗口
1.code<html> <head> <title></title> <style type="text/css"> a, div { display: inline-block; margin: 10px; cursor: pointer; } </style> </head> <body> <a id="a1">windo
2021-04-14 21:14:11
1012
原创 elementUI键盘回车键触发搜索，el-form阻止页面刷新
键盘enter提交输入内容<el-form :model="test" size="mini" label-width=“70px” @submit.native.prevent><el-input v-model="account" placeholder="请输入搜索内容" @keyup.enter.native="search()"></el-input></el-form>须给el-form添加@submit.native.prevent
2021-03-10 21:54:34
487
转载 html input 禁止输入中文
思路一：html input 禁止输入中文：<input type="text" class="username" οnkeyup="value=value.replace(/[\u4e00-\u9fa5]/ig,'')" placeholder="请输入账号" />输入中文时，直接替换为空格。思路二：'/[\u4e00-\u9fa5]/ig'这是匹配到中文的正则表达式，获取input的value值和这个正则匹配，如果匹配上了就给用户提示就行了（例如；在elemen.
2021-03-10 21:33:36
1371
1
转载 vue中点击复制粘贴功能
1.下载clipboard.jscnpm install clipboard --save 2.引入，可以在mian.js中全局引入也可以在单个vue中引入import Clipboard from 'clipboard'; 3.使用，在template中，这里我用了elementui框架<el-table-column label="taskId"> <template slot-scope="scope">
2021-03-02 21:48:05
783
转载 vue 如何下载文件
import axios from 'axios'// 添加请求拦截器axios.interceptors.request.use(function (config) { // 在发送请求之前做些什么 config.headers.common['contentType'] = 'application/json;charset=utf-8'; const token = localStorage.getItem('token'); if (token) { .
2021-03-01 21:35:30
676
转载 js判断一个字符串是以某个字符串开头
方法1:substr() 方法if("123".substr(0, 2) == "12"){ console.log(true);}方法2:substring() 方法if("123".substring(0, 2) == "12"){ console.log(true);}方法3:slice()方法if("123".slice(0,2) == "12"){ console.log(true);}方法4:indexOf() 方法
2021-03-01 21:30:39
485
转载 elementui el-form 默认不支持回车提交，回车第一次页面刷新
概念：1.在表单的提交按钮上添加 Vue 原生属性native-type="submit"可以让按钮变为表单提交按钮；2.阻止表单默认提交事件（默认是阻止），在表单上（即<el-form>标签上）添加@submit.native.prevent即可3.因为el-form默认不支持表单回车提交，在表单上（即<el-form>标签上）添加@keyup.enter.native="submitForm('form')"可实现回车提交表单template:<...
2021-03-01 21:24:20
549
转载 Element的input 实现带图标密码框的明密文（点击眼睛显示密码,再次点击图标隐藏密码）
点击眼睛图标显示密码,再次点击图标隐藏密码一、知识点：带 icon 的输入框，可以通过 prefix-icon 和 suffix-icon 属性在 input 组件首部和尾部增加显示图标，也可以通过 slot 来放置图标。因为图标涉及点击事件，带 icon 的输入框，采用的是 slot 方式。slot="suffix" 表示，图标会出现在input 的尾部；二、实现思路要变化的有，图标样式和input的显示方式定义一个flag默认false，绑定input 的type值，flag为true时，
2021-03-01 21:16:11
1637
1
原创 element UI hover把线压断了
::v-deep .el-table td,.el-table th.is-leaf { border-top: 1px solid #EBEEF5; border-bottom: 0;}:v-deep .el-table__body{ border-bottom: 1px solid #EBEEF5;}
2021-03-01 21:12:17
170
转载 vue+django——webshell的实现，xterm.js实现webshell
Webshell“web”的含义是显然需要服务器开放web服务，“shell”的含义是取得对服务器某种程度上操作权限。webshell常常被称为通过网站端口对网站服务器的某种程度上操作的权限。一方面，webshell被站长常常用于网站管理、服务器管理等等，根据FSO权限的不同，作用有在线编辑网页脚本、上传下载文件、查看数据库、执行任意程序命令等。另一方面，被入侵者利用，从而达到控制网站服务器的目的。这些网页脚本常称为WEB脚本木马，比较流行的asp或php木马，也有基于.NET的脚本木马与JSP脚
2021-03-01 20:57:58
2368
转载 vue yaml代码编辑器组件,elementui的弹窗把错误遮挡
一、前期准备 此组件的功能主要依赖于codemirror，另外加入了js-yaml进行语法检查，方便在实时编辑时提示语法不正确的地方。因此首先需要在项目中安装codemirror与js-yaml:codemirror: npm install codemirrorjs-yaml: npm install js-yaml --save二、组件源码及说明新建@/components/YamlEditor/index.vue文件：<template> <div cla.
2021-03-01 20:40:46
1130
原创 js面试题vue.js（2）
1.几个简单的1.1 普通函数和箭头函数的区别：###***1https://blog.csdn.net/m0_37686205/article/details/887762592.vue.js相关###***1https://segmentfault.com/a/1190000016344599###***2https://zhuanlan.zhihu.com/p/92407628###***3https://www.cnblogs.com/bk770466199...
2020-12-17 17:01:14
163
原创 js面试题小结（1）
1.性能优化1.1优化原则和方向原则- 多使用内存、缓存或者其他方法- 减少 CPU 计算、较少网络方向- **加载页面和静态资源**- **页面渲染**1.2方法：## 加载资源优化- 静态资源的压缩合并（JS代码压缩合并、CSS代码压缩合并、雪碧图）- 静态资源缓存（资源名称加 MD5 戳）- 使用 CND 让资源加载更快- 使用 SSR 后端渲染，数据直接突出到 HTML 中## 渲染优化- CSS 放前面 JS 放后面- 懒加载（图片懒加载、下拉加载更多）
2020-12-17 16:34:23
245
原创 cookie、sessionStorage和localStorage存储方式的区别
cookie、sessionStorage和localStorage的区别一、使用方法相关1.cookie相关1.保存到本地（过期时间不设置的话默认浏览器关闭失效）function setCookie(name,value) { var Days = 30; var exp = new Date(); exp.setTime(exp.getTime() + Days*24*60*60*1000); document.cookie = name + "
2020-12-17 15:47:24
406
转载 [Intervention] Unable to preventDefault inside passive event listener due to target being treated as
1.滑动时候警告[Intervention] Unable to preventDefault inside passive event listener due to target being treated as passive2.现象：3.解决方案解决办法1：在touch的事件监听方法上绑定第三个参数{ passive: false }，通过传递 passive 为 false 来明确告诉浏览器：事件处理程序调用 preventDefault 来阻止默认滑动行为。ele
2020-11-11 14:57:47
6137
原创 微信小程序video组件使用poster设置封面图没有效果；object-fit类型，网络环境wx.getNetworkType，网络环境改变wx.onNetworkStatusChange
1.背景：在某些情况下poster会发生无效展示状态：1.1 若 controls 属性值为 false 则设置 poster 无效1.2 poster取视屏第一帧做背景，如果第一帧为空白，则不展示海报图；1.3 某些情况下，需要统一视屏的海报图，例如做活动需要展示一个比较好看的海报背景...此时，如果使用video的poster都不能实现以上需求2.实现思路：自己放一张海报图放在原生组件video上，做一个播放按钮，点击播放。video这种原生组件的层级比较高，通过cove...
2020-11-11 14:47:43
3200
原创 微信小程序video自定义control
1.背景：有些时候需要用到video自定需求，可以参考如下案例2.思路2.1 把原生的controls（底部的控制，进度条，暂停播放）隐藏掉，然后自己重写controls：2.2 把原生的show-fullscreen-btn（全屏，退出全屏）隐藏掉，并重写；2.3 定义bindplay（播放），bindpause（暂停），bindended（播放完毕），bindtimeupdate（更新播放时间，在拖动进度条时需要用到），一一通过代码实现即可3.代码：3.1wxml<v
2020-11-11 14:03:56
3261
2
转载 checkSession一直回调success怎么回事
1.https://developers.weixin.qq.com/miniprogram/dev/api/open-api/login/wx.checkSession.html2.https://developers.weixin.qq.com/community/develop/doc/0000645417c8980194baf9e4d57000
2020-11-05 17:20:41
1107
转载 关于‘webpack-dev-server‘ 不是内部或外部命令，也不是可运行的程序 或批处理文件。
今天在执行npm run dev启动项目时遇到'webpack-dev-server' 不是内部或外部命令，也不是可运行的程序 或批处理文件。这个问题开始我想着吧重新装 吧，就运行了：webpack-dev-server可是装完之后会有很多的依赖都需要重装，有点心烦。。。最后打开了万能的百度 找到了一篇不错的文章嘻嘻第一种方法尝试进行:cnpm install而后重新执行：npm run dev这里就成功运行了，如果还是不可以就尝试第二种方法，通常是没有装依赖导.
2020-11-05 17:15:16
224
转载 移动端适配
1.https://blog.csdn.net/chi1130/article/details/828444892.https://www.cnblogs.com/liangxuru/p/6970629.html3.https://blog.csdn.net/im_dogg/article/details/84369286
2020-11-05 17:10:14
106
转载 hbuilder设置自动px 转换成rem，前端适配
hbuilder里面有自动换算的 需要设置一下：工具–>选项–>Hbuilder–>代码助手设置.里面有个px自动转rem设置，按自己的实际情况设置就可以在每次输入px的时候有提示了，sublime也有类似插件。...
2020-11-05 17:05:24
2123
转载 vue-cli如何安装指定版本
1.背景：问：我目前是vue-cli v4的版本想降回v3， 怎么操作？答：卸载重装即可。2.方法：npm uninstall -g @vue/clinpm install -g @vue/[email protected]
2020-11-05 17:01:07
535
转载 webstorm报错：Import declarations are not supported by current JavaScript version
原因为：不支持当前的js版本，在perference中进行设置javascript的版本即可注意：在perference中进行更改，而不是defeaut perference,快捷键操作为：command + “,”Languages & Frameworks —> javascript —>ECMAScript 6 / React JSX...
2020-11-05 16:58:45
418
原创 webstorm代码格式整理，cancelled，安装，汉化，配置，cnpm安装
1.webstorm如何设置整理代码格式的规则点击左上角 文件（file） =》设置（setting）=》编辑器（Editior）=》Code Style =》JavaScript2.cancelled：http://idea.medeming.com/jihuoma/3.安装：https://blog.csdn.net/panyuanyuan/article/details/1029728964.汉化：https://blog.csdn.net/amensia_ZhangSa...
2020-11-05 16:56:47
585
原创 vue报错Module build failed: Error: Failed to load plugin html: Cannot find module ‘eslint-plugin-html‘
1.命令行展示2.命令行运行cnpm install eslint-plugin-html
2020-09-30 11:06:33
1819
转载 小程序锚点跳转（字母滚动到相关城市楼层）
城市快捷导航，可以点击触发，也可以触摸（手指在快捷导航从上往下连着往下触摸移动，导航跟着变动）1.util.jsvar cityObj = [{ "id": "35", "provincecode": "150000", "city": "\u963f\u62c9\u5584\u76df", "code": "152900", "initial": "A" }, { "id": "38", "provincecode": "210000", "city": "\u978d\u5c71\u5e02"
2020-09-25 15:21:12
1278
原创 weui在微信小程序中使用
1.方法一 （useExtendedLib方式 （推荐此方式））：说明：这种方式引入的组件将不会计入代码包大小，并且 不需要 在app.wxss 中引入weui.wxss，比较方便：1.1 首先在app.json 配置：{ "useExtendedLib": { "weui": true }}1.2 在需要使用的页面 的 json文件 引入组件："usingComponents": { "mp-dialog": "weui-miniprogram/...
2020-09-15 14:51:44
695
原创 js 数组 splice 和 delete 区别
1.参数：splice(index,len,item)：index:起始位置；len:长度；item替换项delete member ：member删除的项目2.长度：splice：删除某一项，删除所占空间，所以长度减少delete：只删除值（对应值所在位置变为undefined），不删除所占空间，所以长度不变3.删除以后：对于值变为undefined的情况可以 通过 for in循环来过滤掉无效项；或者通过 for循环和if来判断去掉无效项；4.代码：<html>
2020-08-11 16:38:41
227
原创 js判断当前浏览器是否被浏览 document[hiddenProperty]
1.背景： 做房产咨询时，在B客服端如果收到客户发过来消息，浏览器不在当前浏览窗口，在标题栏提示B端客服收到新消息消息，方便B端客服及时回复新消息。2.实现思路： 判断B端是否浏览当前页，改变浏览器title值，通过计时器改变title，做出来的效果有点像动画的赶脚。（此处的else部分应该写在收到信息时执行，收到消息判断不在当前页，则改变title）3.代码实现<html> <head> <meta charset="UTF-8">...
2020-08-11 13:35:10
648
原创 HTML5 桌面通知 new Notification
1.背景：房产咨询，用户和房博士聊天，当发送聊天消息时，需要做收到消息通知，最后查到HTML5新增的 Notification API的通知功能。即使将浏览器窗口最小化，依然会收到消息通知。2.通知权限： 2.1 首先需要 看浏览器是否支持 Notification ，支持才有下文，否则就此止步； 2.2 通过 Notification.permission 检测用户是否允许通知：// Notification.permission === 'granted' 用户允许// ...
2020-08-11 10:40:22
2207
原创 微信小程序吸顶两种方式，一种js,一种css (position: sticky； top: 0；)
1.比较常用的方式，通过js获取当前元素距离顶部的高度，同时通过onPageScroll监听页面滚动的高度，对比二者的大小，通过fixed定位来实现置顶悬浮。（此方式需注意，不要一直setdata，不然会出现卡顿现象）。1. wxml<view style="width: 100%; height: 300rpx; background: rgba(0,0,0,0.1); margin-top:30rpx;"></view><view style="width: 1
2020-08-10 14:58:09
1739
原创 微信小程序分享盆友圈（onShareTimeline）
1.代码Page({ onShareTimeline: function() { return { title: '自定义标题', query: 'name=xxx&age=xxx', imageUrl: 'http://demo.png', } },})2.参数 （官网传送门）3.分享到朋友圈 Beta，注意事项，点击可参考：3.1 基础库 大于等于 2.11.3 才开始支持；3.2 目前为Beta版本，暂时只支持在 Android 平...
2020-08-10 09:58:42
5940
3
原创 微信小程序优化注意点（用户体验，数据逻辑优化）
1.对于列表请求数据，使用二维数组，以分页的页码做一维下标，以条数做二维下标，每次setData只setData当前页的数据，其他页的数据不用。因为每次setData的数据量大小有限制，官网也有说明；可以参考2.对于列表中删除某一项，会存在状态不对的情况。例如：左滑删除，一页数据有10条，左滑删除第5条，此时第6条变为第5条，此时的第5条应该不是出于左滑状态，但是显示的是左滑状态，应该给每条for循环的添加一个key即可。（点击参考传送门）3.对于表单提交：3.1对于input填写，然后
2020-07-02 14:16:27
3559
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人