摘要: 一、若是基本数据类型返回对应的基本类型 <script> // 1.number类型 var num = 1; console.log(typeof num);//返回的是number // 2.string 类型 var str = 'jack'; console.log(typeof str); 阅读全文
posted @ 2021-02-22 15:31 天午正阳 阅读(936) 评论(0) 推荐(0) 编辑
摘要: 柯里化(Currying) 柯里化(Currying)[1]是一种关于函数的高阶技术。它不仅被用于 JavaScript,还被用于其他编程语言。 柯里化是一种函数的转换,它是指将一个函数从可调用的 f(a, b, c) 转换为可调用的 f(a)(b)(c)。 柯里化不会调用函数。它只是对函数进行转换 阅读全文
posted @ 2021-02-21 09:14 天午正阳 阅读(1112) 评论(0) 推荐(0) 编辑
摘要: JS 中深拷贝的几种实现方法 1、使用递归的方式实现深拷贝 //使用递归的方式实现数组、对象的深拷贝 function deepClone1(obj) { //判断拷贝的要进行深拷贝的是数组还是对象,是数组的话进行数组拷贝,对象的话进行对象拷贝 var objClone = Array.isArra 阅读全文
posted @ 2021-02-20 21:56 天午正阳 阅读(363) 评论(0) 推荐(0) 编辑
摘要: JavaScript是一个绝冠全球的编程语言,可用于Web开发、移动应用开发(PhoneGap、Appcelerator)、服务器端开发(Node.js和Wakanda)等等。JavaScript还是很多新手踏入编程世界的第一个语言。既可以用来显示浏览器中的简单提示框,也可以通过nodebot或no 阅读全文
posted @ 2021-02-20 11:52 天午正阳 阅读(100) 评论(0) 推荐(0) 编辑
摘要: 在JavaScript中,delete操作符用的比较少,但是还是比较重要的,我本人面试的时候就遇到过关于delete的问题,下面总结一下delete的具体用法。 作用: delete 操作符用于删除对象的某个属性。 语法: 直接使用delete操作符 delete object.property 或 阅读全文
posted @ 2021-02-20 11:50 天午正阳 阅读(908) 评论(0) 推荐(0) 编辑
摘要: 众所周知,在组件式开发中,最大的痛点就在于组件之间的通信。在 Vue 中,Vue 提供了各种各样的组件通信方式,从基础的 props/$emit 到用于兄弟组件通信的 EventBus,再到用于全局数据管理的 Vuex。 在这么多的组件通信方式中,provide/inject 显得十分阿卡林(毫无存 阅读全文
posted @ 2021-02-20 11:33 天午正阳 阅读(844) 评论(0) 推荐(0) 编辑
摘要: find() 该方法主要应用于查找第一个符合条件的数组元素。它的参数是一个回调函数。在回调函数中可以写你要查找元素的条件,当条件成立为true时,返回该元素。如果没有符合条件的元素,返回值为undefined。 以下代码在myArr数组中查找元素值大于4的元素,找到后立即返回。返回的结果为查找到的元 阅读全文
posted @ 2021-02-15 23:04 天午正阳 阅读(76) 评论(0) 推荐(0) 编辑
摘要: 最近公司需要使用vue重构以前的项目,为了节省时间快速开发选择了使用element 不得不说,咋一看element的功能很全面样式,该有的都用,但是我们的项目对性能要求比较高,特别是表格 开发过程比较顺利各功能实现都很不难,但是性能测试确成了问题,分页的情况下单页100条就不怎么流畅了,更别说要求不 阅读全文
posted @ 2021-02-15 22:13 天午正阳 阅读(1590) 评论(0) 推荐(0) 编辑
摘要: 大家都知道,vue中点击事件直接在元素中使用@click="click"即可,但是有时在一个元素中包含了子元素,而且父元素和子元素都有点击事件,此时我们希望的点击效果就是:点击子元素区域的的时候,不触发父级元素的点击事件,此时就要用到@click.stop="subclick"。 @click.st 阅读全文
posted @ 2021-02-15 15:02 天午正阳 阅读(15482) 评论(0) 推荐(1) 编辑
摘要: 1|0组件化 1|1注册组件的基本步骤 创建组件构造器 (调用Vue.extend()方法) 注册组件 (调用Vue.component()方法) 注册组件语法糖 省去了调用Vue.extend()的步骤,而是可以直接使用一个对象来代替 使用组件 (在Vue实例的作用范围内使用组件) 1|2组件模板 阅读全文
posted @ 2021-02-14 20:50 天午正阳 阅读(113) 评论(0) 推荐(0) 编辑
摘要: 1、base64加密 在页面中引入base64.js文件,调用方法为: <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>base64加密</title> <script type="text/javascript" src="b 阅读全文
posted @ 2021-02-14 15:45 天午正阳 阅读(242) 评论(0) 推荐(0) 编辑
摘要: 报错信息: ValidationError: Invalid options object. Sass Loader has been initialised using an options object that does not match the API schema. 报错写法如下: { 阅读全文
posted @ 2021-02-07 12:22 天午正阳 阅读(429) 评论(0) 推荐(0) 编辑
摘要: 路由是:/path/:type真正路径是:/path/list path匹配路径: /path/list fullPath匹配路由: /path/:type 先理解什么是路由记录 : 路由记录就是 routes 配置数组中的对象副本 (还有在 children 数组)。 上方代码中的路由记录见下方: 阅读全文
posted @ 2021-02-06 13:37 天午正阳 阅读(1380) 评论(0) 推荐(0) 编辑
摘要: 深拷贝 JSON方法实现 2.用for…in实现遍历和复制 2.用for…in实现遍历和复制 function deepClone(obj) { let result = typeof obj.splice "function" ? [] : {}; if (obj && typeof obj 'o 阅读全文
posted @ 2021-02-05 22:00 天午正阳 阅读(67) 评论(0) 推荐(0) 编辑
摘要: vue的计算属性get和set 1.计算属性是用来存储数据,但具有以下几个特点: a.数据可以进行逻辑处理操作。 b.对计算属性中的数据进行监视。 2.计算属性和普通属性的区别: a.计算属性是基于它的依赖进行更新的,只有在相关依赖发生改变时才能更新变化 b.计算属性是缓存的,只要相关依赖没有改变, 阅读全文
posted @ 2021-02-05 16:11 天午正阳 阅读(1400) 评论(0) 推荐(0) 编辑
摘要: Vue3中eslint代码格式化prettier和standard规则比较(为什么推荐使用prettier) 前言 在 vue-cli 创建项目时,对于 eslint 代码格式化一般我们会选 standard 或 prettier 方案,他们有什么区别和优缺点呢? 插件准备 eslint 使用 es 阅读全文
posted @ 2021-02-02 10:41 天午正阳 阅读(2452) 评论(0) 推荐(0) 编辑
摘要: 由于在项目中需要对数据进行可视化处理,也就是用图表展示,众所周知echarts是非常强大的插件。一开始想在网上找一个基于vue封装好的(懒省事),eg:vue-echarts ,但是拉取下来发现,跟项目中使用的类型有点偏差,而且他们的数据大多都是定制好的,我很难在此基础上进行更改(惹不起),于是选择 阅读全文
posted @ 2021-02-01 17:51 天午正阳 阅读(206) 评论(0) 推荐(0) 编辑
摘要: 解决这个问题的前提是:了解过js的变量存储类型、赋值。 懂的就跳过 变量存储类型分两类 ①基本类型:直接存储在栈中的数据。(字符串、布尔值、未定义、数字、null) ②引用类型:将该对象引用地址存储在栈中,然后对象里面的数据存放在堆中。(数组、对象、函数) 这里解释一下为什么null是基本类型:有人 阅读全文
posted @ 2021-01-31 13:23 天午正阳 阅读(815) 评论(0) 推荐(0) 编辑
摘要: SSR代表服务器端渲染(Server Side Rendering),这里主要以React为目标讨论这个话题,但是对其他框架也有参考意义。 关于SSR你需要关注: 1. 首次重要的绘制。单靠SSR并不能保证良好的效果,还需要关键的CSS和靠近客户端。 2. 支持SEO,支持Twitter和Faceb 阅读全文
posted @ 2021-01-31 12:41 天午正阳 阅读(1350) 评论(0) 推荐(0) 编辑
摘要: 先看效果图:女神镇楼 1.下载Vue-Quill-Editor 2.下载quill(Vue-Quill-Editor需要依赖) 3.代码 <template> <div class="edit_container"> <quill-editor v-model="content" ref="myQu 阅读全文
posted @ 2021-01-31 12:14 天午正阳 阅读(830) 评论(0) 推荐(0) 编辑
摘要: (正经脸) 原因 ,很明显是因为浏览器本身的同源策略的影响(别问,问就是百度) 解决方法有两种: 1、坚决解决方法 (1)、首先,复制浏览器图标(世界首帅出境!啊啊啊啊!)(2)、将复制品改名后,右键点击【属性】,在已有字段后边加上这句话,–user-data-dir=“c:\ChromeDebug 阅读全文
posted @ 2021-01-31 10:37 天午正阳 阅读(94) 评论(0) 推荐(0) 编辑
摘要: CSS中 !important 的使用 CSS的原理: 我们知道,CSS写在不同的地方有不同的优先级, .css文件中的定义 < 元素style中的属性,但是如果使用!important,事情就会变得不一样。 首先,先看下面一段代码: <!DOCTYPE HTML><html><head><meta 阅读全文
posted @ 2021-01-31 09:41 天午正阳 阅读(273) 评论(0) 推荐(0) 编辑
摘要: 平时我们用element-ui组件库的时候,用的很多组件都可以解决日常工作中的需要,最近遇到了一个需要搭建一个树形结构的表格,但element组件没有提供,这时就需要自己去通过第三方组件来实现这个功能了。那么如何才能实现这样的结构方式呢?就需要通过vue-table-with-tree-grid这个 阅读全文
posted @ 2021-01-31 09:26 天午正阳 阅读(1108) 评论(0) 推荐(0) 编辑
摘要: 阅读全文
posted @ 2021-01-24 13:47 天午正阳 阅读(149) 评论(0) 推荐(0) 编辑
摘要: 各类程序员学习路线图:https://www.runoob.com/coder-learn-path 阅读全文
posted @ 2021-01-24 12:33 天午正阳 阅读(207) 评论(0) 推荐(0) 编辑
摘要: 问题描述: 数据使用el-table加载,大概有1万多条。页面非常卡,查看内存占用到1.1个G,存在严重的性能问题。 考虑思路: 1、用table或者pl-table替换el-table。尝试后发现性能提升不大,仍然占用大量内存。 2、网上很多解决方案是说通过分页来加载,但我们的列表数据有关联,不能 阅读全文
posted @ 2021-01-23 11:38 天午正阳 阅读(3485) 评论(0) 推荐(0) 编辑
摘要: 作者:@nnngu本文为作者原创,转载请注明出处:https://www.cnblogs.com/nnngu/p/9347635.html 1、前言 最近有同学问我有没有做过在线咨询功能。同时,公司也刚好让我接手一个 IM 项目。所以今天抽时间记录一下最近学习的内容。本文主要剖析了 WebSocke 阅读全文
posted @ 2021-01-20 20:08 天午正阳 阅读(251) 评论(0) 推荐(0) 编辑
摘要: 如下这个html标签,最终根据数据返回值是,1则表示男性,2则表示女性,渲染2种不同的icon图标。 有2种实现方法: 1、数组方法 提示:数组中的gender和bg-muted我这里是要加引号的,因为我这里就是字符串,如果不加引号的,代表的是data中的一项数据。 2、字符串拼接方法 提示:gen 阅读全文
posted @ 2021-01-19 15:53 天午正阳 阅读(624) 评论(0) 推荐(0) 编辑
摘要: 用vue做的项目,有个需求就是关闭浏览器的时候,需要往后台提交有个接口,来监听这个账号有没有下线。 网上找了很多种方法,一直没有实现。 主要困惑点: 1、浏览器关闭是事件,是什么 onbeforeunload、onunload 又是各种百度, window.addEventListener( ‘be 阅读全文
posted @ 2021-01-19 10:47 天午正阳 阅读(3642) 评论(0) 推荐(0) 编辑
摘要: 在element插件的form组件的自定义验证表单中看见,Number.isInteger函数,特此记录如下用法 原文地址:http://asprain.cn/javascript/number-isinteger-function-number-javascript 阅读全文
posted @ 2021-01-19 09:52 天午正阳 阅读(427) 评论(0) 推荐(0) 编辑
摘要: 概述内容 mall项目是一套电商系统,包括前台商城系统及后台管理系统,基于SpringBoot+MyBatis实现。 前台商城系统包含首页门户、商品推荐、商品搜索、商品展示、购物车、订单流程、会员中心、客户服务、帮助中心等模块。 后台管理系统包含商品管理、订单管理、会员管理、促销管理、运营管理、内容 阅读全文
posted @ 2021-01-15 16:11 天午正阳 阅读(1307) 评论(0) 推荐(0) 编辑
摘要: 一、概念 // 有name的属于具名插槽,没有name属于匿名插槽 <app> <div slot="a">xxxx</div> <div slot="b">xxxx</div> </app> <slot name="a"></slot> <slot name="b"></slot> 普通插槽渲染的 阅读全文
posted @ 2021-01-14 15:41 天午正阳 阅读(2177) 评论(0) 推荐(0) 编辑
摘要: 作者/云荒杯倾 写在前面 vue中关于插槽的文档说明很短,语言又写的很凝练,再加上其和methods,data,computed等常用选项使用频率、使用先后上的差别,这就有可能造成初次接触插槽的开发者容易产生“算了吧,回头再学,反正已经可以写基础组件了”,于是就关闭了vue说明文档。 实际上,插槽的 阅读全文
posted @ 2021-01-14 15:36 天午正阳 阅读(333) 评论(0) 推荐(0) 编辑
摘要: 1、Vue中插槽的作用和使用方法 定义一个名child子组件,为该子组件添加内容应该在子组件的template中定义,直接在父组件的<child>标签中定义的内容不会被渲染,如下例。 <div id="root"> <child> 需要插槽才能渲染的内容 <p>Dell</p> <p>Lee</p> 阅读全文
posted @ 2021-01-14 15:04 天午正阳 阅读(418) 评论(0) 推荐(0) 编辑
摘要: https://juejin.im/post/5b55c118f265da0f6f1aa354 掘金的网址(很好) 一、axios的封装 在vue项目中,和后台交互获取数据这块,我们通常使用的是axios库,它是基于promise的http库,可运行在浏览器端和node.js中。他有很多优秀的特性, 阅读全文
posted @ 2021-01-13 12:38 天午正阳 阅读(119) 评论(0) 推荐(0) 编辑
摘要: 第一步创建实例 1 2 3 4 let http = axios.create({ // 这个里面可以设置一些请求头之类的配置<br>timeout: 3000, headers: {} }); 第二步 设置拦截器 2.1 拦截器分为 请求拦截器和响应拦截器 //请求拦截器代码格式如下 http.i 阅读全文
posted @ 2021-01-13 12:33 天午正阳 阅读(3718) 评论(0) 推荐(0) 编辑
摘要: 阅读全文
posted @ 2021-01-13 11:08 天午正阳 阅读(997) 评论(0) 推荐(0) 编辑
摘要: 当我们使用右键格式化的时候,就会自动帮我们补全符号,但是,有些符号在eslint中就会报语法错误,那我们需要怎么办呢?可以通过.prettierrc来进行文件配置 在文件的根目录建一个.prettierrc文件,在文件里写上如下代码: 阅读全文
posted @ 2021-01-13 10:59 天午正阳 阅读(2428) 评论(0) 推荐(0) 编辑
摘要: 在项目根目录下创建一个.prettierrc的文件 阅读全文
posted @ 2021-01-13 10:58 天午正阳 阅读(51) 评论(0) 推荐(0) 编辑
摘要: 相较于常规的赋值方式,解构赋值最主要的是'解构'两个字,在赋值的过程中要清晰的知道等号右边的结构. 先简单地看一下原来的赋值方式. 1 var a=[1,2] 分析一下这句代码的几个点: (1)变量申明和赋值 var a; a=[1,2] //你可以理解这两个操作是分开的,虽然是一句代码.声明变量都 阅读全文
posted @ 2021-01-12 22:10 天午正阳 阅读(92) 评论(0) 推荐(0) 编辑