首页
写过的文章
Search
1
mock的基本用法
725 阅读
2
js的数组常用方法
703 阅读
3
cnpm安装教程
581 阅读
4
能有效解决问题的提问方法2.0
564 阅读
5
Vue、git指令
496 阅读
默认分类
JavaScript
Vue
TypeScript
登录
Search
标签搜索
底部导航
tabbar
底部导航栏
vue3隐藏底部导航栏
vue3隐藏tabbar
网页
黑白
网页黑白
cnpm安装
cnpm
Z的故事
累计撰写
23
篇文章
累计收到
135
条评论
首页
栏目
默认分类
JavaScript
Vue
TypeScript
页面
写过的文章
搜索到
7
篇与
默认分类
的结果
2022-09-16
Sass基本用法
什么是SassSASS是一种CSS的开发工具,提供了许多便利的写法,大大节省了设计者的时间,使得CSS的开发,变得简单和可维护变量所有变量以$开头$font_size: 12px; .container { font-size: $font_size; } 如果变量嵌套在字符串中,需要写在#{}中$side : left; .rounded { border-#{$side}: 1px solid #000; } 嵌套层级嵌套.container{ display: none; .header{ width: 100%; } } 属性嵌套,注意,border后需要加上冒号:.container { border: { width: 1px; } } 可以通过&引用父元素,常用在各种伪类.link{ &:hover{ color: green; } } mixin简单理解,是可以重用的代码块,通过@include 命令// mixin @mixin focus_style { outline: none; } div { @include focus_style; } 编译后生成div { outline: none; } 还可指定参数、缺省值// 参数、缺省值 @mixin the_height($h: 200px) { height: $h; } .box_default { @include the_height; } .box_not_default{ @include the_height(100px); } 编译后生成.box_default { height: 200px; } .box_not_default { height: 100px; } 继承通过@extend,一个选择器可以继承另一个选择器的样式。例子如下// 继承 .class1{ float: left; } .class2{ @extend .class1; width: 200px; } 编译后生成.class1, .class2 { float: left; } .class2 { width: 200px; } 运算这个就直接上代码.container{ position: relative; height: (200px/2); width: 100px + 200px; left: 50px * 2; top: 50px - 10px; } 编译后生成.container { position: relative; height: 100px; width: 300px; left: 100px; top: 40px; } 插入文件@import 来插入外部文件@import "outer.scss" 也可插入普通css文件@import "outer.css" 自定义函数通过@function 来自定义函数@function higher($h){ @return $h * 2; } .container{ height: higher(100px); } 编译后输出.container { height: 200px; } 注释两种风格的注释// 单行注释,编译后消失 /* 标准的CSS注释,会保留到编译后的代码中 */ 如果重要的注释,压缩编译后还想保留,可在 /* 后面加上 !/*! 重要注释,压缩编译也不会消失 */ 欢迎评论,纠正,改错,共同学习,一起进步!
2022年09月16日
346 阅读
0 评论
0 点赞
2022-09-13
git使用
git是什么git是分布式版本控制工具,可以管理项目代码,团队协作开发注意:版本指的不是文件,指的是【修改】!!!!!分布式:不依赖于某个服务器,可以单独在某个电脑上操作集中式:所有电脑或终端都依赖于某个中心服务器,如果中心服务器宕机了,则整个网络瘫痪了工作方式:命令行和GUI图形界面方式【软件操作】版本控制工具:git:分布式svn:集中式git环境看这里, 点这里官方下载地址安装运行电脑空白处右键--选择git bash--打开命令行(就是一个黑窗口)git常用命令查看电脑用户名和邮箱是否配置git config --list 配置用户名 git config --global user.name '用户名' 配置邮箱: git config --global user.email 'xxx@88.com' 初始化git git init 查看git状态 git status 添加到暂存区 git add 要添加的文件名 提交到本地仓库分支 git commit -m '要提交的说明' 例如:git commit -m '创建了index.html和index.js文件' 接下来git推送远程,需要去创建一个属于自己的远程仓库创建远程仓库首先要注册一个gihub或gitee帐号(这里演示github)注册仓库完成后接下来就是创建和配置公钥和密钥ssh-keygen -t rsa -b 4096 -C "邮箱名@126.com" 敲3回车 生成目录:c:/Users/你的用户名子/.ssh/id_rsa.pub 复制里面的全部内容到远程的 https://github.com/settings/keys id_rsa:密钥 留给自己 id_rsa.pub:公钥 放在远程仓库 密钥创建好就可以连接到远程了测试是否能连接到远程 ssh -T git@github.com 返回结果:Hi w3cteching! You've successfully authenticated, 开始连接远程 git remote add origin 这里的代码是点击仓库里绿色按钮code有个SSH下面有个连接复制到这上面 例:git remote add origin git@github.com:Zuiet/2109A.git 查看是否连接成功: git remote -v 然后将代码推送到远程如果git push推送失败,通常是远程仓库中有本地没有的文件代码,或远程仓库相同分支下的相同文件被你的队员改过,失败,解决方案:先拉取,再推送,如果不出现问题就执行下面代码!拉取:远程--本地 git pull origin master --allow-unrelated-histories 推送:本地--远程 git push -u origin master 如果无法打开github页面,因为是国外的网站时好时坏!可以下载一个火绒安全在打开的记事本后面加上 140.82.113.4 github.com在使用的时候出现BUG或者认为文档里那个模块修改的欢迎评论区指正
2022年09月13日
412 阅读
0 评论
0 点赞
1
2