- 博客(171)
- 资源 (6)
- 收藏
- 关注
原创 用图片生成图片,涉及到跨域问题
项目中需要用到我服务器上的图,生成分享图。但是由于跨域问题始终无法解决,最好采用如下不是很完美的解决方案,把图转为base64形式,然后再使用。同行们如果有更好的方法,欢迎一起探讨。
2022-04-16 13:20:10 879 6
原创 vue class和style的动态绑定举例
vue class和style的动态绑定举例文章目录vue class和style的动态绑定举例概述class的绑定对象语法数组语法style的绑定对象语法数组语法完整demo官网链接概述此文章依据官网进行自我整理总结,便于工作中进行直接代码复用。class的绑定对象语法可以用于通过变量来控制class添加与否<div :class="{active: isActive,‘bigFz’:isBigFz}">isActive 为true时添加数组语法可以用于添加多个动态clas
2022-04-16 13:18:49 820
原创 vue nuxt 分享插件,实测有效。2022-04-16 13:16:46
vue nuxt 分享插件,实测有效。2022-04-16 13:16:46
2022-04-16 13:17:27 3158
原创 html5新特性初探之canvas绘图
html5新特性初探之canvas绘图文章目录html5新特性初探之canvas绘图概述教程源码操作演示完整demo概述按照书上的代码手工敲的,另外由于书出版比较早,有些地方的写法已经过时了,做了一些修改。比如var 改为了let,div上面的属性 align="center"已经废弃了,就直接删除了。教程源码操作演示完整demo<!DOCTYPE html><html lang="en"><head> <meta charset="U
2022-04-03 11:14:01 572
原创 vue项目动画特效 animejs 元素动画
animejs 元素动画概述vue项目使用元素动画安装npm install animejs --save参考引用及使用import anime from 'animejs/lib/anime.js';文档https://www.animejs.cn/documentation/#gridAxisStaggering完整demo<template><div class="anime"> <div class="wCen">
2022-03-27 22:15:35 3495
原创 flex制作的常用布局
flex制作的常用布局两端宽度定值,中间自适应<div class="module"> <div class="module_l"> <div> left1 </div> <div> left2 </div> </div> <div class="module_c">
2022-03-27 22:14:03 232
原创 nuxt 手机检测,依据媒介不同,页面显示不同样式
nuxt 手机检测,依据媒介不同,页面显示不同样式作为前端,经常会遇到某些人需要页面响应式布局,比如在pc端显示4列,在手机端要显示2列。这时候,就可以使用此方法进行处理。
2022-03-12 12:09:33 645
原创 前端常用正则表单式 常用正则验证及期解释说明regexp
前端常用正则表单式 常用正则验证及期解释说明regexp收集整理常用的正则表达式的写法及解释说明,持续更新中常用规则正则写法规则解释用户名/^[a-z0-9_-]{3,16}$/3到16位 字母/数字/下划线_/减号-及其组合。即可以是其中的任意类型中的一种,也可以是多种类型的组合,示例:123456、aaaaaa、a_a_a_、a--a、A--A ;注:如果需要大小写进行区分,需单独写...
2022-03-05 15:06:51 194
原创 vue 最简单的tab选项卡
选项卡文章目录选项卡概述效果图代码demo概述本tab选项卡demo只实现基本的tab选项卡切换,具体样式请依据项目进行修改优化效果图代码demo<!-- 产品详情 :产品介绍、产品规格、产品售后 --><template> <div class="intro"> <ul class="tabs"> <li class="tab" v-for="(item,index) in tabs" :key="ind
2022-01-09 23:41:19 660
原创 css text-overflow: ellipsis; 单行不裁切的原因及解决办法
css 单行不裁切的原因及解决办法overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: flex;带display: flex;这样写不裁切,需要改成display: block;块级元素才可以裁切
2022-01-09 23:37:52 389
原创 中国地理省份行政区划,代表文化收集整理
从这一刻起,开始收集整理中国的地理知识,初步计划细节精确到县级,每个市、每个县找一个最能代表其的名胜古迹或者饮食代表等。全国共有23个省、5个自治区、4个直辖市、2个特别行政区,合计34个省级行政区。
2022-01-01 21:54:28 1342
原创 iview View UI vue modal 报错 TypeError:t is undefined
iview View UI vue modal 报错 TypeError:t is undefined
2021-12-04 18:37:46 896
原创 常用正则判断、校验
常用正则判断、校验判断path是否满足格式let path="/expo/1414757308034060290"if(/^\/expo\/\d{19}$/.test(path)){ console.log('满足')}判断path是否满足格式/expo/1414757308034060290(19个数字)
2021-11-27 22:46:05 393
原创 很不错的UE交互
很不错的UE交互效果图demo<template><div> <div class="bg"> <h2>很不错的UE交互</h2> <ul class="list"> <li class="list_i"> <a href="###" class="list_a" target="_blank">
2021-11-27 22:44:35 334
原创 javascript基础知识
javascript 基础知识各种类型的真假(true和false)隐性转化数字类型除了0是false,其他都是true字符串类型除了空串''是false,其他都是true,包括空格和0都是trueundefined和null 都是false对象格式不论有无属性,直接转化都是true判断对象真假的方法一let obj={}console.log(Object.keys(obj).length==0)判断对象真假的方法二let obj={}console.log(JSON.str
2021-11-27 22:43:20 354
原创 运动:灵魂要想走的远,身体必须在路上
运动可以在物理上让人变得更聪明。运动更大的意义不在于健身,而在于健脑,不仅能使人更加乐观,还能使头脑更加灵活,最终使健康水平和认知水平实现双重提升。
2021-11-20 23:57:04 221
原创 iview 全选问题,全选demo案例,直接可以使用的案例
iview 全选问题,全选demo案例,直接可以使用的案例文章目录iview 全选问题,全选demo案例,直接可以使用的案例效果图全选全不选部分被选中使用方法iview官方api在线vue测试环境完整demo代码效果图全选全不选部分被选中使用方法checkAll: true,默认为全选,如果需要默认不全选,请设置为checkAll: false,iview官方apicheckbox在线vue测试环境iview完整demo代码<template><div c
2021-11-17 22:37:36 931 2
原创 如何实现表单label 两端对齐
表单label 两端对齐文章目录表单label 两端对齐需求概述效果图demo代码需求概述有的强迫症的客户总是要求要两端对齐,首先想到的是text-align:justify ,但是宣告失败!!所以只能采用其他方式效果图demo代码<template><div> <div class="row"> <div class="line"> <span class="label">
2021-09-15 23:19:11 1630
原创 如何让自己制作的按钮文字不被选中?
如何让自己制作的按钮文字不被选中?文章目录如何让自己制作的按钮文字不被选中?概述核心代码我们不希望看到文字被选中的效果完整demo概述我们在自己写按钮的时候,不希望在点击按钮的时候,出现文字被选中的效果。只需要添加下面的代码就可以了。核心代码-moz-user-select: none;-ms-user-select: none;-webkit-user-select: none;user-select: none;我们不希望看到文字被选中的效果完整demo <span cl
2021-09-06 22:40:19 519
原创 div模拟表格,可以依据列数不同进行调节
模拟表格需求分析html的table有时候不能完全满足需求,就需要我们自己用div模拟绘制一个,于是就有了这个案例demo。目前实现的是两列效果,如果需要三列,将$w-i:50%; 改为 $w-i:33.3333%; ;将最后一列的补白<li v-if="list&&list.length%2==1" class="tableHa_list_i"><span class="tableHa_list_i_l"></span><span class
2021-09-06 22:39:10 673
原创 html+css不换行的解决办法
html+css不换行的解决方法文章目录html+css不换行的解决方法问题描述需求效果图解决方案总结完整demo代码问题描述**需求:**一级菜单较短,不用换行,二级菜单比较长需要换行。但是一级添加了强制不换行white-space: nowrap;导致二级也不换行。需求效果图解决方案在二级上添加换行处理代码white-space: normal;总结white-space 是继承属性,千万要记住,别被坑了,好多同行和我一样误认为它是非继承属性,被它坑惨了。附,详细说明链接:http
2021-07-27 21:51:33 1315
原创 珍大户《认知世界的经济学》学习笔记 -- 第21课 利率的计算 更新时间2021年07月27日22:14:34
珍大户《认知世界的经济学》学习笔记 -- 第21课 利率的计算 更新时间 2021年07月27日21:47:55 穿越时空的工具 年月日利率的转化 微信支付宝欠3利率是什么意思 指数级增张有多大的威力
2021-07-27 21:50:11 1896
原创 VUE遇到 vue.min.js:6 TypeError: Cannot read property ‘__ob__‘ of undefined 最简单粗暴的解决办法
TypeError: Cannot read property ‘ob’ of undefined解决方法方法一:data(){} 改为data(){ return{}}方法二:直接删除掉 data(){}<script>export default { name: 'component10', props: { item: {} }, data(){}}</script>问题分析问题报错...
2021-07-16 18:45:40 4303
原创 “Required String parameter ‘sellerId‘ is not present“ 传参有问题
"Required String parameter 'sellerId' is not present"api.js 接口写的是直接传sellerId,而不是 params 键值对;但是调用接口时却采用params键值对传参,导致传参有问题而报错。
2021-07-15 21:35:00 236
原创 Avoid mutating a prop ..... Instead, use a data or computed property based on the prop‘s value
Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-renders. Instead, use a data or computed property based on the prop's value. Prop being mutated: "vid" prop之vid正在被改变。免直接改变这个prop,因为每当父组件重新渲染时,该值将被覆盖。相反
2021-07-15 21:18:34 723
原创 蒋文华《博弈论》笔记及视频摘录
蒋文华《博弈论》笔记及视频摘录概述博弈:博弈论:消费者者心理参照很重要杭州奔驰出租车定价失败:帕萨特:10元/4km奔驰: 12元/4km原因:从10元涨到12元,涨了2/10, 20%;并且原来付一张钱,现在需要付2张。解决办法:帕萨特:10元/4km奔驰: 10元/3km原因:价格没变,公里数从4变到3,给人的感觉变化更小,只是坐车的时间短了而已。多让用户做选择题,选项不宜太多直接给客户提供选择题,而不是让客户在你和别人之间做选择让对方在2个或3个里面做选择给对方
2021-05-09 23:41:43 969
原创 css3截取多行文本,苹果手机...与文字叠加在一起的问题
css3截取多行文本,苹果手机…与文字叠加在一起问题复现苹果手机无论是H5还是微信小程序都出现了这个问题解决办法去掉 text-align:justify 就可以了测试代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=
2021-04-22 17:56:23 876
原创 珍大户《认知世界的经济学》学习笔记 --第19课 时间补偿 第20课 利率 国债 MLF SLF OMO 利率
珍大户《认知世界的经济学》学习笔记 – 第19课 时间补偿把钱借给国家通货膨胀程度国债央行回购利率 OMOMLF利率(麻辣粉)SLF利率(酸辣粉)超额准备金利率案例:关键词:把钱借给国家风险最小,但是给我带来不方便,我增加了机会成本,我就需要得到一定的补偿。通货膨胀程度温和的通货膨胀剧烈的通货膨胀恶性的通货膨胀国债央行回购利率 OMO央行回购 7天 14天 28天央行逆回购:央行把钱借给企业央行正回
2021-04-14 23:59:46 1645
原创 微信小程序常用wxs轮子
微信小程序常用wxs轮子小程序编写中经常用到的一些工具轮子函数文章目录微信小程序常用wxs轮子内容过长进行裁切高亮显示空格转义分隔展位号分隔字符串判断数组中是否存在某个元素,也可用于字符串的判断(可替换indexOf[微信小程序标签内不支持indexOf,需要自己定义])导出使用内容过长进行裁切var sliceStr = function (str, len) { var len = len || 8; if (str != null) { if (str.length >
2021-04-12 23:03:03 313
原创 this.$nextTick()究竟在什么时候用?为什么要用this.$nextTick()?不用this.$nextTick()不可以吗?有没有替代this.$nextTick()的方法?
this.$nextTick()究竟在什么时候用?为什么要用this.$nextTick()?不用this.$nextTick()不可以吗?有没有替代this.$nextTick()的方法?
2021-04-12 23:01:21 964
原创 Uni-app 微信小程序中Class绑定与Style绑定和vue官网怎么就不一样呢?uni-app怎么绑定class?
Uni-app 微信小程序中Class绑定与Style绑定和vue官网怎么就不一样呢?uni-app怎么绑定class?
2021-03-18 09:52:11 1342
原创 Module build failed (from ./node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/loader
Module build failed (from ./node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/loaders/templateLoader.js):16:49:42.890 语法错误: This experimental syntax requires enabling one of the following parser plugin(s): ‘decorators-legacy, decorators’ (
2021-03-03 18:53:20 15286
基于elementUI的el-button的vue版404 500 403 页面
2022-06-06
原生js写的最简单的轮播.zip
2020-06-12
table数据相同合并单元格
2019-12-30
以实际真实实例解释map、filter、some、forEach的使用方式
2019-12-12
vscode 打开项目后资源管理器丢了
2023-08-15
TA创建的收藏夹 TA关注的收藏夹
TA关注的人