吃点点心 
  • 首页
  • 归档
  • 分类
  • 标签
  • 关于
  •     
将node和yarn相关的包镜像源设置为淘宝源

将node和yarn相关的包镜像源设置为淘宝源

新建.sh执行文件npm set registry https://registry.npm.taobao.org && \ npm set disturl https://npm.taobao.org/dist && \ npm set sass_binary_site https://npm.taobao.org/mirrors/node-sass && \ npm set electron_mirror https://npm.taobao.org/mirrors/electron/ && \ npm set puppete
 2020-08-04   node  yarn 
Vue源码学习

Vue源码学习

由于没有充足的时间看源码,所以经常因为中断后需要很久才能找到学习状态,导致无法扎扎实实把代码看完,所以记下笔记以便能快速回到学习状态。 从入口文件开始目前所熟知的前端项目,需经过打包上线的话,都离不开package.json,Vue也不例外,于是,本次源码阅读就从package.json开始。 首先,Vue的package.json中script有关dev和build的代码如下: "dev": "rollup -w -c scripts/config.js --environment TARGET:web-full-dev", "dev:c
 2020-07-29   Vue 
初次使用gitee clone 代码提示没有权限的问题

初次使用gitee clone 代码提示没有权限的问题

公司把代码仓库从阿里云换到了码云,于是需要自己再码云上注册账号,再通过ssh授权进行代码的push pull等操作。 所以我按照常规的办法,在自己账号的ssh公钥管理中加入了本机的id_ras.pub: 但是,当我用git clone git@gitee.xxx.git去拉取代码时确提示我: 没有权限… 这是咋回事,明明已经加入了,为何还会没有权限… 通过高手指点,说要重新生成一个密钥对,于是ssh keygen给安排上了,生成后果然可行… 小朋友你是否有很多问号? 中午吃饭的时候就在想高手的一句话,git的时候是通过找本机的ras来和仓库的ras_pub配对进行验证的(其实高手只说了一句
 2020-07-28   git 
使用vscode远程连接服务器免密登陆

使用vscode远程连接服务器免密登陆

前言由于最近需要频繁修改blog中的文章,每次想做一些小修改时总是要重新连接到远程才行,并且隔段时间还要重连一下,太费时间,于是google了一下使用密钥的形式登陆方法,记录下来以供今后在其它机器上使用。 生成密钥对在终端使用ssh-keygen生成id_rsa和id_rsa.pub,使用Git的话一般都会有,生成之后在~/.ssh文件夹中。 将公钥放入服务器中复制id_rsa.pub到服务器的/home/admin/.ssh文件夹中,然后运行: cat XXX_ras.pub >> authorized_keys 其实就是将公钥中的内容复制到了authorized_keys中。
 2020-07-26   vscode  id_rsa 
使用分步加载解决数据过多导致的页面加载速度问题

使用分步加载解决数据过多导致的页面加载速度问题

问题由于项目初期没有考虑到列表字段增多,导致进入页面之后等待请求时间过长(后端查询关联字段的表都有七八个,一个请求要到1~1.5s),用户体验非常不好。但是用户已经习惯在界面上看到这么多字段了,所以突然减少字段的显示会造成困扰。怎么样才能解决这样的问题呢? 选择方案 向后端发送需要的字段,后端精准查询。 分步请求。先请求主表的数据,关联表在主表数据完成之后再请求。 确定方案第一种方案是最开始提出的方案,但是一看代码才发现想法虽然好,但是没办法实现,因为我们的表格有个表格视图的功能,它的主要功能是可以让用户自定义表格显示多少字段(其实选择较少的字段可以提高前端渲染的速度,但是后端查询速度是
 2020-04-24  
使用TinyPng在本地压缩图片

使用TinyPng在本地压缩图片

根据官网给的API创建项目 初始化项目 mkdir tinypng // 创建文件夹 npm init // 初始化npm 安装TinyPng包 npm install --save tinify 根据文档编写代码 const tinify = require("tinify"); tinify.key = "YOUR_API_KEY"; // YOUR_API_KEY为官网注册后给的API密钥 开始压缩 const source = tinify.fromFile("unoptimized.jpg"); sour
 2020-04-19   压缩  TinyPng 
JavaScript设计模式学习笔记

JavaScript设计模式学习笔记

重新定义JavaScript中的构造函数在JavaScript中,构造函数只是一些使用new操作符时被调用的函数。它们并不会属于某个类,也不会实例化一个类。实际上,它们甚至都不能说是一种特殊的函数类型,它们只是被new操作符调用的普通函数而已。实际上并不存在所谓的“构造函数”,只有对于函数的“构造调用”。 使用call、apply、bind时应该注意的事项如果你把null或者undefined作为this的绑定对象传入call、apply或者bind,这些值在调用时会被忽略,实际应用的是默认绑定规则: function foo() { console.log(this.a); } va
 2020-04-10   设计模式 
事件循环

事件循环

javascript中的事件循环 js引擎执行一个js文件时,会创建一个全局执行上下文,代码依次执行下来,当遇到函数执行时,会再创建一个函数执行上下文,此函数将压入执行栈中,**函数中的同步任务会依次执行下来,例如console.log(xxx)**,当函数中又有函数被调用,则再创建新的执行上下文,并把函数压入执行栈中,以此类推。 事件循环: console.log('start'); // 1.开始执行同步任务。 Promise.resolve().then(() => { // 2.发现有微任务队列,执行微任务中的代码,同时生成一个宏任务↓。 cons
 2020-04-08   JavaScript  Nodejs 
1…34567

搜索

Hexo Fluid
湘ICP备2025103376号