logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

优雅解决: assignment to property of function parameter ‘state‘

在airbnb的eslint规则中,有这样一条规则no-param-reassign目的是提醒你不要直接修改函数的入参。因为假如入参是一个对象,修改入参可能会导致对象的属性被覆盖。// 不好的做法function f1(obj) {obj.key = 1; // 可能对象本身就用key的属性,这样会覆盖原有的属性。无法确定这样做是否是对的。}// 好的做法function f2(obj) {//

图文详解:阿里云域名配置免费https/SSL证书

文章目录https简介证书购买配置证书注意事项https简介首先简单说一下https的原理。即服务端与客户端(浏览器)如何保证数据是加密传输的呢?我记得有个经典的例子:服务端发给客户端一个打开的锁和装数据的箱子客户端将数据放入并锁上箱子,然后发给服务端。很经典吧,但如果第一步服务端发给客户端的时候被黑客拦截了,并替换了黑客自己的箱子和锁。客户端是无法甄别的。所以在上述的过程中还需要对锁进行签名,即

#https#ssl#nginx +2
如何在VSCode中切换typescript的版本,使用工作空间的版本

今天打算体验一下typescript的最新功能,所以在当前目录中安装了typescript最新的rc版本npm install typescript@rc --save-dev然后希望vscode能够使用当前目录(工作空间/workspace)中的版本。后来google查阅官方文档。发现其实很简单。看图:看好点击了左下角的版本号之后就可以体验typescript最新版本的语法了。参考:https:

#typescript#javascript#前端 +2
优雅解决:(linebreak-style) Expected linebreaks to be ‘LF‘ but found ‘CRLF‘. (eslint)

有时候使用脚手架创建的项目,比如vue-cli,会默认使用eslint的一些规则,比如airbnb。其中基本会包含这样一条规则:"linebreak-style": ["error", "unix"],这个规则的意思是回车换行符使用unix风格的,也就是LF。unix其实主要就是指mac,或者ubuntu这类的。本来团队都用Mac就没啥问题。但如果你用的是windows。就会有标题中的错误:(li

antd 与 element-ui如何按需引入,以及二者的不同

antd与element-ui作为两个用途广泛的ui框架,均提供了按需引入,毕竟全量引入会导致包体积太大。尤其是当我们只想使用其中几个组件的时候,按需引入就变得更有必要了。我特意数了一下,二者均提供了共计63个组件,这是不是有什么特殊意义…当然这么多组件更进一步证明了按需引入的必要性。其实官方均已经提供了按需引入的方式:antd# 安装 babel-plugin-import$ npm insta

#elementui
Antd如何优雅的定制主题

官方有详细的说明,可以看官方文档说明我这里白话说一下:antd react vue的配置是一样,思路就是:因为antd的ui色调都是定义在了公用的样式配置文件:完整版可以看这里所以你可以使用你提供的less文件覆盖antd的less文件,达到定制主题的目的。antd也是官方推荐这样做。详尽的覆盖原理还是看less的官方文档,也就是这个功能其实是less自身提供的。改起来也很简单,如果你使用了vue

#less
husky pre-commit/hook/lint-staged 不起作用

如果是如下的配置是不生效的husky新版本(v5以上,当前是v8),需要单独提供脚本,放于 文件夹下。内容可以如下建议参考lint-staged的官网方式进行安装该命令会做一下三件事:最后,尝试修改一下ts, js, vue等文件,尝试。鉴于git commit 是针对指定指定类型待提交的文件进行检测。所以看下是否git add了对应文件,确认是否有待提交的对应文件…...

#git#github
如何在vue项目中引入svg图标

svg,即Scalable Vector Graphics,可缩放矢量图形。相对于jpg,png图标,svg可以在任意分辨率下保证不会模糊,即便是网页缩放了。上图是支护的截图,可以看到铃铛图标是svg的,消息数量是CSS写的,二者缩放到任意体积都可以保持一个同等的清晰度。而且现在很多ui标注的软件都已经支持直接下载svg,那为何不尝试一下呢。svg是一种用xml描述的语言,也就是说,html中引入

vue-router 页面跳转,返回到顶部的几种方式

标准答案:const router = new VueRouter({routes,// 对于页面跳转,全部都返回到页面顶部。scrollBehavior(to, from, savedPosition) {return { x: 0, y: 0 };},});如上,简单解释一下,其实scrollBehavior这个api初衷应该是用于定位锚点的。也就是比如你的页面有一些<div id="a

#javascript
vue中@click与@click.native,及其vue事件机制的分析

vue维护了自己的事件机制。所以就有了原生DOM事件和自定义事件的区别,比如下面这段官网原话。用在普通元素上时,只能监听原生 DOM 事件。用在自定义元素组件上时,也可以监听子组件触发的自定义事件。本文也将围绕这一句话展开。想必大家都会在自定义组件中自定义事件。<my-component v-on:my-event="doSomething"></my-component>

#javascript
    共 32 条
  • 1
  • 2
  • 3
  • 4
  • 请选择