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 原生的 pushVueRouter.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', // 水平安放位置，默认为左对齐，可选为： ..