03 2022 档案
摘要：float 指定一个元素应沿其容器的左侧或右侧放置，允许文本和内联元素环绕它。该元素从网页的正常流动(文档流)中移除。 float: left | right | none | inline-start | inline-end; .left { float: left; background: p
阅读全文
posted @ 2022-03-31 18:38
~LemonWater
摘要：文本 字体的属性也可以通过 font 的简写方式来设置 . 这些是按照以下顺序来写的： font-style, font-variant, font-weight, font-stretch, font-size, line-height, and font-family 在所有这些属性中，只有 f
阅读全文
posted @ 2022-03-31 17:16
~LemonWater
摘要：超链接 常用样式 color color: #000; cursor cursor: [...<url>] | [type]; type:[default | wait | pointer | text | zoom-in | zoom-out...] /* 后面备用，第一个值不显示就顺序以后面的值
阅读全文
posted @ 2022-03-31 16:34
~LemonWater
摘要：列表 预设值 <ul> 和 <ol>元素设置margin的顶部和底部: 16px(1em) 0;和 padding-left: 40px(2.5em); （在这里注意的是浏览器默认字体大小为16px）。 <li> 默认是没有设置间距的。 <dl> 元素设置 margin的顶部和底部: 16px(1e
阅读全文
posted @ 2022-03-31 15:43
~LemonWater
摘要：文本处理 写入模式 writing-mode: horizontal-tb | vertical-rl | vertical-lr; 值 描述 horizontal-tb 文本横向，块流向从上至下 vertical-rl 文本纵向，块流向从右至左 vertical-lr 文本纵向，块流向从左至右 i
阅读全文
posted @ 2022-03-31 15:29
~LemonWater
摘要：文本溢出 默认值 overflow: visible; 溢出时隐藏 overflow: hidden; 溢出时显示滚动 overflow: auto; 显示滚动条 /* x,y轴都可滚动 */ overflow: scroll; /* 仅x轴滚动 */ overflow: scroll hidden
阅读全文
posted @ 2022-03-31 15:18
~LemonWater
摘要：图像 & 表单 & 表格 图像 设置图像大小 object-fit: fill | contain | cover | none | scale-down; 值 描述 fill 填充元素的内容框，不保持长宽比 contain 保持长宽比，不保证填充完元素的内容框 cover 保持长宽比，填充元素的内
阅读全文
posted @ 2022-03-31 15:07
~LemonWater
摘要：值与单位 color值 十六进制： #F09 #FF0099 rgb RGB()—它有三个参数，表示颜色的红色、绿色和蓝色通道值 rgb(255, 0, 153.0) rgb(100%,0%,60%) rgba rgba(51 170 51 / 0.4) /* 40% opaque green */
阅读全文
posted @ 2022-03-31 14:49
~LemonWater
摘要：盒模型 margin, border, padding, and content 块级元素 (block box) * 盒子会在内联的方向上扩展并占据父容器在该方向上的所有可用空间，在绝大数情况下意味着盒子会和父容器一样宽 * 每个盒子都会换行 * width 和 height 属性可以发挥作用 *
阅读全文
posted @ 2022-03-31 14:34
~LemonWater
摘要：背景 背景色 设置透明度的颜色值：rgba(xxx,xxx,xxx,opacity) background-color: { } 背景图像 background-image: { } 是否平铺 background-repeat: no-repeat | repeat-x | repeat-y |
阅读全文
posted @ 2022-03-31 14:25
~LemonWater
摘要：css基础 外部引入样式 <link rel="stylesheet" href="styles/style.css"> 媒体查询 使用 媒体查询 来应用CSS，仅当某些条件成立(例如，当屏幕分辨率高于某一数量，或屏幕宽度大于某一宽度时)，常用于响应式布局定义一些特殊分辨率设备的样式。 body {
阅读全文
posted @ 2022-03-31 14:15
~LemonWater
摘要：选择器 通配选择器 * { } 类型选择器 h1 { } 类选择器 .box { } ID选择器 #unique { } 标签属性选择器 [type="button"]{} 伪类选择器 a:hover { } 伪元素选择器 p::first-line { } 后代选择器 article p { }
阅读全文
posted @ 2022-03-31 13:59
~LemonWater
摘要：报错 Provisional headers are shown 可能： 出现在 载入缓存资源,请求没有被发送, 而如果上一个资源加载失败,可能导致从缓存加载的资源失败, https://www.cnblogs.com/caicaizi/p/7844786.html 可能： js逻辑问题 https
阅读全文
posted @ 2022-03-31 11:45
~LemonWater
摘要：## node-sass & sass-loader #### 方法一： https://blog.csdn.net/weixin_38779534/article/details/108681003 先把之前装的`node-sass`卸载，再装上`sass-loader`，再装`node-sass
阅读全文
posted @ 2022-03-31 11:31
~LemonWater
摘要：### http-server 1. 下载http-server ```powershell $ npm install http-server -g ``` 2. 开启http-server ```powershell $ http-server -c-1 // （⚠️只输入http-server
阅读全文
posted @ 2022-03-31 11:26
~LemonWater
摘要：跨域 跨域 指的是浏览器不能执行其他网站的脚本。它是由浏览器的同源策略造成的，是浏览器对javascript施加的安全限制。 同源策略 是指协议，域名，端口都要相同，其中有一个不同都会产生跨域，在请求数据时，浏览器会在控制台中报一个异常，提示拒绝访问。 跨域问题怎么出现的 开发一些前后端分离的项目，
阅读全文
posted @ 2022-03-31 11:13
~LemonWater
摘要：翻译API google json结果 http://translate.google.cn/translate_a/single?client=gtx&dt=t&dj=1&ie=UTF-8&sl=auto&tl=zh_TW&q=calculate Bing xml结果 http://api.mic
阅读全文
posted @ 2022-03-31 10:55
~LemonWater
摘要：cookie,seesionStorage,localstorage区别 相同:都存储在客户端 不同: 大小:cookie 4k 另两个大得多 可达5M 有效时间 *cookie:可设置过期时间，过期时间前有效 seeionStorage:浏览器窗口关闭删除 localstorage:持久化，关闭浏
阅读全文
posted @ 2022-03-31 10:53
~LemonWater
摘要：乱数假文 https://www.jianshu.com/p/49ae671892d1 两个参数，第一个参数段落数，第二个参数每段的行数 英文乱数假文 =Lorem(10,10) 中文乱数假文 =rand(10,10)
阅读全文
posted @ 2022-03-31 10:50
~LemonWater
摘要：在小程序引入es7的 [async.await] 在小程序开发者工具中 “详情 → 本地设置 → es6 转 es5 下载 facebook的regenerator库中的 regenerator/packages/regenerator-runtime/runtime.js 注意：这里的给出的库是指
阅读全文
posted @ 2022-03-22 16:24
~LemonWater
摘要：传入请求参数对象，返回一个Promise对象 export const request=(params)=>{ return new Promise((resolve,reject)=>{ wx.request({ ...params, success:(result)=>{resolve(resu
阅读全文
posted @ 2022-03-21 17:27
~LemonWater
摘要："pages" 数组，存放项目所有页面， 在小程序开发者工具中编辑这数组可以在'/pages'路径下生成对应页面的文件夹 在项目中跳转时可以直接使用这里定义的路径 wx.navigateTo({url: '/pages/user/index'}); "window" 对象，项目基本框架的工具栏配置
阅读全文
posted @ 2022-03-21 17:07
~LemonWater
摘要：iconfont官网： https://www.iconfont.cn/； 选择需要的图标，添加至一个项目 进入个人主页，查看对应项目的图标并生成在线样式： 进入在线链接，复制生成的样式 点击查看代码 @font-face { font-family: "iconfont"; /* Project
阅读全文
posted @ 2022-03-21 15:30
~LemonWater
摘要：Git 命令基础： git init：初始化本地库 git init [projectName]：新建一个目录，将其初始化为Git代码库 git status：查看工作区、暂存区的状态 git add ：将工作区的“新建/修改”添加到暂存区 git add . ：将工作区的所有“新建/修改”添加到暂
阅读全文
posted @ 2022-03-21 15:09
~LemonWater
摘要：本地项目关联到远程 打开在你的项目文件夹，输入 git init 添加所有文件 git add . 提交所有文件 git commit -m 'msg' 连接到远程仓库,github新建仓库 “xxxx" 连接远程仓库，在本地的命令框中输入 git remote add origin https:/
阅读全文
posted @ 2022-03-21 13:36
~LemonWater
摘要：git上传忽略node-modules 点击项目文件，右键选择Git Bash进入命令行，输入touch .gitignore，生成.gitignore文件。 在生成的.gitignore文件里输入你要忽略的文件件及其文件即可。 // .gitignore文件 /node_modules /dist
阅读全文
posted @ 2022-03-21 13:31
~LemonWater
浙公网安备 33010602011771号