自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

江城的博客

热爱生活-习惯简单-保持自律

  • 博客(29)
  • 问答 (1)
  • 收藏
  • 关注

原创 vue 项目自定义指令的自动注册

自动注册自定义指令最近在学习vue自定义指令,并用来搭建权限系统。看了挺多的,大部分都差不多,大家都是一个一个 import + export 这样去编辑指令入口,更有甚者,直接在main.js中挨个引入,这样会导致main.js异常壮大,不利于维护,下面这个案例是我看的一个博主写的批量注册指令的文章。他算是做到了一步优化。定义一个入口文件,在该文件中注册指令,然后在main.js中引入并注册达到全局批量注册的效果// 批量注册指令,新建 directives/index.js 文件import co

2021-08-04 15:15:59 199

原创 vue-cli项目配置优化与深度刨析【第一篇】

相信看到这篇文章的读者,已经安装并完成基本的项目配置,那我们跳过安装与介绍这一步,我们先从项目相关的配置讲起:模式是 Vue CLI 项目中一个重要的概念。默认情况下,一个 Vue CLI 项目有三个模式:development 模式用于 vue-cli-service servetest 模式用于 vue-cli-service test:unitproduction 模式用于 vue-cli-service build 和 vue-cli-service test:e2e也就是项目中的 .

2021-03-08 17:48:37 407

原创 vue3源码及API解析与vue2项目如何升级vue3(内附vue2源码解析和API教程)【第一篇】

首先我们从vue3文档开始vue3的新特性组合式 APITeleport片段触发组件选项createRenderer API 来自 @vue/runtime-core 创建自定义渲染器单文件组件组合式 API 语法糖 (1,什么是组合式API?平时使用vue开发的小伙伴没不难发现,在我们封装组件的时候大部分使用组件的选项(data、computed、methods、watch)组织逻辑在大部分情况下都是有效。然而当我们组件变得更大时,逻辑关注点列表增加,组件中的代码量越来越大,导致维护起

2021-03-05 17:02:16 1228 11

原创 Invalid attempt to spread non-iterable instance 错误

扩展运算符错误数组要用 []对象要用 {}

2020-06-02 17:26:57 9953 7

原创 el-select回显失败问题

el-select 的 value 默认绑定的为 string 类型接口数据一般返回的是 number 类型回显失败很大一部分原因是此造成的实际解决很简单在 value 后面拼上空的字符串就可以了item.value+’’"...

2020-04-26 18:36:03 2219 2

原创 vue轮询接口实现

mounted() {//轮询接口// let that = this// const timers = window.setInterval(() => {// setTimeout(res =>{// that.saveData(‘1’)// },0)//利用定时器清除setInterval的每次叠加// }, 600000);//10分钟执行一次/...

2019-12-19 12:00:44 3217

原创 使用element-ui Checkbox多选框全选没效果时的问题

绑定的permischeckbox数组只要与el-checkbox循环的label值一致不然不能触发

2019-11-21 11:53:14 1968 1

原创 vue 点击复制链接功能

代码template里<p class="inviteCode" id = "inviteCode" v-text="short_url"></p><el-button v-if="short_url" class="copy" @click="CopyUrl">复制链接</el-button>在methods里```javascrip...

2019-10-28 17:53:56 9975

原创 使用vue-cli(vue2.0)项目做微信分享自定义样式的请进(都是踩过的坑啊)

使用vue-cli(vue2.0)项目做微信分享自定义样式的请进(都是踩过的坑啊)微信自定义分享在客户端(iOS和Android)时用不用后端都行,因为他们可以借助友盟(https://udplus.umeng.com/?spm=a211g2.195839.0.0.6213218930RmEL)登录就可以用了。进入正题:网页端完成自定义样式需要哪些操作呢?前端语言 vue后端 node必...

2019-02-18 17:46:05 2742 3

原创 Express中res.render和res.redirect的区别

render不会去执行controller中的action方法,直接渲染相应的页面文件,可以使用的。参数如下: [ruby] view plain copy render(:text => string) render(:inline => string, [:type => “rhtml”|”rxml”]) render(:action => action_name) render(:

2017-06-08 16:28:50 5096

原创 vs code 或 其他编辑器 误操作变基 取消办法

【代码】vs code 或 其他编辑器 误操作变基 取消办法。

2023-04-25 10:30:28 909

原创 vue el-cascader (element-ui)使用lazy回显失败(已解决!!!)

原因: slot 作为内嵌的方式在子组件中渲染,lazyLoad获取到的数据为异步,我们把cascader的props放到data中,data在vue生命周期created初期时便构建完成,在构建时触发lazyLoad获取数据,这时我们给予cascader回显数据,slot会重新渲染该部分数据。推荐使用slot方式来解决。

2022-11-01 18:44:41 1527 1

原创 React 18 快来前排吃瓜

新增hook特性之 useIDconst id = useId();在上个版本我们已经可以使用React进行服务端渲染(SSR)。开发模式上服务端与客户端可以共享一个React组件。这样就是产生一个问题。如果当前组件服务端已经渲染过了,在客户端并没有有效的手段知道该组件已经渲染,于是客户端再一次渲染该组件,造成沉余渲染。先来简单回顾下SSR在服务端,我们会将React组件渲染成一个字符串,这个过程叫做dehydrate(脱水)。然后将其以html的形式发送给客户端,作为首屏直出的内容。但是到了

2022-04-11 11:08:51 733

原创 vue开发学习react之旅---从最基础开始(内含vue与react对比)最全实战技术

react学习之根据大厂react项目学习react开发学习react是前端必经之路,技术的深度与广度都是一个前端开发薪资标杆当然:一部分人很早就站在了标杆的上沿学习步骤react学习之根据大厂react项目学习react开发项目的构成一、jsx二、模块与组件化二、使用步骤1.引入库2.读入数据总结项目的构成本篇文章所使用的项目使用以下技术栈:前端语言框架:Reactreact应用框架 UmiUI框架 Ant Design命令工具 Yarn项目仓库 GitHub开发工具 Vs Co

2022-01-19 16:45:47 485

原创 判断对象中是否存在某个属性

判断对象testDemo是否拥有指定的name属性1)使用in关键字console.log(‘name’ in testDemo);使用这个方法不仅检查到自有属性,并且同时检查当前对象原型共有属性2)使用对象的hasOwnProperty()方法console.log(testDemo.hasOwnProperty(‘name’));3)使用undefined判断console.log(testDemo.name===undefined);4)在条件语句中直接判断if(testDemo.n

2021-10-29 11:51:50 3355

原创 那些年大厂的面试题之js执行顺序

哔哩哔哩:JS 异步笔试题,请写出以下代码的执行结果很多大厂都有过类似的问题,但b站的可谓是坑的最不明显的一个,接下来我们保持清晰的头脑,来用一个非常简单的方法来分析问题,保证看完本篇文章,你再也不会被类似问题问到!var date = new Date() console.log(1, new Date() - date) setTimeout(() => { console.log(2, new Date() - date)}, 500) Promise.resol.

2021-04-22 16:05:22 1395

原创 一篇文章搞定 Docker 入门

https://mp.weixin.qq.com/s/nHL5ANuzr83NsvW4yVRKEw文章来源~

2021-03-10 16:58:14 151

原创 vue面试问题汇总

1,响应式原理是什么,简单说一说他的场景答:Vue 最独特的特性之一,是其非侵入性的响应式系统。数据模型仅仅是普通的 JavaScript 对象。而当你修改它们时,视图会进行更新。这使得状态管理非常简单直接,不过理解其工作原 理同样重要,这样你可以避开一些常见的问题。----官方文档2,Vue中直接修改数组下标的值是否会更新视图?答:不会。Vue 不能检测以下数组的变动:当你利用索引直接设置一个数组项时,例如:vm.items[indexOfItem] = newValue当你修改数组的长度

2020-09-27 18:40:46 616

原创 vue+vue-cli3 与 typeScript 的引入与混入

前言:TypeScript的设计目的应该是解决JavaScript的“痛点”:弱类型和没有命名空间,导致很难模块化,不适合开发大型程序。另外它还提供了一些语法糖来帮助大家更方便地实践面向对象的编程。---- 引入TypeScript官方文档地址主题:第一步、安装依赖:npm、cnpm、yarn都支持npm install typescript ts-loader --save-devnpm install vue-property-decorator --save-dev第二步、配置vue.

2020-06-08 18:34:50 1025

原创 if else switch case 如何高端优雅又不失礼貌的的写判断

文章地址:点击查看:如何优雅的写判断,当然不止if,else,switch

2020-05-07 20:11:23 816

原创 this 后的对象名称使用变量

1,this[变量]2,this[${变量}]

2020-05-07 17:28:21 867

原创 超好用JS数组与对象操作(包含最新用法)

项目开发中常用的数组集合操作,每种方法列出一种。在精不在多!const objSend={“1038”: [{“category_id”: 10141,“category_name”: “鞋靴”,“parent_id”: 1038},{“category_id”: 10140,“category_name”: “配饰”,“parent_id”: 1038},{“categ...

2020-03-30 20:52:26 379

原创 es6 如何获取数组的差集!!

写项目的时候常常遇到这种情况这时产品说,上面也有数据在下面就不要 展示了然后你的垃圾后端说这个需求我没时间弄那么只能我们前端自己解决思路接口返回两个数组列表,根据相同的id取差集(交集外的数据),剩下的就是结果一行代码Adata=res.data.list.filter(itemF=>!Bdata.some(ele=>ele.id===itemF.id))根据id判断...

2019-11-21 12:07:14 2019

原创 Incorrect username or password ( access token ) Authentication failed for 问题解决(不同于其他方法)

看了网上的方法确实没有一种生效的,我说下我怎么解决的使用邮箱登录就好了就这么简单

2019-10-28 17:50:15 2359 2

原创 清晰明了的git 使用方法 每一行都配解释

说下git初次使用git创建自己的git信息git config --global user.name “此处填自己的name”git config --global user.email “此处填自己的email填写全@后缀别忘”提交代码需要填写密码 或者直接设置 git config user.password “你的password”查看的话去掉global 比如:git con...

2019-08-09 14:59:00 163

原创 持续更新,开发vue+elmentui 权限管理 权限自由配置多功能的后台管理平台及其他写项目用到的技术技巧持续更新

开篇想起来再补充开发环境 Windows vue 后端语言node或者php未定 框架elment-ui vue - cli @3.0Windows的cmd已经被我放弃我使用的cmder mac上有更好的工具iterm2我不做比较,不是一个系统的衍生物种cmder 留位置vue...

2019-08-09 14:53:15 404

原创 学习腾讯

腾讯的微创新从来都不可小觑,QQ与MSN的对决是最有代表性的案例:2003年,拥有3亿用户的MSN进入中国市场,凭借免费绑定策略、高端品牌形象、强大的hotmail邮箱,迅速打开中国的商务通讯市场。据易观国际当年的数据统计,在当时约2000万的商务用户当中,MSN用户约1075万,占比53%,在这块市场上,此时的QQ相比MSN处于劣势。但最终的结果是QQ战胜了MSN,打赢了自己的保卫战。马化腾在回忆

2017-05-08 17:36:28 620

转载 JavaScript中splice与slice的区别、数组的复制以及在指定位置添加删除元素

JavaScript中splice与slice的区别、数组的复制以及在指定位置添加删除元素 链接:http://ourjs.com/detail/591020adf12390061496167e?ref=myread

2017-05-08 17:26:36 597 1

原创 写给自己

小人物,不知道走向何处.称呼自己为菜鸟不是谦虚,菜是真的,学的越多感觉自己约菜,这是一个令人比较害怕的事实. 有的时候时间是一堂非常深刻的讲堂,只是我们学完之后依旧不长记性.一个事情失败一次,一个地方跌倒一次,不可怕,可怕之处在于,每次用自己缺点写出来的错误,在时光的打磨下不仅没有改变这些缺点,还让这些缺点继续的成为我们失败的借口. 时光啊,给了你最人生中最直白的警告,而你却用他来麻

2017-04-28 09:44:23 364 1

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除