- 博客(160)
- 收藏
- 关注
RSS订阅原创 opacity和rgba区别
2.rgba ，R表示红色，G表示绿色，B表示蓝色，取值可以在正整数或者百分数。opacity会继承父元素的opacity属性，而RGBA设置的元素的后代元素不会继承不透明属性。1.opacity取值范围0到1之间，0表示完全透明，1表示不透明。共同性：实现透明效果。
2024-10-11 21:09:28
172
原创 img标签的title和alt的区别，png、jpg、gif、格式区别
在seo的层面上，蜘蛛抓取不到图片的内容，所以前端在写img标签的时候为了增加seo效果要加入alt属性来描述这张图是什么内容或者关键词。webp：同时支持有损或者无损压缩，相同质量的图片，webp具有更小的体积。jpg：采用压缩算法，有一点失真，比png体积要小，适合做中大图片。png：无损压缩，尺寸体积要比jpg/jpeg的大，适合做小图标。img标签的title和alt有什么区别？title：鼠标移入到图片显示的值。alt：图片无法加载时显示的值。gif：一般是做动图的。
2024-10-11 20:59:50
386
原创 display有哪些值，行内元素、块级元素、行内块元素的含义
把某元素转换成了块元素， 独占一行， 并且可以设置宽高。把某元素转换成了行内元素 ， 不独占一行的，并且不能设置宽高。把某元素转换成了行内块元， 不独占一行的，可以设置宽高。块级元素：div、footer、header、section、p、h1…行内元素：span、img、input…空元素：br、hr……
2024-10-11 20:45:26
167
原创 引入一个自定义组件库能在全局使用该组件配置的方法
manage-list组件库的文件组成结构在main.js配置import Vue from 'vue';import manageList from './components/manage-list';Vue.use(manageList);然后就在vue文件中直接像上面图片，有划线的文件名称那样直接当作标签来使用...
2022-03-31 18:04:52
1322
原创 vue-resource请求拦截和响应拦截设置
main.js文件// 使用ajax请求插件var VueResource = require('vue-resource')Vue.use(VueResource)// 增加ajax请求预处理选项 Vue.http.interceptors.push(function (request, next) {// request请求拦截，next响应拦截 request.method = 'POST';//在请求之前可以进行一些预处理和配置 // 返回 next((res) =>
2022-03-30 17:45:45
1505
原创 在发起请求时的cookie在客户端和服务器端起始交流
还没登录时cookie的值会根据浏览器随机生成，发送请求自动带上，登录后，cookie由服务器生成，客户请求响应后返回cookie，然后下次请求会自动带上服务器响应后给的cookie值
2022-03-24 14:27:19
820
原创 document.documentElement.clientHeight与document.body.clientHeight的区别解析
document.documentElement指的是元素document.bodyt指的是元素document.documentElement.clientHeight 屏幕可视区域高度
2022-03-21 17:34:21
1453
原创 使用cookie实现记住密码并且有过期时间功能和localStorage实现记住密码
记住密码和账号的功能和后台无关，是由前端进行操作的。一般像这种操作会用到本地绘画存储技术（localStorage,sessionStorage,cookie，它们在存储的时间，存储大小…都有各自的区别，不太了解的话可以百度查询一下相关文档）。常理而言记住密码一般都需要过期时间，所以根据这一特性可以利用cookie进行实现是个功能，（cookie可以设置过期时间）<div class="count"> <div class="user">
2022-02-14 10:38:56
1029
原创 js获取当月月初和月末和当天的日期和0点时间戳
获取当天日期和0点时间戳new Date().toLocaleDateString() 获取当前日期的常规格式xxxx/yy/zznew Date(new Date().toLocaleDateString()).getTime()获取当月月初日期和0点时间戳 var date = new Date(); date.setDate(1); var month = parseInt(date.getMonth() + 1); var day = dat
2022-01-10 18:14:24
4298
1
原创 引入js-base64进行字符串加密传输
main.js文件引入Vue.prototype.Base64 = require(‘js-base64’).Base64;vue文件使用this.Base64.encode(字符串)
2021-12-28 15:48:29
909
原创 Math.Round的使用
round() 方法可把一个数字舍入为最接近的整数。正数按照常规的四舍五入得出整数负数5为界限，包括5以下整数字值越大，5以上得出整数值越小例子如下var e=Math.round(-2.50)-2var e=Math.round(-2.60)-3var a=Math.round(2.60);var b=Math.round(2.50);var c=Math.round(2.49);var d=Math.round(-2.60);var e=Math.round(-2.50);v
2021-12-22 10:29:34
1906
原创 自定义指令:防止按钮短时间内重复提交
main.js文件里添加// 自定义指令:防止按钮重复提交Vue.directive(‘preventReClick’, {inserted (el, binding) {el.addEventListener(‘click’, () => {if (!el.disabled) {el.disabled = truesetTimeout(() => {el.disabled = false}, binding.value || 1000)}})}})使用...
2021-12-17 14:44:53
161
原创 vue中判断一些页面是否需要keep-alive缓存
一些需要重新加载不需要缓存的我们可以通过v-for来实现。当然我们可以在路由中设置一个key值来判断组件是否需要缓存，就像下面这样//index.js{ path: '/1', name: 'components1', component: Components1, meta: { keepAlive: true //判断是否缓存 } }, { path: '/2', name: 'c
2021-12-03 10:10:32
2058
原创 vue中keep-alive组件、activated函数的探讨及结合使用
详细文章created()：在创建vue对象时，当html渲染之前就触发；但是注意，全局vue.js不强制刷新或者重启时只创建一次，也就是说，created()只会触发一次；activated()：在vue对象存活的情况下也就是缓存情况下，进入当前存在activated()函数的页面时，一进入页面就触发；可用于有缓存情况下初始化页面数据等，再说下这个生命周期钩子，官网说其是在服务器端渲染期间不被调用，说白了其就是在挂载后和更新前被调用的。但如果该组件中没有使用缓存，也就是没有被keep-alive标签
2021-12-03 10:03:19
2917
1
原创 js写法使字符串换行，“\n“ 换行符号
“\n” 换行符号生效需搭配css的"white-space: pre"<view style="white-space: pre"> {{strs }}</view>let strs = "阶梯数量 含税价 不含税价\n";
2021-11-19 11:10:10
7944
原创 解析浏览器被转义或者加码的路径，解码unescape，加码escape
var str="Need tips? # Visit RUNOOB!";var str_esc=escape(str);document.write(str_esc + "<br>")document.write(unescape(str_esc))
2021-11-18 12:58:16
431
原创 Vue 常用uploader组件使用，上传组件 vue-simple-uploader的引用
推荐博客特点支持文件、多文件、文件夹上传支持拖拽文件、文件夹上传统一对待文件和文件夹，方便操作管理可暂停、继续上传错误处理支持“快传”，通过文件判断服务端是否已存在从而实现“快传”上传队列管理，支持最大并发上传分块上传支持进度、预估剩余时间、出错自动重试、重传等操作安装npm install vue-simple-uploader --save初始化import uploader from ‘vue-simple-uploader’Vue.use(uploader)<t
2021-10-26 15:41:05
3806
原创 组件可以这样写@save=“(even) =＞ saveDialogSeleItem(even, item)“
组件可以这样写@save="(even) => saveDialogSeleItem(even, item)"一开始加载不会触发该函数
2021-10-26 11:07:54
212
原创 判断各数据类型的值是否为空
/**判断是否为空*/export function validatenull(val) {if (typeof val === ‘boolean’) {return false;}if (typeof val === ‘number’) {return false;}if (val instanceof Array) {if (val.length === 0) {return true;}} else if (val instanceof Object) {if (JSO
2021-10-18 11:18:35
240
原创 vue中$router.back()、$router.go()的区别使用
使用解析1开发中遇到返回上一页的需求，有两个方法可选：1.$router.back()2.$router.go()在使用中发现，使用router.back()和router.back()和router.back()和router.go(-1)作用相同，都是返回原页面。但如果原页面路由携带参数，使用以上两个方法返回的原页面路由参数消失，此时使用$router.back(-1)返回原页面路由参数仍存在。使用解析2go(-1): 原页面表单中的内容会丢失；this.$router.go(-1)：后退
2021-10-14 09:53:23
25502
2
原创 全局前置守卫router.beforeEach、全局后置钩子router.afterEach，可以验证是否登录及路由拦截是否有权限
代写const router = new VueRouter({ … })router.beforeEach((to, from, next) => {// …})router.afterEach((to, from) => {// …})
2021-09-25 19:03:15
790
原创 es6之数组的flat()、flatMap()基本使用
数组的成员有时还是数组，Array.prototype.flat()用于将嵌套的数组“拉平”，变成一维数组。该方法返回一个新数组，对原数据没有影响。下面代码中，原数组的成员里面有一个数组，flat()方法将子数组的成员取出来，添加在原来的位置。[1, 2, [3, 4]].flat()// [1, 2, 3, 4]flat()默认只会“拉平”一层，如果想要“拉平”多层的嵌套数组，可以将flat()方法的参数写成一个整数，表示想要拉平的层数，默认为1。下面代码中，flat()的参数为2，表示要拉平
2021-09-17 11:32:31
434
原创 exec-mathexpress 解析数学表达式
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Markdown编辑器你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Mar
2021-09-13 15:28:15
771
原创 对象数组数值型排序方法sort
// 对象数组排序export const compare = function (prop) { return function (obj1, obj2) { const val1 = obj1[prop]; const val2 = obj2[prop]; if (val1 < val2) { return -1; } else if (val1 > val2) { return 1; } else { ret
2021-08-17 10:23:54
162
原创 Lodash工具库中cloneDeep深拷贝的使用
import cloneDeep from ‘lodash/cloneDeep’;const columns = cloneDeep(tableColumns);
2021-08-11 13:51:55
4049
原创 一个数组要按照特定的数组顺序模板进行排序
sortArr为要进行排序数组，standardArr为排序模板，sortField根据对象某个字段来排序export function sortCommon(sortArr, standardArr, sortField) { var compare = function (obj1, obj2) { var obj1Value, obj2Value; standardArr.forEach(function (v, k) { if (v == obj1[sortFiel
2021-08-10 16:11:54
445
原创 语义化版本号和package.json版本号规则
语义化版本号主版本号，向下不兼容api更改次版本号，向下兼容功能新增修订版本号，向下兼容问题修正先行版本号，当要发行大版本或核心功能时，但不能保证这个版本完全正常，就要先发一个先行版本。常见的先行版本号有：alpha - 不稳定版本beta - 基本稳定rc - 和正式版基本相同版本发行，应该先发先行版本，再发正式版本。Dependency版本号规则1. 指定版本号1.0.2 只能使用1.0.2版本2. ^版本号主版本号相同，且不小于指定版本号之间的版本^1.0.2 可使用大于等
2021-08-02 16:52:46
415
原创 正则表达式 - 判断数据是否为纯数字或非负数字
/** * 判断是否为数字 */export function validateNumber(num) { const regName = /^\d{1,}$/; if (!regName.test(num)) { return false; } return true;}
2021-07-23 17:45:09
1475
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人