- 博客(43)
- 收藏
- 关注
RSS订阅原创 vue 混入（mixin）的使用
2、mixin 中定义的方法和参数在各组件中不共享，即当前组件对 mixin 的属性的修改，其他也引用了这个 mixin 的组件不会受影响。1、mixin 中定义的生命周期函数会比引用组件的生命周期先执行, 会和组件中定义的 methods、created 等选项合并调用。在 vue 组件内，如果想将一些公共功能，如组件、方法、钩子函数等复用，混入是一个很好的选择。4、要是 mixin 和组件中出现了重名现象，那么优先采用组件中定义的数据。3、如果同时引入多个 mixin 对象, 执行顺序和引入顺序一致。
2023-08-02 10:42:55
719
原创 uniapp实现地图点聚合
其实在uniapp的官方文档里体现的不是那么清楚，但是在小程序文档提示的就相当清楚。点聚合的最重要的一个地方是在 markers 中添加。这个重要的属性，否则将无法开启点聚合功能。
2023-08-01 15:05:20
2445
2
原创 flexible.js + rem 适配布局
再当我们输入宽度的时候，我就可以看到vscode自动帮我们计算好了对应的rem值，我们只要点击使用就可以了。设置成24等份，设计稿为1920px，这样 1rem 就是 80px。
2023-06-16 16:24:48
966
4
原创 Classes
constructor：是一种用于创建和初始化class创建的对象的特殊方法。语法：constructor([arguments]) { ... }在一个类中只能有一个名为 “constructor” 的特殊方法。 一个类中出现多次构造函数 (constructor)方法将会抛出一个 SyntaxError 错误。在一个构造方法中可以使用super关键字来调用一个父类的构造方法。如果没有显式指定构造方法，则会添加默认的 constructor 方法。如果不指定一个构造函数 (construct
2022-05-31 17:56:07
39
原创 JS 将手机号中间四位变为****号的四种方式
1. 正则表达式let tel = '13600136000'tel.replace(/(\d{3})\d{4}(\d{4})/, "$1****$2")console.log(tel) // 136****6000
2022-05-31 17:44:00
8319
原创 ajax 请求回来的 data 数据取值
ajax 请求回来的 data 数据取值1、 radio 性别取值如果是1就是男，是2就是女================ html =============**<input type="radio" name="gender" id="male" value="1"><label for="male">男</label><input type="radio" name="gender" id="female" value="2"><l
2021-08-06 15:45:38
734
原创 文本框的禁用
文本框的禁用1、input文本框禁止修改文本disabled属性：<input type="text" name="zhangsan" value="xxx" disabled="true"/>readonly属性：<input type="text" name="zhangsan" value="xxx" readonly="true"/>以上两种属性都可以禁止文本框的修改。2、disabled 和 readonly 属性的区别disabled属性：使文本框不
2021-08-03 11:28:53
1155
原创 原生获取 DOM 元素的方法
原生获取 DOM 元素的方法1. 通过 id 获取<div id="box"> </div><script> //注意：getElementById( ) 括号里不需要加 "#" let box = document.getElementById("box") console.log(box); // <div id="box"> </div></script>2.通过 class 获取<div c
2021-07-14 11:23:28
791
原创 JWT的用法
JWT的用法下载依赖包：//下载到后端npm install --save express-jwtnpm install --save jsonwebtoken在服务器端配置jwt：配置app.jsvar jwt = require('express-jwt'); // 引入jwt模块var {secretKey,unless,algorithms} = require('./utils/token'); // 引入自定义配置信息//配置jwt的密钥、加密算法，以及不需要认证的路径，下
2021-06-18 22:37:26
175
1
原创 快速查找节点
快速查找节点1、通过 id 获取document.getElementById('id')2、通过 类名 获取document.getElementsByClassName('类名') // 以 [ ] 形式返回 【注意】对于类名，可能有多个，所以要获取到某一个需要通过下标去获取3、通过 标签名 获取document.getElementsByTagName('标签名') //以[ ]形式返回4、通过 属性名 获取document.getElementsBy
2021-06-17 15:14:07
1290
原创 Restful 架构
RestfulRestFul API 是每个程序员都应该了解并掌握的基本知识，我们在开发过程中设计 API 的时候也应该至少要满足 RestFul API 的最基本的要求（比如接口中尽量使用名词，使用 POST 请求创建资源，DELETE 请求删除资源等等，示例：GET /notes/id：获取某个指定 id 的笔记的信息）。如果你看 RestFul API 相关的文章的话一般都比较晦涩难懂，包括我下面的文章也会提到一些概念性的东西。但是，实际上我们平时开发用到的 RestFul API 的知识非常简单
2021-06-16 22:35:20
72
原创 ECharts
ECharts1、什么是数据可视化就是把数据以图表的形式更直观的展现地址：https://echarts.apache.org/zh/index.html2、安装 Echartsnpm install echarts --save3、引入 echarts到 main.js 添加import * as echarts from 'echarts'Vue.prototype.$echarts = echarts4、使用 echartshtml:<div id='main'&g
2021-06-15 16:32:48
45
原创 vue 的生命周期
vue 的生命周期1，创建前 => beforeCreate对应的钩子函数为beforeCreate。此阶段为实例初始化之后，此时的数据观察和事件机制都未形成，不能获得 DOM 节点。2，创建后 => created对应的钩子函数为 created。在这个阶段 vue 实例已经创建，仍然不能获取 DOM 元素。3，载入前 => beforeMount对应的钩子函数是 beforeMount。在这一阶段，我们虽然依然得不到具体的 DOM 元素，但 vue 挂载的根节点已经创建，下
2021-06-14 23:01:40
47
原创 Vue 中动态拼接图片 src 地址
Vue 中动态拼接图片 :src 地址用 js 动态加载 assets 或者 本文件的图片出现404的状态码代码示例：<ul> <li v-for="(item,index) in list" :key="index"> <img :src="getImgUrl(item.imgurl)" alt="" /> //这里给图片一个绑定一个方法，并传参 </li></ul>//js代码:methods:{
2021-06-13 18:23:07
1327
1
原创 CreateApp
CreateApp创建应用之前 ==> Vue2 :new Vue({ el: '#app', router, store, render: h => h(App)})现在 ==> Vue3 :使用createApp返回一个提供应用上下文的应用实例。应用实例挂载的整个组件树共享同一个上下文。createApp(App).use(store).use(router).mount('#app')可以在其后链式调用其他方法，主要有一下几种：
2021-06-12 11:20:14
5163
原创 前端路由简介
前端路由简介本文主要包含以下知识点：什么是前端路由hash 模式history 模式什么是前端路由路由这个概念最先是后端出现的。在以前用模板引擎开发页面时，经常会看到这样：http://www.xxx.com/login大致流程可以看成这样：浏览器发出请求服务器监听到有请求过来，开始解析 url 路径根据服务器的路由配置，返回相应信息（可以是 html 字串，也可以是 json 数据，图片等）浏览器根据数据包的 Content-Type 来决定如何解析数据
2021-06-11 21:11:52
235
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人