随笔分类 - 技术博客
摘要：v-copy 需求：实现一键复制文本内容，用于鼠标右键粘贴。 思路： 动态创建 textarea 标签，并设置 readOnly 属性及移出可视区域 将要复制的值赋给 textarea 标签的 value 属性，并插入到 body 选中值 textarea 并复制 将 body 中插入的 texta
阅读全文
摘要：关于Vue编译原理这块的整体逻辑主要分为三步： 第一步将模版字符串转换成element ASTs(解析器) 第二步是对AST进行静态节点标记，主要用来做虚拟DOM的渲染优化(优化器) 第三步是使用element ASTs生成render函数代码字符串(代码生成器) 解析器 {{name}} 上面一个
阅读全文
摘要：xss安全漏洞 XSS漏洞是通过URL带入的，这种带入主要是前端解析url中的参数，并对数参数执行了innerHTML或者html或者append操作。在将参数html()或者append()到html文件中时，会执行其中的js代码，被错误用户获取到cookie等信息。 原始链接： https://
阅读全文
摘要：` <el-table :data="tableData" size="medium" ref="multipleTable" border fit @sort-change="handleSort" @filter-change="filterHandler" @selection-change=
阅读全文
摘要：1. 2.return值 返回一个toRefs 传值 生命周期
阅读全文
摘要：性能比Vue2.x快1.2倍 加入了按需导入按需编译，体积相比Vue2.X变小 组合API 更好的TypeScript支持 暴露了自定义渲染的API 更先进的组件 dif算法 相比vue2的diff算法全层比较更新视图，vue3会在创建DOM树的内容会不会发生变化，添加一个静态标记当数据更新时生成新
阅读全文
摘要：
阅读全文
摘要：今天再使用calc时发现无法生效，我的写法是： width: calc(100%-100px); 复制代码 页面无效果，加空格后就发现有效果了： width: calc(100% - 100px);
阅读全文
摘要：https://github.com/ynzy?tab=repositories
阅读全文
摘要：GetQueryString(name) { let reg = new RegExp("(|&)" + name + "=([&]*)(&|$)", "i"); if(window.location.hash.indexOf("?") < 0){ return null; } let r = wi
阅读全文
摘要：.box { display: flex; flex-wrap: wrap; justify-content: flex-start; } .box .box-item { width: 100px; margin-bottom: 10px; margin-right: 10px; } .box .
阅读全文
摘要：当props参数变化时组件才发生更改 const ImplicitSnowy = React.memo(props ⇒ ( implicit memoized component )); useSelector() const result : any = useSelector(selector
阅读全文
摘要：1.输入框限制字符 限制传空串 maxlength="200" show-word-limit @blur="rejectReason=$event.target.value.trim()" 2.列表多列排列 <div class="item item_block" > <div class="ce
阅读全文
摘要：vue.config.js css: { loaderOptions: { postcss: { plugins: [ require('postcss-px2rem')({ remUnit: 192 }) ] } }, }, flexable.js (function(win, lib) { va
阅读全文
摘要：pc-reset PC样式初始化 /* normalize.css */ html { line-height: 1.15; /* 1 / -ms-text-size-adjust: 100%; / 2 / -webkit-text-size-adjust: 100%; / 2 */ } body
阅读全文
摘要：var ecDo = { /字符串/ //去除空格 type 1-所有空格 2-前后空格 3-前空格 4-后空格 //trim(' 1235asd',1) //result：1235asd trim: function(str, type) { switch (type) { case 1: ret
阅读全文
摘要：一、使用vue-cli脚手架创建一个项目，根据我们开发所需生成固定的文件目录（可配置）。 二、创建好项目之后，还并不能开始真正的开发，我们需要做一些开发前的准备，比如请求的axios封装，多环境的地址配置，解决本能地开发跨域等等，做好准备，在后续开发中会有一劳永逸的感觉哦~。 1、多环境的地址配置
阅读全文
摘要：https://blog.csdn.net/GreyCastle/article/details/105510924 redux import React from 'react'; import ReactDOM from 'react-dom'; import App from './App';
阅读全文
摘要：既是同步也是异步 在事件回调和生命周期函数里面是异步 在定时器，原生dom事件，promise中是同步 一个函数里面多次异步setState： 多次次函数模式setState会合并一次 2（执行顺序） ==> 0（输出值） class StateTest extends React.Componen
阅读全文
摘要：const Demo = ({ form }) ⇒ { const { getFieldDecorator, validateFields } = form; const handleSubmit = e ⇒ { e.preventDefault(); validateFields((err, va
阅读全文
