随笔分类 -  前端杂谈

前端学习Day63
摘要：PM2的使用： 全局安装：npm i pm2 -g 启动项目：pm2 start 脚本名 --name 自定义名称 查看运行项目：pm2 ls 停止项目：pm2 end 自定义名称/id值 重启项目：restart 自定义名称/id值 删除项目：delete 自定义名称/id值 部署项目至服务器： 阅读全文
posted @ 2022-11-06 14:10 HM-7 阅读(49) 评论(0) 推荐(0)
Vue2项目中的一些问题
摘要：1. vue创建项目后，在入口文件main.js中使用template模板，项目启动时报错You are using the runtime-only build of Vue where the template compiler is not available. Either pre-comp 阅读全文
posted @ 2022-11-02 09:55 HM-7 阅读(65) 评论(0) 推荐(0)
前端Vue2-Day62
摘要：编程式路由导航：不借助router-link实现路由跳转，使路由跳转更灵活。 ① 使用$router上的push和replace方法进行跳转： methods: { test1() { // push可以使得浏览器记住操作 this.$router.push({ name:..., path:... 阅读全文
posted @ 2022-10-29 10:50 HM-7 阅读(47) 评论(0) 推荐(0)
前端Vue2-Day61
摘要：路由传参params： ① 配置路由，声明接收params参数：在path路径以占位符：形式声明参数！ export default new VueRouter({ routes: [{ path: '/father', component: Father, children: [{ name: ' 阅读全文
posted @ 2022-10-28 09:03 HM-7 阅读(48) 评论(0) 推荐(0)
前端Vue2-Day60
摘要：Vue路由：vue-router(实现SPA应用) vue-router3 => vue2 vue-router4 => vue3 SPA应用： ① 单页web应用。 ② 整个应用只有一个完整的页面。 ③ 点击页面中的导航链接不会刷新页面，只会做页面的局部更新。 ④ 数据需要通过ajax请求获取。 阅读全文
posted @ 2022-10-27 15:58 HM-7 阅读(47) 评论(0) 推荐(0)
前端Vue2-Day59
摘要：getters配置项：加工state中的数据进行使用。（类似于computed） getters和state的关系类似于computed和data的关系 配置： const getters = { demo() { return ... } }, export default new vuex.St 阅读全文
posted @ 2022-10-26 11:40 HM-7 阅读(56) 评论(0) 推荐(0)
正则表达式
摘要：正则表达式描述了一种字符串匹配的模式，可以用来检查一个串是否含有某种子串、将匹配的子串替换或者从某个串中取出符合某个条件的子串等。 （说人话就是匹配字符串的简便方法） 本文采用regex101进行测试 限定符（Quantifier） 1） ？：即匹配该符号前的字符出现0次或者1次的文本 use出现 阅读全文
posted @ 2022-08-10 11:54 HM-7 阅读(101) 评论(1) 推荐(1)
前端Day03
摘要：盒子阴影和文字阴影 网页三大布局：标准流 浮动 定位 标准流即普通的元素 使用浮动布局需注意用标准流元素作为父级防止脱标 在网页布局时 通常不设置标准流父元素的高度 要使子元素填充撑大父元素 清除浮动的方法：额外标签法 父级增加overflow属性 父级添加after伪元素 父级添加双伪元素 ove 阅读全文
posted @ 2022-04-21 14:35 HM-7 阅读(32) 评论(0) 推荐(0)
前端Day02
摘要：CSS复合选择器： 链接伪类选择器：按照LVHA顺序写！！ <style> /* 要按照LVHA顺序写 */ a:link { color: #000; text-decoration: none; } /* link未被访问链接 */ a:visited { color: blue; } /* v 阅读全文
posted @ 2022-04-19 11:46 HM-7 阅读(33) 评论(0) 推荐(0)
前端Day1
摘要：锚点链接： <a href="#test">锚点链接</a> <h3 id="test">锚点位置</h3> 文字复合写法 font: text-align属性只能针对文本文字和img标签，对其他标签无效 text-indent / line-height设置段落 / 行间距 em单位为相对当前大小 阅读全文
posted @ 2022-04-17 17:41 HM-7 阅读(58) 评论(0) 推荐(0)