- 博客(28)
- 收藏
- 关注
RSS订阅原创 Error in mounted hook: “TypeError: strict 模式下不允许分配到只读属性“
Error in mounted hook: "TypeError: strict 模式下不允许分配到只读属性"
2022-08-18 17:58:06
296
原创 Ant-Design-Vue中Table使用固定列fixed，当出现横向滚动条时，行之间出现错位的问题
ant-design-vue 的table 设置了 fixed 属性后，出现行对不齐（行错位）的问题
2022-06-06 11:01:01
9484
1
原创 chrome输入框自动填充字体样式问题
输入框自动填充时，字体会变成浏览器默认字体大小// 自动填充文本样式&:-webkit-autofill::first-line { font-size: 24px;}上面的代码不能 放到 scoped 里
2022-04-08 10:47:45
1149
1
原创 echarts横向柱状图排名
注意：echarts版本要 “echarts”: “^4.9.0”,否则icon图标显示出问题<template> <div class="horizontal-bar" ref="horizontalBar" /></template><script>export default ({ name: 'HorizontalBar', props: { source: Array, colors: { type.
2022-03-22 15:52:10
3343
原创 echarts饼状图环形中间动态文字
上代码<template> <div class="circle-wrapper"> <div class="circle-title" :style="{fontSize: `${totalFontSize}px`}" v-if="showTitle&&ifShow"> <p>总数</p> {{total}} </div> <div class="circl.
2022-03-22 09:34:03
2721
原创 window安装nvm
这篇文章是基于本人多次安装nvm失败后的总结特别注意：如果多次安装失败，尝试使用管理员cmd安装下载nvm安装包GitHub下载地址建议使用nvm-setup.exe安装解压后安装，可修改目录第一个目录是安装目录第二个目录是配置nodejs的安装目录安装完成后执行 nvm version 查看是否安装成功，如果输出版本号则安装成功安装nodenvm install 14.17.5查看当前已安装的node版本列表nvm ls切换到对应的node版
2022-03-18 09:31:48
232
原创 请求接口带cookies
需求：访问后端接口需要登录校验，请求需要携带cookies安装npm install vue-cookies --save引入import Vue from 'vue'import VueCookies from 'vue-cookies'Vue.use(VueCookies)获取服务器登录的sid通过vue-cookie中的set方法将sid添加到接口的Cookie中this.$cookies.set('sid', xxx)this.$cookies.set('JSES
2022-03-10 11:04:50
2611
原创 vue3.0+ts项目初始化
创建项目使用npm安装vue-cli3.0和tsnpm i -g @vue/cli typescript@vue/cli需升级到高版本使用vue create命令快速搭建新项目的脚手架vue create vue-ts-v3vue-ts-v3 项目名称，执行以上命令后，出现下面选项default：默认选项，babel、eslint只会引入这两个Manully select features：手动选择，因要用到vue+ts所以选择该选项按enter，进入下一步多项选择，可选
2022-02-18 10:26:09
996
原创 grid布局
概述网格布局（Grid）是最强大的 CSS 布局方案。它将网页划分成一个个网格，可以任意组合不同的网格，做出各种各样的布局。Grid 布局的属性分成两类。一类定义在容器上面，称为容器属性；另一类定义在项目上面，称为项目属性。这部分先介绍容器属性。容器属性displaydisplay: grid;指定一个容器使用网格布局,容器是块级元素display: inline-grid;指定容器使用网格布局，容器是行内块级元素注意网格布局以后，容器子元素（项目）的float、display: inlin
2022-02-18 10:03:53
399
原创 ES6基础
变量的解构赋值1. 数组的解构赋值const [, b] = [1, 2, 3, 4]console.log(b) // 2const [a] = [[1, 2], 3]console.log(a) // [1, 2]const [foo = true] = []console.log(foo) // trueconst [c, d = 'world'] = ['hello']console.log(c, d) // hello worldconst [e = 'world'] = [u
2022-02-18 09:40:36
737
原创 vue渲染函数
基础：创建anchored-heading.vue文件<script>export default { props: { level: { type: [Number, String], require: true, default: 1, }, }, render: function(h) { return h( 'h' + this.level, // 标签名称 this.$slots.def
2022-02-17 17:59:52
680
原创 Vue混入
混入（mixin）提供了一种非常灵活的方式，来分发vue组件中可复用的功能，一个混入对象可以包含任意组件选项。当组件使用混入对象时，所有混入对象的选项将被‘混合’进入该组件本身的选项。例子：一、js文件const modalVisible = { props: { }, data() { return { showModal: false, } }, watch: {},}export { modalVisible,}使用<Butto
2022-02-17 17:54:54
77
原创 vue自定义指令
vue自定义指令export default (Vue) => { Vue.directive('input-focus', { inserted: function(el) { el.focus() } })}使用：在dom上绑定 v-input-focus指令钩子函数：bind: 只调用一次，指令第一次绑定到元素时调用。在这里可以进行一次性的初始化设置。inserted: 被绑定元素插入父节点时调用（仅保证父节点存在，但不一定已被插入文档）。u
2022-02-17 17:52:03
132
原创 ts基础学习
安装typeScript运行下行命令，全局安装typeScriptnpm install -g typescript运行下行命令，检测是否安装成功tsc -VtypeScript常用语法1. 基础类型1）布尔值let isDone: boolean = false;isDone = true;isDone = 3; // Type 'number' is not assignable to type 'boolean'.2）数字TypeScript和JavaScript一样所有的
2022-02-17 17:48:23
190
原创 常见的浏览器兼容问题
常见的浏览器兼容问题png24位的图片在iE6浏览器上出现背景，解决方案是做成PNG8.浏览器默认的margin和padding不同。解决方案是加一个全局的*{margin:0;padding:0;}来统一。ie6.0下默认有行高解决方法：overflow:hidden;或 font-size:0;或 line-height：xx px；一个父标签与几个子标签嵌套，父标签...
2022-02-17 17:38:28
81
原创 Vue3基础学习
创建vue3项目安装或升级vue至高版本npm install -g @vue/cli保证 vue cli 版本在 4.5.0 以上vue --version创建项目vue create my-projectComposition API(常用部分)1. setup()新的option，所有的组合API函数都在此使用，只在初始化时执行一次；函数如果返回对象，对象中的属性或方法在模板中可以直接使用；2. ref作用：定义一个数据的响应式语法：const xxx = ref(in
2022-02-17 17:36:17
308
原创 axios请求使用application/x-www-form-urlencoded使用key: value传参方式
‘Content-Type’: ‘application/x-www-form-urlencoded’ 请求1. 使用{key：value}:方式this.$axios.post('url/XXXX', JSON.stringify(params), { headers: { 'Content-Type': 'application/x-www-form-urlencoded;charset=utf-8' }}) .then(res => { console.log(re
2021-08-19 09:32:29
875
原创 target与currentTarget的区别
通常情况下，target与currentTarget是一致的，但当出现父子嵌套时，target与currentTarget就有差别了！在父子嵌套的关系中：target触发事件源（点击谁，触发谁，当点击父元素时也不会包含子元素）currentTarget触发的是绑定事件的标签（如果点击对象还有子节点，当前事件包括子节点在内）<body> <div id="ap...
2019-04-02 21:16:57
484
原创 React的生命周期
<script type="text/babel"> const { Component, useState } = React; class App extends Component { // 在使用class定义组件的时候 此方法相当于初始化阶段 constructor(props) { super(props) this.s...
2019-04-02 17:47:26
196
原创 React入门
一、使用react框架需要引入<script src="./lib/react.development.js"></script> <script src="./lib/react-dom.development.js"></script> <script src="./lib/babel.min.js"></scri...
2019-04-01 20:12:01
386
原创 Vuex入门
一、安装与引用安装Vuexnpm install vuex --save引用于安装：import Vue from 'vue'import Vuex from 'vuex'Vue.use(Vuex)状态自管理应用包含以下几个部分：state，驱动应用的数据源； view，以声明方式将state映射到视图； actions，响应在view上的用户输...
2019-03-30 21:32:23
150
原创 Vue路由
Vue基础学习通过vue关键字创建一个实例 <div id="app"> <h5>{{txt}}</h5> <input type="text" v-model="txt"> </div> var app = new Vue({ el: '#app', // 表示实例的最用范围 ...
2019-03-23 20:30:26
167
转载 移动网站开发的注意事项
移动网站开发的注意事项一、meta的使用1、<meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>强制让文档的宽度与设备的宽度保持1:1，并且文档最大的宽度比例是1.0，且不允许用户点...
2019-03-18 21:12:42
197
原创 数组对象的深拷贝与浅拷贝
数组对象的深拷贝与浅拷贝JavaScript中的数据对象分为原始数据类型与对象类型，二者在内存中存放的方式不同，导致赋值情况也不同：首先原始数据类型：var x = 1;var y = x; //y获得了和x同样的值y = 2;console.log(x); // 1对象类型：var m = [1,2]; //m存放的是指向[1,2]这个数组对象的引用地址var n = m...
2019-03-09 15:15:21
317
转载 web页面性能优化与SEO
web页面性能优化 前端包括 HTML、 CSS、 Javascript、Image 、Flash等等各种各样的资源。前端优化针对不同的资源有不同的方式。前端优化的目的从用户角度而言，优化能够让页面加载得更快、对用户的操作响应得更及时，能够给用户提供更为友好的体验。从服务商角度而言，优化能够减少页面请求数、或者减小请求所占带宽，能够节省可观的资源。常见的优化一.、 页面级优化...
2019-03-09 13:48:33
318
原创 js事件流的传播流程
js事件流的传播流程 事件流描述的是从页面接收事件的顺序 1.事件流分为：事件冒泡（IE）和 事件捕获（Netscape）。 2. 事件冒泡:即事件最开始由最具体的元素（文档中嵌套层次最深的那个节点）接收，然后逐级向上传播至最不具体的那个节点（文档）. 3. 捕获事件流：不太具体的节点应该更早接收到事件，而最具体的节点最后接收到事件. OM2级事件规定事件流包括三个阶...
2019-03-07 23:02:49
262
原创 浅谈get请求与post请求的区别
get请求与post请求的区别：GET请求的数据会附在URL之后(就是把数据放在HTTP协议中),以?分割URL和传输数据，参数之间以&相连。如果数据是英文字母/数字，原样发送，如果是空格，转为+，如果是中文或其他字符，则直接把字符用BASE64加密；POST把提交的数据放置在HTTP包的包体中。GET传输的数据较少，不多于2KB，POST理论上没有限制，可传输较大量的数据。在A...
2019-03-05 21:18:24
336
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人