张先生的前端日志

OpenLayers 开源的处理二维地图的JavaScript库 的，开发旨在进一步利用各种地理信息。OpenLayers 可让您轻松地在任何网页中放置动态地图。它可以显示从任何来源加载的地图图块、矢量数据和标记。（就是更方便的加载、配置网页地图）

Vue3、Vite5、PrimeVue、Unocss、Oxlint、Husky9 简单搭建最新的Web项目模板

主要旨在简单理解Vue底层相关术语以及之间的关系，虚拟DOM、渲染函数、diff、抽象语法树（AST）

在表单输入元素或组件上创建双向绑定

Pinia 是 Vue 的存储库，它允许您跨组件/页面共享状态。从上面官网的解释不难看出，Pinia和Vuex的作用是一样的，它也充当的是一个存储数据的作用，存储在pinia的数据允许我们在各个组件中使用。...

Vue移动端基于vw适配方案（简单，复制粘贴即可）移动端相关术语解析（易懂，易于了解）

一款用于构建 Web 界面，易学易用，性能出色且功能丰富的框架。

Vue移动端适配方案(vue-cli3)—— 相关npm包简述lib-flexible ：由淘宝团队整出的一种弹性布局方案，是一个制作H5适配的开源库postcss-loader：使用 PostCSS的方式处理csspostcss-px2rem：用于将 px 转换为 rem 的插件postcss-px2rem-exclude：postcss-px2rem不能忽略指定文件，此包用于增加排除注意：仔细看各段小标题！！！！！！npm安装npm install --save lib-flexi

vue-cli跨域解决前言步入正题跨域是什么？前言解决跨域我想在坐的各位都会听说过几个解决跨域的方法有什么 cors后端配置（加几个请求头）、jsonp（利用script的src属性）、还有vue-cli前端配置。本文讲述的就是vue-cli前端配置的方式解决跨域其实一说跨域就要想到很多问题跨域是什么？为什么会产生跨域？如何解决跨域…下面会 一 一 解答步入正题跨域是什么？跨域其实就是违背了浏览器的一种策略，这种策略就是同源策略（Same origin policy），头大 同

Vuecli2和Vuecli3初始化项目的过程，简单易懂介绍构建项目Vuecli2初始化项目过程介绍VueCLI 是一个基于 Vue.js 进行快速开发的完整系统，采用零配置等方式快速构建。扩展：CLI (Command-Line Interface)，翻译为命令行界面，是一个全局安装的 npm 包，提供了终端里的 vue 命令。俗称脚手架构建项目全局安装npm install –g vue-cliVuecli2初始化项目过程回车进入下一步操作一二runtime-comp

vuex状态管理初识在阅读本文章时，需要对 vue 有一定的熟悉了解，在不时很熟悉的情况下请到这里来哦初识vuex 又称vue状态管理。它是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。（听着属实有一点点蒙，说白了就是帮vue管理一些数据，使这些数据能在vue各组件之间共享）也有一个最大的特点 它管理的数据也都是响应式的// 定义一个store的实例对象，在这个对象中存放共享的数据let st

Vue Router的简单理解前言初识前言Vue Router 是 Vue.js 官方的路由管理器。它和 Vue.js 的核心深度集成，它能够让构建单页面应用变得易如反掌。（来自官方的一段话）初识这里面所涉及到的后面都会有解释，文章阅读完后一定要再次回到这里哦安装//1、使用cdn或者直接下载该连接的文件//https://unpkg.com/vue-router/dist/vue-router.js//注意：vue路由是基于vue的，在引入vue-router之前先引入vue.js

  Vue.js（读音 /vjuː/, 类似于 view）是一个构建数据驱动的 web 界面的渐进式框架。他的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。只关注视图层，它不仅易于上手，还便于与第三方库或项目整合。...