01 2021 档案
摘要:解决这个问题的前提是:了解过js的变量存储类型、赋值。 懂的就跳过 变量存储类型分两类 ①基本类型:直接存储在栈中的数据。(字符串、布尔值、未定义、数字、null) ②引用类型:将该对象引用地址存储在栈中,然后对象里面的数据存放在堆中。(数组、对象、函数) 这里解释一下为什么null是基本类型:有人
阅读全文
摘要:SSR代表服务器端渲染(Server Side Rendering),这里主要以React为目标讨论这个话题,但是对其他框架也有参考意义。 关于SSR你需要关注: 1. 首次重要的绘制。单靠SSR并不能保证良好的效果,还需要关键的CSS和靠近客户端。 2. 支持SEO,支持Twitter和Faceb
阅读全文
摘要:先看效果图:女神镇楼 1.下载Vue-Quill-Editor 2.下载quill(Vue-Quill-Editor需要依赖) 3.代码 <template> <div class="edit_container"> <quill-editor v-model="content" ref="myQu
阅读全文
摘要:(正经脸) 原因 ,很明显是因为浏览器本身的同源策略的影响(别问,问就是百度) 解决方法有两种: 1、坚决解决方法 (1)、首先,复制浏览器图标(世界首帅出境!啊啊啊啊!)(2)、将复制品改名后,右键点击【属性】,在已有字段后边加上这句话,–user-data-dir=“c:\ChromeDebug
阅读全文
摘要:CSS中 !important 的使用 CSS的原理: 我们知道,CSS写在不同的地方有不同的优先级, .css文件中的定义 < 元素style中的属性,但是如果使用!important,事情就会变得不一样。 首先,先看下面一段代码: <!DOCTYPE HTML><html><head><meta
阅读全文
摘要:平时我们用element-ui组件库的时候,用的很多组件都可以解决日常工作中的需要,最近遇到了一个需要搭建一个树形结构的表格,但element组件没有提供,这时就需要自己去通过第三方组件来实现这个功能了。那么如何才能实现这样的结构方式呢?就需要通过vue-table-with-tree-grid这个
阅读全文
摘要:各类程序员学习路线图:https://www.runoob.com/coder-learn-path
阅读全文
摘要:问题描述: 数据使用el-table加载,大概有1万多条。页面非常卡,查看内存占用到1.1个G,存在严重的性能问题。 考虑思路: 1、用table或者pl-table替换el-table。尝试后发现性能提升不大,仍然占用大量内存。 2、网上很多解决方案是说通过分页来加载,但我们的列表数据有关联,不能
阅读全文
摘要:作者:@nnngu本文为作者原创,转载请注明出处:https://www.cnblogs.com/nnngu/p/9347635.html 1、前言 最近有同学问我有没有做过在线咨询功能。同时,公司也刚好让我接手一个 IM 项目。所以今天抽时间记录一下最近学习的内容。本文主要剖析了 WebSocke
阅读全文
摘要:如下这个html标签,最终根据数据返回值是,1则表示男性,2则表示女性,渲染2种不同的icon图标。 有2种实现方法: 1、数组方法 提示:数组中的gender和bg-muted我这里是要加引号的,因为我这里就是字符串,如果不加引号的,代表的是data中的一项数据。 2、字符串拼接方法 提示:gen
阅读全文
摘要:用vue做的项目,有个需求就是关闭浏览器的时候,需要往后台提交有个接口,来监听这个账号有没有下线。 网上找了很多种方法,一直没有实现。 主要困惑点: 1、浏览器关闭是事件,是什么 onbeforeunload、onunload 又是各种百度, window.addEventListener( ‘be
阅读全文
摘要:在element插件的form组件的自定义验证表单中看见,Number.isInteger函数,特此记录如下用法 原文地址:http://asprain.cn/javascript/number-isinteger-function-number-javascript
阅读全文
摘要:概述内容 mall项目是一套电商系统,包括前台商城系统及后台管理系统,基于SpringBoot+MyBatis实现。 前台商城系统包含首页门户、商品推荐、商品搜索、商品展示、购物车、订单流程、会员中心、客户服务、帮助中心等模块。 后台管理系统包含商品管理、订单管理、会员管理、促销管理、运营管理、内容
阅读全文
摘要:一、概念 // 有name的属于具名插槽,没有name属于匿名插槽 <app> <div slot="a">xxxx</div> <div slot="b">xxxx</div> </app> <slot name="a"></slot> <slot name="b"></slot> 普通插槽渲染的
阅读全文
摘要:作者/云荒杯倾 写在前面 vue中关于插槽的文档说明很短,语言又写的很凝练,再加上其和methods,data,computed等常用选项使用频率、使用先后上的差别,这就有可能造成初次接触插槽的开发者容易产生“算了吧,回头再学,反正已经可以写基础组件了”,于是就关闭了vue说明文档。 实际上,插槽的
阅读全文
摘要:1、Vue中插槽的作用和使用方法 定义一个名child子组件,为该子组件添加内容应该在子组件的template中定义,直接在父组件的<child>标签中定义的内容不会被渲染,如下例。 <div id="root"> <child> 需要插槽才能渲染的内容 <p>Dell</p> <p>Lee</p>
阅读全文
摘要:https://juejin.im/post/5b55c118f265da0f6f1aa354 掘金的网址(很好) 一、axios的封装 在vue项目中,和后台交互获取数据这块,我们通常使用的是axios库,它是基于promise的http库,可运行在浏览器端和node.js中。他有很多优秀的特性,
阅读全文
摘要:第一步创建实例 1 2 3 4 let http = axios.create({ // 这个里面可以设置一些请求头之类的配置<br>timeout: 3000, headers: {} }); 第二步 设置拦截器 2.1 拦截器分为 请求拦截器和响应拦截器 //请求拦截器代码格式如下 http.i
阅读全文
摘要:当我们使用右键格式化的时候,就会自动帮我们补全符号,但是,有些符号在eslint中就会报语法错误,那我们需要怎么办呢?可以通过.prettierrc来进行文件配置 在文件的根目录建一个.prettierrc文件,在文件里写上如下代码:
阅读全文
摘要:相较于常规的赋值方式,解构赋值最主要的是'解构'两个字,在赋值的过程中要清晰的知道等号右边的结构. 先简单地看一下原来的赋值方式. 1 var a=[1,2] 分析一下这句代码的几个点: (1)变量申明和赋值 var a; a=[1,2] //你可以理解这两个操作是分开的,虽然是一句代码.声明变量都
阅读全文
摘要:在JavaScript中需要通过document.querySelector("#demo")来获取dom节点,然后再获取这个节点的值。在Vue中,我们不用获取dom节点,元素绑定ref之后,直接通过this.$refs即可调用,这样可以减少获取dom节点的消耗。 ref介绍 ref被用来给元素或子
阅读全文
摘要:Parser.js–437行错误try {this.onPacket(packetHeader);hadException = false;} catch (err) {if (!err || typeof err.code !== ‘string’ || err.code.substr(0, 7)
阅读全文
摘要:再通过vue-cli创建项目的时候,会出现 Use history mode for router? 也就是再问你:是不是用history模式来创建路由 hash模式和history模式的不同 最直观的区别就是在url中 hash 带了一个很丑的 # 而history是没有#的 对于vue这类渐进式
阅读全文
摘要:本项目为仿做项目,仅做自己练手和学习使用,非官方App,禁止用于一切商业目的,产生的一切侵权著作法律后果,与本作者无关。 简介 本项目是一个移动端的仿王者荣耀手机端官网和后台管理系统(pc端)的全栈开源项目,基于 vue + node (Express + ElementUI) +mongodb实现
阅读全文
摘要:写代码: 1,明确需求。我要做什么? 2,分析思路。我要怎么做?1,2,3。 3,确定步骤。每一个思路部分用到哪些语句,方法,和对象。 4,代码实现。用具体的java语言代码把思路体现出来。 学习新技术的四点: 1,该技术是什么? 2,该技术有什么特点(使用注意): 3,该技术怎么使用。demo 4
阅读全文
npm ERR! 403 403 Forbidden - PUT https://registry.npmjs.org/ui-com - You do not have permission to p
摘要:npm ERR! code E403npm ERR! 403 403 Forbidden - PUT https://registry.npmjs.org/ui-com - You do not have permission to publish “ui-com”. Are you logged
阅读全文
摘要:当执行npm publish,发生了如下错误: appledeMacBook-Pro:nini-react apple$ npm publish npm ERR! publish Failed PUT 401 npm ERR! code E401 npm ERR! 404 unauthorized
阅读全文
摘要:在发布npm包的时候可能会出现报错信息:code E403403 Forbidden - PUT https://registry.npm.taobao.org/extract - no_perms出现这个问题是因为当前设置的是cnpm 登录到的是cnpm,所以需要切换回来之前登录的时候就提出登录的
阅读全文
摘要:5种IO模型、阻塞IO和非阻塞IO、同步IO和异步IO 看了一些文章,发现有很多不同的理解,可能是因为大家入切的角度、环境不一样。所以,我们先说明基本的IO操作及环境。 本文是在《UNIX网络编程 卷1:套接字联网API》6.2节"I/O 模型 "的基础上,即UNIX/LINUX环境下的网络 IO环
阅读全文
摘要:第一步 先下载express - npm install express -S - 引入express 创建服务器 const express = require('express') const app = express() app.listen(5000, ()=>{ // 打印一下 cons
阅读全文
摘要:本人nodejs入门级选手,站在巨人(文殊)的肩膀上学习了一些相关知识,有幸在项目中使用nodejs实现了前后端交互,因此,将整个交互过程记录下来,方便以后学习。 本文从宏观讲述nodejs实现前后端交互过程,以及该过程中每一个部分如何起到其相应的作用,并没有对每一个部分详细阐述,因为每一个部分都可
阅读全文
摘要:一、什么是URL/URN/URI URI=URL+URNURI:统一资源标识符URL:统一资源定位符URN:统一资源名称 二、传输协议 用来传输客户端和服务器端交互的信息的(类似于快递小哥)HTTP(顺丰):超文本传输协议(除了传递普通的文本,还可以传递文件流或者进制编码等信息),是目前最常用的WE
阅读全文
摘要:原文地址:developer.mozilla.org/zh-CN/docs/Web/API/Fetch_API/Using_Fetch
阅读全文
摘要:一、基本用法 fetch()的功能与 XMLHttpRequest 基本相同,但有三个主要的差异。 (1)fetch()使用 Promise,不使用回调函数,因此大大简化了写法,写起来更简洁。 (2)fetch()采用模块化设计,API 分散在多个对象上(Response 对象、Request 对象
阅读全文
摘要:1 HTML <option> label 属性 2 HTML <option> 标签 3 CSS3 :root 选择器
阅读全文