摘要:
宜搭的核心概念 @ 全局变量 在左侧数据源中添加变量,添加变量的写法和js的写法一致。 基本的变量使用 给文本绑定数据源,点击左侧刚才定义的全局变量,使用state.helloWorld.name的方式调用变量(对象取值) 预览中查看结果 查看输出内容以及调试方式 在页面发布中复制访问地址到浏览器就 阅读全文
摘要:
环境变量就是会根据当前的代码环境变化的变量叫做环境变量。 我们在项目中的代码环境大致分为下面几种: 1、开发环境 2、测试环境 3、预发布环境 4、灰度环境 5、生产环境 我们在项目中通常需要区分线上环境和开发环境的后端地址,例如: 开发环境:http://dev.api/ 生产环境:https:/ 阅读全文
摘要:
vite是一个开箱即用的构建工具,不需要做任何额外的配置就可以使用vite来帮你处理构建工作,在默认情况下我们的esmodule去导入成依赖的时候,要么是绝对路径,要么是相对路径,例如下面这个例子 import { count } from './counter.js' 但是在vite中,支持根据依 阅读全文
摘要:
在了解原型和原型链之前首先得明确它俩是什么东西: 原型:prototype 又称显示原型 1、原型是一个普通对象 2、只有构造函数才具备该属性 3、公有属性可操作 隐式原型:__proto__ 1、只有对象(普通对象、函数对象)具备 2、私有的对象属性,不可操作 有了上面的概念之后,我们再来探讨一下 阅读全文
摘要:
现实问题:在浏览器支持ES模块之前,JavaScript并没有提供原生机制让开发者以模块化的方式进行开发。这也正是我们对“打包”这个概念熟悉的原型:使用工具抓取、处理并将我们的源码模块串联成可以在浏览器运行的文件,例如:webpack、Rollop等工具,他们极大的改善了前端开发者的开发体验。 包含 阅读全文
摘要:
前提:浏览器只认识html、css、js 在实际项目中,一般都会具备如下功能: 1、TypeScript 2、Vue/React 3、less/scss 4、语法降级:babel 5、体积优化:UglifyJS ..... 这些文件浏览器是无法直接识别的,需要通过编译或转换成浏览器认识的样子 1、t 阅读全文
摘要:
在了解原型和原型链之前首先得明确它俩是什么东西: 原型:prototype 又称显示原型 1、原型是一个普通对象 2、只有构造函数才具备该属性 3、公有属性可操作 隐式原型:__proto__ 1、只有对象(普通对象、函数对象)具备 2、私有的对象属性,不可操作 有了上面的概念之后,我们再来探讨一下 阅读全文
摘要:
在了解小程序登录之前,请大家先了解小程序的全局实例和全局组件,以方便理解本文的后续内容,已经了解的可以直接开始。 全局实例和全局组件( 👈 点击直达) 微信小程序的登录流程 微信小程序的登录 首先需要写一个微信小程序的登录弹窗,登录弹窗的作用就是发起登录,让用户点击授权后登录小程序,该弹窗是一个全 阅读全文
摘要:
效果如下: pinia小菠萝分为头部和身体,头部三片叶子,菠萝为身体 头部 先绘制头部的盒子,将三片叶子至于头部盒子中 先绘制中间的叶子,利用border-radius实现叶子的效果,可以借助工具来快速实现圆角的预想效果 https://9elements.github.io/fancy-borde 阅读全文
摘要:
先写下一段文字 添加重复的线性渐变,该渐变倾斜45deg(倾斜角度依需求设置) 上面的为黑色、透明色的渐变,实际上渐变的颜色需要跟文字的背景颜色相同,如果文字的背景色是白色那么渐变的颜色就是白色、透明色,白色用来融入背景,透明色用来显示被遮住的文字,如下: 写下相同的文字,覆盖条纹阴影,调整文字的位 阅读全文