文章分类 - 1. web 开发
摘要：1. 样式隔离 封装复选框标签 需求: 复选框组件是公共组件,以后需要在多个页面或多个项目中使用,所以需要给复选框组件设置一些默认样式,并且保证其在其他页面或其他项目中使用时,可以修改当前样式 1. 在 复选框组件.js 文件中配置样式隔离模式 Component({ options:{ style
阅读全文
摘要：0. 概述 **公共组件: ** 将页面内的功能模块抽取成自定义组件, 以便于在不同的页面中重复使用, 一般存在在项目根目录的 components 文件夹中, 一个组件一个文件夹 **页面组件: ** 将复杂的页面拆分成多个低耦合的模块, 有助于代码维护, 一般存在在对应页面的目录中 1. 创建
阅读全文
摘要：1. 事件 小程序中不能通过 on 来绑定事件,需要使用 bind 方法来绑定事件,并且没有click事件,需要使用 tap 事件来代替 1. 事件绑定 **方式一: ** <view bind:tap="fnName"></view> **方式二: ** <view bindtap="fnName
阅读全文
摘要：1. 组件 ( HTML 标签) 1. view 最外层会被page标签包裹 <!-- view组件 类似于 H5 的 div 标签 --> <view class="box"> 小明 </view> 2. swiper 和 swiper-iitem 轮播图组件 **swiper : ** 滑块视图
阅读全文
摘要：1. 全局配置 全局配置都是在 app.json 中来修改配置项 1.官方文档 https://developers.weixin.qq.com/miniprogram/dev/reference/configuration/app.html 2. 路由数组 1.作用 通过指定 pages 配置项用
阅读全文
摘要：1. 概述 1.1 微信小程序是什么 微信小程序是一种运行在微信内部的轻量级应用程序,在使用小程序时,不需要下载安装,用户 扫一扫 或 搜一下 即可打开应用。它也体现了 用完即走 的理念,用户不用关心安装太多应用的问题。应用随时可用,但又无需安装、卸载 2. 环境搭建 2.1 注册小程序 https
阅读全文
摘要：1. 简述 webpack 是一个用于现代 JavaScript 应用程序的 静态模块打包工具。当webpack 处理应用程序时,会在内部从一个或多个入口点构建一个 依赖图 ,然后将项目中所需的每一个模块组合成一个或多个bundles,它们均为静态资源,用于展示你的内容 **静态模块: ** 指的是
阅读全文
摘要：1. 包 将模块、代码、其他资源聚合成一个文件夹 1.1 要求 要求: 软件包中必须在根目录中有一个 package.json 的文件(记录着包的清单信息) package.json { "name": "cz_utils", // 软件包的名称 "version": "1.0.0", // 软件包
阅读全文
摘要：1. 概述 Node.js 是一个跨平台 JavaScript 运行环境,使开发者可以搭建服务器端的 JavaScript 应用程序,可以使用 Node.js 编写服务器端程序(编写数据接口,提供网页资源浏览功能等) 2. 安装指定版本 node-v16.19.0.msi 安装程序(指定版本: 兼容
阅读全文
摘要：1. 安装Babel及其相关插件和Polyfill库 npm install --save-dev @babel/core @babel/preset-env core-js。 2. 根目录创建名为.babelrc的文件 { "presets": [ [ "@babel/preset-env", {
阅读全文
摘要：1. 公共配置 1. 公共前缀地址 utils/request.js axios.defaults.baseURL = "http://geek.itheima.net" 2. 警示框插件 utils/alert.js function myAlert(isSuccess,message) { co
阅读全文
摘要：1. Alert 警示框使用流程 1. HTML标签片段 <div class="alert info-box"> </div> 2. CSS 控制显示位置 .info-box{ width: 360px; position: absolute; top: 120px; left: 360px; z
阅读全文
摘要：1. 代码实现 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> select { width: 100px; } </style> </head> <body> <
阅读全文
摘要：https://www.aliyun.com/benefit/waitou/V2?utm_content=se_1017340980
阅读全文
摘要：1. 获取个人信息 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>个人信息设置</title> <link rel="stylesheet" href="https://cdn.jsdelivr.net/n
阅读全文
摘要：1. 图片上传 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>图片上传</title> </head> <body> <input type="file" class="upload"> <img clas
阅读全文
摘要：1. 图书列表 book_manager.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Bootstrap5-图书管理</title> <!-- 字体图标 --> <link rel="style
阅读全文
摘要：1. 下载 官方网站 https://www.npmjs.com/package/form-serialize 1. npm下载 npm install form-serialize 2. 收集表单数据 <form id="example-form"> <input type="text" name
阅读全文
摘要：1. 下载 1. 标签引入 <script src="https://unpkg.com/axios/dist/axios.min.js"></script> 2. npm下载 npm i -g axios 2. 调用API发送请求 2.1 GET 请求 获取数据 1. 不带参数 axios.get
阅读全文
摘要：1. Ajax 2. axios 1. 下载 1. 标签引入 <script src="https://unpkg.com/axios/dist/axios.min.js"></script> 2. npm下载 npm i -g axios 2. API 发送 axios.get("https://
阅读全文
浙公网安备 33010602011771号