
前端
极端~
个人树洞,各位看看就成
展开
-
js 对象数组通过一个属性值获取另一个属性值
如果你想要在JavaScript对象数组中通过一个属性值(例如:category)来获取另一个属性值(例如:color),你可以使用Array.prototype.find方法来查找匹配特定条件的第一个元素,然后返回该元素的属性值。这个getColorByCategory函数接受一个对象数组arr和一个category值作为参数,使用find方法查找匹配的对象,然后返回该对象的color属性值。如果没有找到匹配的对象,函数返回null。原创 2024-05-07 10:40:29 · 1032 阅读 · 1 评论 -
js有一个数组[“a“, “b“],还有个数组[“#333333“, “#777777“]现在想组成一个对象{“a“:“#333333““,“b“:“#777777“}
如果你想将两个数组组合成一个对象,其中第一个数组的元素作为对象的键,第二个数组的元素作为对象的值,你可以使用JavaScript中的Object.fromEntries方法。原创 2024-05-07 09:59:03 · 262 阅读 · 0 评论 -
vue2 对路由控制以及axios请求响应的封装
axios的request.js封装原创 2023-08-16 10:36:22 · 353 阅读 · 0 评论 -
深浅拷贝区别 以及手写深拷贝
浅拷贝只复制指向某个对象的指针,而不复制对象本身,新旧对象还是共享同一块内存。但深拷贝会另外创造一个一模一样的对象,新对象跟原对象不共享内存,修改新对象不会改到原对象。方法可以把任意多个的源对象自身的可枚举属性拷贝给目标对象,然后返回目标对象。进行的是浅拷贝,拷贝的是对象的属性的引用,而不是对象本身。原创 2023-07-07 22:03:03 · 336 阅读 · 0 评论 -
安装V-cli3继续使用vue2
Vue-cli 3 结构变了很多,更优雅,开发体验更好。原创 2023-05-30 11:45:36 · 221 阅读 · 0 评论 -
vue导出word
将编辑好的docx文档放在指定文件夹中(使用vue-cli2的放在static文件夹,vue-cli3的放在public文件夹)4)表格中想要循环添加的数据,需要在开头添加{#键名},在结尾处添加{/键名},一般对应的就是需要循环的数组名称。3)花括号内的键名前后不要有空格,且它与程序中的data对象的键名必须保持一致;我的原因是我的word模板直接修改的后缀docx,需要另存为docx才可以。然后设计需要导出的word模版,本地新建一个word文档。,必须另存时选择docx类型,才能实现类型转变。原创 2023-05-18 10:38:52 · 1344 阅读 · 0 评论 -
Object.assign()
Object.assign()合并对象原创 2023-03-17 09:46:36 · 564 阅读 · 0 评论 -
解决Vue中的生命周期beforeDestory不触发的问题(用了keep-alive)
给router-view加了个keep-alive导致组件缓存了,所以不会触发beforeDestory和destoryed原创 2022-09-21 14:38:11 · 6823 阅读 · 2 评论 -
前端怎么对一张图片特定某些点进行点击事件(image-map)
解决方案:把图片要点击的点生成map。原创 2022-09-02 16:32:35 · 3324 阅读 · 1 评论 -
bus事件总线 使用
路由bus事件总线原创 2022-08-05 16:21:41 · 398 阅读 · 0 评论 -
vue js 封装方法获取当前时间(年月日时分秒)格式
vue获取格式化时间函数的方法扩展:1.得到当前(年月日)2.得到三个月前的(年月日)原创 2022-06-02 10:11:09 · 7324 阅读 · 1 评论 -
Vue 刷新当前路由方法
问题描述:vue子组件上传图片,上传成功想刷新整个父组件。解决方案:一、一种方法,但是有bug在网上看到了一种方法:试过之后感觉有bug。第一次刷新返回到上个界面了,第二次第三次有是正常的。let NewPage = "_empty" + "?time=" + new Date().getTime() / 500;this.$router.push(NewPage);this.$router.go(-1);整体意思是:图片上传成功后,先跳转到一个新界面,然后回退到当前界面。就实现了刷新。但原创 2022-04-11 15:38:37 · 5970 阅读 · 1 评论 -
elementUI el-upload传额外的参数
查询官网发现 data上传时可携带额外的参数<el-upload ref="upload" action="/atlas/fileupload" accept="image/png,image/gif,image/jpg,image/jpeg" list-type="picture-card" :auto-upload="false"原创 2022-01-26 10:11:46 · 2893 阅读 · 0 评论 -
npm run build之后为撒子会加载不出来json文件
使用v-cli3 npm6+ node12+我记得之前npm run build之后dist目录下只有static文件夹和index.html文件,现在不知怎么回事,打包完之后目录是分离的。目前纯json后端,有些json可以正常加载,有些则显示如果没有启用Javascript,则无法正常工作。这是什么迷惑的情况???...原创 2022-01-24 16:16:26 · 662 阅读 · 0 评论 -
v-cli2.0打包dist后显示空白或者界面显示不全
v-cli2.0项目用(npm run build)遇到了几个问题打包之后打开dist的页面显示空白:解决方案1、改一下config下面的index.js中bulid模块导出的路径。因为打包后的index.html里边的内容都是通过script标签引入的,默认显示的路径不对,打开肯定是空白的。build: { index: path.resolve(__dirname, '../dist/index.html'), assetsRoot: path.resolve(__dirname原创 2021-12-31 13:45:48 · 1234 阅读 · 1 评论 -
sortBy(逆序排序)的使用
核心代码:根据status,upload_time逆序排列,优先级status>upload_timethis.list= sortBy(this.list, [‘status’,‘upload_time’]).reverse()index.vue<script>import { sortBy } from 'lodash'export default { data () { return { list: [ {原创 2021-12-13 16:45:08 · 4706 阅读 · 1 评论 -
Android 签名文件找回密码(总结)
之前使用HBuilderX云打包webApp时用到了安卓签名,时隔太久忘记了签名密码。于是就踏上了万里寻密码的征途。。。这图是我的apk签名所在位置。找回密码需要借助工具:Android_Keystore_Password_Recover_1.07.jar在这里下载:http://maxcamillo.github.io/android-keystore-password-recover/下载好放到自己*.keystore或者 .jks(即密钥文件夹目录下) ,并在此目录下新建pwd.txt原创 2021-04-09 09:28:20 · 1918 阅读 · 1 评论 -
ajax提交form表单需要点击两次按钮才有效
记录一下问题:造成这个的原因很简单就是提交按钮的type = “submit”应该是type = “button”就可以了原创 2021-01-18 14:32:24 · 304 阅读 · 0 评论 -
UI设计一些总结
一、产品原型继前面梳理需求和规划版本之后,具体到产品设计上,具体产出物就是产品原型。总结实际在用的一些原则。1、业务流程捋顺业务流程2、选择框架脑子里要装一些常见产品结构(尤其PC端),帮助很大3、拆分页面不要一味认为页面越少越好,前提是保证用户能顺畅完成的操作4、原型设计1:1原则,PC&M都以实际大小的尺寸进行设计,便于观察实际效果。PC端tab切换用户通常很少点击,要慎用。不要让用户选择,主流程清晰。一个页面不要出现2页按钮,如果非常有必要,那么请区分出主要操作和次要原创 2020-12-22 10:14:19 · 1101 阅读 · 0 评论 -
前端UI好用的网站总结
一、配色类http://colorhunt.co2.180种渐变配色网站 https://webgradients.com/可选配色网站 https://color.adobe.com/zh/create/color-wheelhttp://www.colorhunter.com/上传一张图片,提取主要配色4. http://www.bootcss.com/p/websafecolors/这个网站是为WEB设计,开发中经常用到的安全色。网站内列出了颜色的十六进制码和RG原创 2020-12-15 18:02:43 · 1022 阅读 · 1 评论