随笔分类 -  兴趣使然--前端学习

摘要: 阅读全文
posted @ 2022-05-29 00:05 次林梦叶 阅读(69) 评论(0) 推荐(0)
摘要:《创建一个最基本的web服务器》 阅读全文
posted @ 2022-05-27 21:43 次林梦叶 阅读(17) 评论(0) 推荐(0)
摘要:《利用path.join()拼接路径》 使用+进行字符串拼接路径有一定的危险与不足 比如: 我想在path.js下打开text文件下的01.txt如果想用__dirname用+是实现不了的; 但在path.join()的情况下有‘../’可以用来抵消上一层的目录进而如上可以实现 阅读全文
posted @ 2022-05-27 20:35 次林梦叶 阅读(25) 评论(0) 推荐(0)
摘要:在我的如上的路径中,很奇怪的事情发生了:在C:\Users\86150\Documents\nodejs_code\code的当前目录下, 我执行以上的代码却跳转到了'C:\Users\86150\Documents\nodejs_code\code\text\01.txt'去执行 这是因为:(所谓 阅读全文
posted @ 2022-05-27 12:51 次林梦叶 阅读(111) 评论(0) 推荐(0)
摘要:《1.将字符串切分为数组的spilt()函数》 1 split定义和用法 2 3 split() 方法用于把一个字符串分割成字符串数组。 4 5 语法 6 arr=stringObject.split(separator,howmany) 7 8 参数 描述 9 separator 必需。字符串或正 阅读全文
posted @ 2022-05-27 10:31 次林梦叶 阅读(35) 评论(0) 推荐(0)
摘要:《1.fs.readFile()模块》 《2.fs.writeFile()模块》 阅读全文
posted @ 2022-05-26 23:22 次林梦叶 阅读(30) 评论(0) 推荐(0)
摘要:《1、nodejs是什么》 《2、运用终端执行js文件》 终端中的基本操作: 1 1.cd CD命令是在一个盘符内切换目录用的 2 比如我想在初始的 C:\Users\86150> 下到C:\Users\86150\Documents\nodejs_code 3 可以C:\Users\86150>c 阅读全文
posted @ 2022-05-26 23:08 次林梦叶 阅读(30) 评论(0) 推荐(0)
摘要:全局事件总线有时在实现时,比如A中的一个数据x,B,C,D都想用,则会有上图的复杂情况 Vuex的实现原理图: 1 state,mutation,actions他们都是对象 2 要经过store这个去管理 3 state像一盘菜,vue components像客人 , action 像服务员 4 m 阅读全文
posted @ 2022-05-22 15:26 次林梦叶 阅读(27) 评论(0) 推荐(0)
摘要:1 注意: 2 .hello-enter-active{} 3 这样的前面是有. 4 在vue中要使用动画的盒子必须要使用<transition></transition>包裹起来 5 还要在这个标签中起名字来区分 6 这里我起的是hello 7 实现起来如图所示 1 这个是vue中底部实现的方式: 阅读全文
posted @ 2022-05-20 23:19 次林梦叶 阅读(29) 评论(0) 推荐(0)
摘要:这个是在<style></style>中定义使用的 注意这个持续时间是动画运行一次的时间; 改变任意多的样式任意多的次数体现在: 这个百分比是各个时间段的各个状态的意思 接下来是各个动画属性: 这个是有简写形式的:如: .come{ /*animation: name duration timing 阅读全文
posted @ 2022-05-17 23:47 次林梦叶 阅读(31) 评论(0) 推荐(0)
摘要:1.函数在执行时,加()与不加()的区别: (1).一些属性方法不用加: 在javascript中关于length是这样定义的:length 属性可返回字符串中的字符数目。所以说为什么不用括号,因为length是一个字符串对象的属性.属性则是通过 ".属性" 的方法调用. (2).具体函数方法时: 阅读全文
posted @ 2022-05-13 21:37 次林梦叶 阅读(20) 评论(0) 推荐(0)
摘要:< 《利用Bootstrap来进行响应式开发》 bootstrap链接:https://www.bootcss.com/ 下载bootstrap,并且将文件引入 由于响应式开发首先要一个大容器,将要响应式的东西放在容器中; 利用Boostrap有现成的容器: 其自动帮我们写好了媒体查询 栅格系统 B 阅读全文
posted @ 2022-05-09 19:59 次林梦叶 阅读(67) 评论(0) 推荐(0)
摘要:render:h=>h(App)的写法是一步一步由以上精简过来的,render:()=>{},由于箭头函数的简写模式 + createElement是一个传入参数可以写一个简单的名字,于是就有官方的写法 《!--下面是关于ref的相关内容:--》 在我写的APP.vue中的school组件中如下: 阅读全文
posted @ 2022-05-09 15:22 次林梦叶 阅读(33) 评论(0) 推荐(0)
摘要:在设置flex布局之后,就不分行内元素,与块级元素了,给父盒子设置display:flex,父盒子会自动将子盒子设置成块级元素; justify-content有一个好处是在页面缩小时,盒子不会不会掉下来,且保持大小不变; 当我们用以上的时候,其只能一行显示,即盒子不会掉下来,如果总是往里面塞盒子, 阅读全文
posted @ 2022-05-06 11:14 次林梦叶 阅读(48) 评论(0) 推荐(0)
摘要:极其注意全局时:Vue.component(),component没有s!!! 命名: 上述讲清楚了Vue和VueComponent的关系。 阅读全文
posted @ 2022-05-06 10:06 次林梦叶 阅读(26) 评论(0) 推荐(0)
摘要:如:我们想做一个呼吸灯的效果,我们希望这个灯的opacity一开始是1(这里不确定以后我们想改),然后不断变暗,到最后消失,opacity在回到1,这样不断闪。 那,做这个效果一定要开一个定时器,定时器放到哪里好呢? 放到 new Vue({ data:{ opacity:1. } methods: 阅读全文
posted @ 2022-05-05 11:39 次林梦叶 阅读(66) 评论(0) 推荐(0)
摘要:display:flex 首先实现弹性布局需要再父盒子上写 其子盒子变成inline-block 内联样式(inline) 不再受到width,height等控制 不换行,所占据大小为子盒子叠加大小 块样式(block) 强行占据一整行 占据width为整行,占据height大小为子盒子叠加大小 内 阅读全文
posted @ 2022-01-15 15:44 次林梦叶 阅读(37) 评论(0) 推荐(0)