- 博客(58)
- 收藏
- 关注
RSS订阅原创 volta(轻松切换管理Node.js版本）
Volta 既可以全局使用，也可以在项目级别使用，可以为每个项目单独设置node版本，nvm不行。提供了一个简单直观的命令行界面，可以轻松地安装、卸载、更新和切换Node.js版本。
2024-04-05 18:35:58
1423
2
原创 浏览器地址栏输入地址发生什么（浏览器输入不同的地址类型会导致不同的以为和结果）
当在浏览器的地址栏输入一个地址时，浏览器会进行DNS域名解析，得到IP地址，根据ip地址发起TCP的3次握手，建立TCP连接，建立连接之后发起http请求，服务器响应http请求，浏览器得到html代码，浏览器解析html代码，并请求html代码中的资源，浏览器对页面进行渲染呈现给用户。当在浏览器的地址栏输入一个地址时，通常情况下浏览器会发起一个HTTP请求来获取该地址对应的网页内容。
2024-03-26 09:04:07
609
1
原创 vue3对openlayers使用（加高德，天地图图层）
WebGIS四大框架：== Leaflet、OpenLayers、Mapbox、Cesium ==OpenLayers 是一个强大的开源 JavaScript 地图库，专注于提供可嵌入网页的交互式地图体验。作为一款地理信息系统（GIS）的前端开发工具，OpenLayers 提供了灵活的 API，允许开发者构建各种地图应用，从简单的地图显示到复杂的地理信息分析。
2024-03-23 23:58:38
3138
1
原创 百度地图的使用(js，vue2，vue3)
创建应用获取密钥ak是在百度地图开发者平台申请的密钥 详见 http://lbsyun.baidu.com/apiconsole/key。
2024-03-23 14:01:49
2491
3
原创 vue3 计算属性(computed)和监听属性（watch）的异同
不同：计算属性值会基于其响应式依赖被缓存，一个计算属性仅会在其响应式依赖更新时才会重新计算。方法调用总是会在重渲染发生时再次执行函数。,其数据源可以修改(firstName,lastName)//计算属性只读，使用。相同：结果完全相同。
2024-03-19 00:08:40
876
原创 css垂直水平居中(父元素宽高有无情况）+ flex用法
1. 父元素设置display:flex, 子元素设置 margin:auto. 2. 父元素相对定位，子元素绝对定位 4个属性都设置0，再设置margin:auto. 3. 父元素相对定位，子元素绝对定位，`left:50%,top:50%,transform:translate(-50%,-50%)` 4. flex布局，父元素 `display:flex,justify-content:center,align-items:center`
2024-01-26 19:30:07
1129
原创 form表单的数据校验可以自定义规则，定义验证器（validator）
/校验复选框是否勾选isagree:[{//rule 校验规则//value 校验的值//callback 函数-------promise（resolve reject）value?callback():callback(new Error('你必须勾选用户的使用协议'))}]
2023-12-07 21:06:32
604
原创 pinia简单使用
自动将ref 识别为stste,computed 相当于 getters,function 相当于 actions。vue create 方式使用脚手架创建项目，vue cli处理，在pinia中，将使用的组合式函数识别为状态管理内容。vue3后新的脚手架工具。
2023-11-03 17:46:21
172
原创 微信小程序 onTabItemTap点击底部导航栏
微信小程序 onTabItemTap 每次点击切换底部导航栏 都会触发，可以用于刷新页面数据。
2023-10-25 11:10:55
933
原创 vue2和vue3 tree（使用插槽）和（过滤搜索关键字）的区别
vue2 使用slot-scope=“{node, data }"补充：设置字数限制(可通过js过滤和css样式)
2023-04-15 15:11:38
760
原创 vue3 中Element Plus的el-select 样式(包括更换小图标样式)
vue3 中Element Plus的el-select 样式(包括更换小图标样式)
2023-02-13 11:00:00
4148
2
原创 解决vue2和vue3 ECharts二次渲染不出现的问题（切换不显示 ref）
解决vue2和vue3 ECharts二次渲染不出现的问题（切换不显示 ref）
2023-02-11 10:21:38
1507
原创 (js时间转换)北京时间转年月日--moment.js，获取当前时间
代码】(js时间转换)北京时间转年月日--moment.js，获取当前时间。
2022-07-30 16:51:27
1863
原创 线性渐变 `-webkit-linear-gradient`
通常只需要linear-gradient，兼容性较好。但iphone5的ios6系统下，linear-gradient不识别，需要加上-webkit-linear-gradient。linear-gradient和-webkit-linear-gradient的用法是有很大区别的，千万别以为只是多了一个-webkit。主要是第一个参数direction。使用角度时也不一样，前者0deg表示从下到上，而后者0deg表示从左到右。...
2022-07-19 11:06:00
3819
原创 vuex 异步发送请求
vuex 异步发送请求store里请求数据import Axios from 'axios'export default new Vuex.Store({ // 共享数据 state: { carlists: [], }, mutations: { getdata(state, res) { state.carlists = res }, },
2021-11-20 16:43:59
1789
原创 Node+Mysql使用对数据的增删改查（语句）
Node+Mysql使用对数据的增删改查（语句）增删改查数据库语句const mysql = require('mysql')// 创建数据库连接对象const db = mysql.createPool({ host: '127.0.0.1', user: 'root', password: 'admin', database: 'my_db_01', }) // 1.查询 // db.
2021-10-19 20:37:51
191
原创 vue中滚动到一定位置固定(吸顶效果)
vue中滚动到一定位置固定(吸顶效果)**效果：**开始的导航高度100px,滚动距离>=100px后高度变为90px 且固定在顶部<template> <div class="nav-sub "> <active-btn :class="fixed == true ? 'fixed' : ''"> 可添加文字</active-btn > </div></
2021-10-19 10:58:38
3429
原创 在vue中如何使用字体图标(阿里巴巴)
在vue中如何使用字体图标(阿里巴巴)1.选择需要的图标加入购物车。2.打开购物车，添加至项目。3.点击生成在线代码4.点击下载至本地，放入需要文件夹下，可以放入assets下。5.在style中引用<style lang="less" scoped>@import '../assets/font/iconfont.css';@font-face { font-family: 'iconfont'; /* Project id 2845322 */ src: url('
2021-10-01 08:39:06
348
原创 简易版购物车案例(vue)
简易版购物车案例(vue)<div id="app"> <div v-if="books.length"> <table> <thead> <th></th> <th>书籍名称</th> <th>出版日期<
2021-09-23 17:50:37
128
原创 数组方法forEach，filter，some，every，reduce
1.数组方法迭代遍历方法：forEach(),map(),filter(),some(),every()1.1.forEach方法arr.forEach(function(value,index,array){ console.log("每个数组元素当前的值"+value); console.log("每个数组元素的索引号"+index); console.log("数组本身"+array); sum+=v
2021-09-03 18:46:18
159
原创 JavaScript 基本(简单)类型 引用(复杂数据)类型
JavaScript 基本类型 引用类型 简单赋值 对象引用一.基本类型(简单数据类型)基本的数据类型有：undefined，boolean，number，string，null。1.基本类型的值是不可变var person = 'rzizi';person.age = 20;person.method = function(){//...};console.log(person.age); // undefinedconsole.log(person.method); // unde
2021-09-03 16:39:49
116
原创 vue-cli 快速生成工程化的 Vue 项目
vue-cli 快速生成工程化的 Vue 项目vue-cli 是 Vue.js 开发的标准工具。它简化了程序员基于 webpack 创建工程化的 Vue 项目的过程。中文官网：https://cli.vuejs.org/zh/安装和使用vue-cli 是 npm 上的一个全局包，使用 npm install 命令，即可方便的把它安装到自己的电脑上：npm install -g @vue/clivue -V //检查是否成功安装基于 vue-cli 快速生成工程化的 Vue
2021-09-03 15:32:47
314
原创 模板字符串``
模板字符串``声明 let a=这是a;内容可以直接出现换行符变量拼接可以添加标签`<strong>${uname}</strong>`let a="w";let out=`${a}是什么`;console.log(out);//w是什么模板字面量 是允许嵌入表达式的字符串字面量vue中使用时： {{`rgb(${r},${g},${b})`}} //模板字符串<div class="div" :style="{backgr
2021-08-31 16:25:54
67
原创 ES6 结构赋值
ES6 结构赋值官方概述解构赋值是对赋值运算符的扩展。是一种针对数组或者对象进行模式匹配，然后对其中的变量进行赋值。在代码书写上简洁且易读，语义更加清晰明了；也方便了复杂对象中数据字段获取。数组模型的解构（Array）基本let [a, b, c] = [1, 2, 3];// a = 1// b = 2// c = 3可嵌套let [a, [[b], c]] = [1, [[2], 3]];// a = 1// b = 2// c = 3可忽略let
2021-08-31 16:21:04
82
原创 axios 发起请求，基本用法
axios 发起请求什么是 axios？Axios 是一个基于 promise 的 HTTP 库，可以用在浏览器和 node.js 中。axios 是一个专注于网络请求的库！Axios 是一个基于 promise 的 HTTP 库，可以用在浏览器和 node.js 中。Axios中文网： http://www.axios-js.com使用 cdn: //先导入axios库文件才可使用<script src="https://unpkg.com/axios/dist/axios
2021-08-31 16:05:09
601
原创 图片滑动发大效果scale()方法
图片滑动发大效果 scale()方法缩放，根据中心原点进行缩放，里面数字大于1是 ”放大“里面数字小于1是 “缩小”scaleX(x)：元素仅水平方向缩放（X轴缩放）scaleY(y)：元素仅垂直方向缩放（Y轴缩放）scale(x,y)：元素水平方向和垂直方向同时缩放（X轴和Y轴同时缩放）transform: scale(0.2);transform: scale(1.2);img { width: 100px; height: 100p
2021-08-30 15:52:18
344
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人