shengjon的博客

使用关键字搜索，搜索结果中的关键字部分标红。

【代码】文本超出两行显示省略号并有“展开”“收起”按钮效果。

【代码】el-select点击别处让下拉框消失。

【代码】Element Plus 树形表格全选多选以及子节点勾选。

【代码】文件上传限制类型参考。在上传文件过程中，设计需求上这边总是需要对上传文件进行限制和判断，避免用户的盲操作，导致上传文件类型不对后，无法得到正确的信息，造成不好的体验影响，所以在页面上我们需要对文件类型做判断。

本文章旨在提供思路参考，可根据具体项目需求进行封装。类名为添加自定义样式，可根据需求添加自己的样式。代码如下： 属性可参照。

【代码】vue+ts 通过 ref 获取子组件实例。

【代码】ts declare 声明类型。

eslint 本身是一个语法规范检查的包。

根据 ArrayBuffer 和 Blob 的特性，Blob 作为一个整体文件，适合用于传输；blob对象本质上是js中的一个对象，里面可以储存大量的二进制编码格式的数据。Blob 对象一个不可修改，从Blob中读取内容的唯一方法是使用 FileReader。array：由 ArrayBuffer、ArrayBufferView、Blob、DOMString 等对象构成的，将会被放进 Blob；②将获取的图片文件，生成base64图片【这个在上面的filereader的时候已经演示过了，这里就不演示了】

例如：打开页面，滚动了一段距离之后再刷新页面，页面就会自动滚动到之前得位置，我们不想要浏览器这个默认行为，想刷新页面就回到页面顶部该怎么办呢？可以轻松实现页面刷新的时候，浏览器不会记住之前滚动的位置。

浏览器如果在处理一些它自己可以处理的文件类型的时候，它其实是优先帮我们展示出来的，比如说图片、pdf、txt；1. 浏览器直接下载，a 标签添加 download 属性，download 需要同源才能生效。在一些特定的场景下，我们想要下载文件到本地，而不是在浏览器直接打开。2. 通过 fetch 或 xhr 下载到内存，再通过浏览器下载。HTML 和正常的 a 标签下载代码一样，一般是在 nginx 上配置。3. 添加 header。

代码】CSS实现无缝滚动。

Vue2Vue3beforeCreateNot needed*createdNot needed*beforeMountonBeforeMountmountedonMountedbeforeUpdateonBeforeUpdateupdatedonUpdatedbeforeDestroyonBeforeUnmountdestroyedonUnmounted响应式原理Vue2 响应式原理基础是；Vue3 响应式原理基础是。

很多时候我们在做移动端的时候会有菜单吸附的需求，通常我们都是使用 css + js 来实现的，现在我们用纯 css 来实现一下。允许你在用户滚动后所动特定的元素或位置demo 代码如下：预览的时候切换到移动端...

因为按位操作只支持32位的整型，所以小数点部分全部都被抛弃 不需要再比较数字按位操作效率高点，代码也简洁一些。也可以使用es6的 。但写开源库需要考虑兼容性的道友还是用 比较好浮点操作不精确，老生常谈了，不过可以接受误差...

1、安装koroFileHeader直接去搜索点击安装就可以了。2、配置如果不修改默认的配置头部注释效果如下,我想去掉Author和LastEditors,并调整顺序，配置完记得重启vscode/**** Author : ''* Date : 2019-05-13 15:54:32* LastEditors : ''* LastEditTime : 2020-02-14 22:04:52* FilePath : /fileHead/in...

一、规范目的对于一个团队来说，制定统一的规范是有必要的，因为个性化的东西无法产生良好的聚合效果，规范化可以提高编码的工作效率，使代码保持统一的代码风格，以便于代码整合和后期维护。二、HTML/CSS 规范2.1 浏览器兼容性根据公司业务要求而定，一般：主流程测试：chrome 30 +、IE9+；完整测试：chrome 30 +、IE9+、360浏览器、微信 webView、手机浏览器。2.2 html 代码规范2.2.1 声明与编码html 头部声明统一<!DOCTYPE h

自定义校验规则：const vilidRejected = (val)=>{ //-- val 为传递过来的参数 return (rule, value, callback)=>{ if(!val) { //-- 自定义校验判断 此处可扩展自己的规则需求 return callback(new Error('请输入内容')); } else { callback(); }

<template> <div class="wrap"> <el-button class="back-btn" type="primary" @click="handleClick">返回小程序</el-button> </div></template><script>export default { created(){ const s = docume.