m0_61679135的博客

原创 js判断当前文本长度

js判断当前文本长度

原创 flex布局实现头尾固定，中间内容自适应

flex布局实现头尾固定，中间内容自适应

原创 Vue自定义指令

在 Vue，除了核心功能默认内置的指令，Vue 也允许注册自定义指令。它的作用价值在于当开发人员在某些场景下对普通 DOM 元素进行操作。 Vue 自定义指令有全局注册和局部注册两种方式。先来看看注册全局指令的方式，通过 Vue.directive(id, [defintion]) 方式注册全局指令。然后在入口文件中进行 Vue.use() 调用。 批量注册指令，新建 directives/index.js 文件。 import copy from './copy' import longpress

原创 Vue知识点

目录 1.Vue的优点？Vue的缺点？ 2.为什么说Vue是一个渐进式框架？ 3.Vue跟React的相同点与不同点？ 1. Vue的优点？Vue的缺点？ 优点：渐进式、组件化、轻量级、虚拟 DOM 、响应式、单页面路由、数据与试图分开。 缺点：单页面不利于 SEO、不支持IE8以下、首屏加载时间长。 2. 为什么说Vue是一个渐进式框架？ 我觉得可能是因为 Vue主张少，不强势。你可以在核心功能的基础上任意选用其他的部件，不一定要全部整合在一起。可以看到，所说的渐.

原创 使用vue3电商商品详情主图放大

使用vue3实现电商网站商品详情页主图的放大

原创 Vue 虚拟 DOM 和 Diff 算法

深入vue虚拟dom和diff算法原理

原创 Vue-Cli配置跨域请求

通过配置vue-cli的代理解决跨域访问的问题

原创 vue-router 重复调用 push 函数跳转到同一个路由地址报错的问题

终端报错信息 解决方案 // src/router/index.js 路由模块 Vue.use(VueRouter) // 把下面的代码粘贴到路由模块中对应的位置，即可防止路由报错的问题 const originalPush = VueRouter.prototype.push // 覆盖掉 vue-router 原生的 push VueRouter.prototype.push = function push(location) { return originalPush.call(t..

原创 Vue 生命周期图示

原创 vscode中设置js文件里没有jQuery提示

第1步：npm下载 @types/jquery 输入命令：npm i @types/jquery -g 第2步：项目目录中配置文件(两种方式) 方式1：全局设置，项目中所有js文件中都产生jq提示 在项目根目录 新建jsconfig.json文件 { "typeAcquisition": { "include": [ "jquery" ] } } 方式2：文件提示，只有加入了语法的js文件才产生jq提示 在js文件首行加入 requ...

原创 计算每个地区的人数所占比例（饼图使用）

let res = { "code": 0, //业务状态码，0表示成功，1表示失败 "message": "获取成功", //描述信息 "data": [ { "province": "浙江省" }, { "province": "安徽省" }, { "province": "湖北省" }, { "prov.

原创 求一个字符串里面出现最多的字符是哪个，出现了几次

// 字符串： // let str = '132642343739373635384628633124'; // 求这个字符串里面出现最多的字符是哪个，出现了几次 // 既要统计字符，又要统计字符的次数 // { // 1 : 3, // 2 : 6, // 3 : 6, // } let str = '13264234...

原创 前端部分知识点总结

目录 一、HTML、CSS阶段 1.盒子模型的组成部分 2.定位相关 3.浮动相关 4.精灵图 5.标签的显示模式 6.margin塌陷现象 7.如何使一个盒子水平垂直居中？ 8.如何垂直居中一个img？ 9.如何实现双飞翼（圣杯）布局？ 10.css中选择器的优先级以及css权重如何计算 11.H5新增的语义化标签和特性 12.C3新增的特性 13.css中link和@import的区别 二、移动web阶段 1.什么是移动端的视口？ 2.为...

原创 echarts——各个配置项详细中文说明总结

目录 1、图表标题 2、图例 3、值域 4、提示框 5、区域缩放控制器 6、网格 7、类目轴 8、数值型坐标轴默认参数 9、柱形图默认参数 10、折线图默认参数 11、K线图默认参数 12、散点图默认参数 13、雷达图默认参数 14、饼图默认参数 15、默认标志图形类型列表 16、可计算特性配置，孤岛，提示颜色 1、图表标题 title: { x: 'left', // 水平安放位置，默认为左对齐，可选为： ..