怪奇物语

怪奇物语

首页 新随笔 联系 管理

2022年4月2日 #

摘要: 前言 基于vuex的一个计数器,熟悉项目的搭建过程. 普通的计数器 文件目录 "vuex learn.lnk" 输出效果 Vuex实现计数器 1. 这个计数器中, , ,共用一个来自vuex中的数据. 安装Vuex 创建store 1. 在src下创建一个store文件夹 2. 然后创建一个stor 阅读全文
posted @ 2022-04-02 21:59 超级无敌美少男战士 阅读(60) 评论(0) 推荐(0)

2022年4月1日 #

摘要: uniapp中Promise形式封装一个get请求 getData.js export const getData = (url)=>{ return new Promise((resovle,reject)=>{ uri.request({ url, method:'get' }) .then(r 阅读全文
posted @ 2022-04-01 23:30 超级无敌美少男战士 阅读(204) 评论(0) 推荐(0)

摘要: template和block标签 uni-app 支持在 template 模板中嵌套 <template/> 和 <block/>, 用来进行 列表渲染 (opens new window)和 条件渲染 (opens new window)。 <template/> 和 <block/> 并不是一 阅读全文
posted @ 2022-04-01 22:29 超级无敌美少男战士 阅读(892) 评论(0) 推荐(0)

摘要: 输出效果 tabBar页面的配置 配置pages,相当于vue中的路由,数组的第一项是默认启动页 配置tabBar pages.json { "pages": [ //pages数组中第一项表示应用启动页,参考:https://uniapp.dcloud.io/collocation/pages { 阅读全文
posted @ 2022-04-01 22:18 超级无敌美少男战士 阅读(445) 评论(0) 推荐(0)

摘要: 尽量使用class添加样式,生成的微信小程序才有效 使用id添加的样式的,则无效 符合规范,就没有这个问题 阅读全文
posted @ 2022-04-01 22:02 超级无敌美少男战士 阅读(145) 评论(0) 推荐(0)

摘要: 生命周期的混合使用 在uniapp中,小程序的生命周期可以和vue的生命周期混合使用 不建议混用,因为已经够用了. 阅读全文
posted @ 2022-04-01 21:59 超级无敌美少男战士 阅读(405) 评论(0) 推荐(0)

摘要: 首次加载 这个和vue中父子组件的加载不同,我以为会是下面顺序 App Show 之后,子组件在加载,显示.顺序和vue中的父子组件加载顺序有些不同 所以这个App更像是一个"基础" 切换界面 阅读全文
posted @ 2022-04-01 18:54 超级无敌美少男战士 阅读(462) 评论(0) 推荐(0)

摘要: 总结 App的生命周期,也就是全局的生命周期是会执行的. 父组件index.vue中的生命周期也是会执行的. 父组件中调用的子组件SearchBar.vue的生命周期不会执行 组件结构 输出效果 阅读全文
posted @ 2022-04-01 18:46 超级无敌美少男战士 阅读(537) 评论(0) 推荐(0)

摘要: 方式一和方式二都是不太推荐,推荐方式三,计数自增的方式 阅读全文
posted @ 2022-04-01 16:59 超级无敌美少男战士 阅读(29) 评论(0) 推荐(0)

2022年3月31日 #

摘要: vw就是view width,可视宽度,所以一般来说都是可是窗口的一半. 百分比的宽度,就是自己父元素宽度的一半了. <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Com 阅读全文
posted @ 2022-03-31 08:02 超级无敌美少男战士 阅读(1803) 评论(0) 推荐(0)

摘要: ![image](https://img2022.cnblogs.com/blog/1222814/202203/1222814-20220331073535933-951853431.png) 阅读全文
posted @ 2022-03-31 07:37 超级无敌美少男战士 阅读(46) 评论(0) 推荐(0)

2022年3月30日 #

摘要: 加载渲染过程 父组件再创建,挂载完成之前,会先创建子组件,然后挂载上去,最后再完成自己的挂载. 子组件的更新过程 子组件的更新,会引起父组件的更新,所以说有点像"父组件的更新把子组件包裹起来的样子" 父组件的更新过程 父组件的更新,就仅仅只是自己的更新. 销毁过程 如果是父组件销毁,那么再销毁自己之 阅读全文
posted @ 2022-03-30 18:27 超级无敌美少男战士 阅读(118) 评论(0) 推荐(0)

摘要: attribute 是 dom 元素在文档中作为 html 标签拥有的属性 property 就是 dom 元素在 js 中作为对象拥有的属性。 阅读全文
posted @ 2022-03-30 17:50 超级无敌美少男战士 阅读(58) 评论(0) 推荐(0)

摘要: 两个等号的比较 因为a是个对象,所以在和其他类型的变量进行比较的时候,会调用对象a的toString()方法. 所以说,只要控制toString()方法的返回值,每次都是和要比较的变量相等就行. 阅读全文
posted @ 2022-03-30 16:07 超级无敌美少男战士 阅读(41) 评论(0) 推荐(0)

摘要: 深拷贝的new obj.constructor? 比如说我要深拷贝 zhangsan 这个对象,然后然后就是在构造函数中传入 zhangsan ,然后 zhangsan.constrcutor 通过原型链的方式,也就是 zhangsan.proto.constrcutor 找到Perosn()这个构 阅读全文
posted @ 2022-03-30 09:25 超级无敌美少男战士 阅读(51) 评论(0) 推荐(0)

摘要: 对象里面为函数的对象会丢失 日期类型的对象会'固化' 阅读全文
posted @ 2022-03-30 09:12 超级无敌美少男战士 阅读(70) 评论(0) 推荐(0)

2022年3月29日 #

摘要: 用到了闭包,里面的函数用到外外面函数的变量i 其次,这个test的值,并不是外面的那个函数,因为外面包裹的这个函数是立即执行函数,所以test实际指向里面的那个function. 在调用test(5)的时候,虽然传入了参数5,但是因为这个函数并没有用到这个传入的参数5,里面的i用的是闭包中的i,也就 阅读全文
posted @ 2022-03-29 10:52 超级无敌美少男战士 阅读(36) 评论(0) 推荐(0)

2022年3月26日 #

摘要: ![image](https://img2022.cnblogs.com/blog/1222814/202203/1222814-20220326232401807-585734617.png) 阅读全文
posted @ 2022-03-26 23:24 超级无敌美少男战士 阅读(24) 评论(0) 推荐(0)

2022年3月22日 #

摘要: 通过util工具将fs模块包装成promise形式 阅读全文
posted @ 2022-03-22 23:19 超级无敌美少男战士 阅读(44) 评论(0) 推荐(0)

2022年3月8日 #

摘要: 记事本是一个常用的系统自带工具,很多人都把它当成默认的编辑工具。如果将记事本放到右键菜单中,那启动效率会高很多。这在 Win10 下该如何操作呢? 右键菜单中添加 “记事本” 1.Win + R 打开 “运行”,输入“regedit” 打开注册表。 2 定位到 “HKEY_CLASSES_ROOT\ 阅读全文
posted @ 2022-03-08 14:38 超级无敌美少男战士 阅读(910) 评论(0) 推荐(0)

2022年3月1日 #

摘要: 水平居中布局 text align: center; 字面意思:用来控制自己标签内的文字是否居中 如果其子元素是 元素、 元素,会使其居中 如果其子元素本来是 元素通过转换的方式 或 ,也会使其居中 常见的inline内联元素: 纯文字, span、img、a、lable、input、abbr(缩写 阅读全文
posted @ 2022-03-01 18:01 超级无敌美少男战士 阅读(203) 评论(0) 推荐(0)

2022年2月28日 #

摘要: 双栏布局 双栏布局非常常见,往往是以一个定宽栏和一个自适应的栏并排展示存在 浮动布局 实现思路也非常的简单: 使用 float 左浮左边栏 右边模块使用 margin left 撑出内容块做内容展示 为父级元素添加BFC,防止上方内容飞到下方元素 代码效果 ==没有使用bfc== ==使用了bfc= 阅读全文
posted @ 2022-02-28 19:39 超级无敌美少男战士 阅读(81) 评论(0) 推荐(0)

2022年2月26日 #

摘要: 函数的参数封装 橙色部分,没有使用展开运算符,所以就是把第二个参数直接赋值给args了. 黄色部分,使用了展开运算符,所以2,3,4,被封装成一个数组传递给args了. 也就是说,使用了展开运算符的形参,会把剩余的那些参数封装成一个数组传递过去. 阅读全文
posted @ 2022-02-26 19:22 超级无敌美少男战士 阅读(54) 评论(0) 推荐(0)

摘要: 切换数组的this 错误的方式 正确的方式 阅读全文
posted @ 2022-02-26 13:27 超级无敌美少男战士 阅读(64) 评论(0) 推荐(0)

摘要: 判断一个变量是否是对象类型 null是属于object类型,所以要剔除null function类型也是object类型,所以要算进去 阅读全文
posted @ 2022-02-26 10:46 超级无敌美少男战士 阅读(107) 评论(0) 推荐(0)

2022年2月25日 #

摘要: 生成器 什么是生成器 yield的返回值 1. yield后面的返回值,返回到调用next()返回的对象的value里面 生成器.return()代码提前终止执行 1. return()实现代码的提前终止执行 生成器代替迭代器 生成器代替迭代器 方式一 "03_生成器代替迭代器.js" ==关键代码 阅读全文
posted @ 2022-02-25 21:14 超级无敌美少男战士 阅读(50) 评论(0) 推荐(0)

摘要: 事件循环 1. js线程,也是主线程,主要执行js同步代码 2. 然后遇到异步代码,比如说定时器,然后就会放到浏览器其他线程里面,开始计时 3. 计时成功之后,这个js线程,并不会立即执行, 4. 计时成功之后,其他线程,会把这个放到任务队列里面 5. 而是js线程空闲的时候,就去任务队列里面看,有 阅读全文
posted @ 2022-02-25 21:13 超级无敌美少男战士 阅读(54) 评论(0) 推荐(0)

2022年2月24日 #

摘要: 绝对定位(absolute)-重点 绝对定位是元素以带有定位的父级元素来移动位置 完全脱标–完全不占位置 父元素没有定位,则以浏览器为准定位 父元素没有定位 父元素有定位 将元素依据最近的已经定位(绝对、固定或相对定位)的父元素进行定位 总结 绝对定位特点: 绝对是相对于带有定位的父级元素来移动位置 阅读全文
posted @ 2022-02-24 21:14 超级无敌美少男战士 阅读(141) 评论(0) 推荐(0)

摘要: CSS浮动 很早以前就接触过 CSS,但对于浮动始终非常迷惑,可能是自身理解能力差,也可能是没能遇到一篇通俗的教程。 前些天小菜终于搞懂了浮动的基本原理,迫不及待的分享给大家。 写在前面的话: 由于 CSS 内容比较多,小菜没有精力从头到尾讲一遍,只能有针对性的讲解。 如果读者理解 CSS 盒子模型 阅读全文
posted @ 2022-02-24 16:16 超级无敌美少男战士 阅读(78) 评论(0) 推荐(0)

2022年2月22日 #

摘要: 人有因食而积者,有因气而积者,久而久之则脾胃受伤,难于医治。 所以应节制饮食,力戒怒气,不使两者积聚为好。 患者可升身闭息,鼓动胸腹,俟其气满,缓缓呵出。如此行五七次,便得通畅。 有道是:气滞脾虚食不消,胸中膨闷最难调。徐徐呵鼓潜通泰,疾退身安莫久劳。 《析疑指迷论》 阅读全文
posted @ 2022-02-22 19:12 超级无敌美少男战士 阅读(53) 评论(0) 推荐(0)

摘要: 齿若有疾,乃脾胃之火熏蒸, 可在清晨睡醒时,叩齿三十六通,以舌搅牙 龈之上,不论遍数,待津液满口,方可咽下,重复三次才停止。 待有小便之时,闭口紧叩牙齿,小便毕才开口,则永无齿疾。 有道是:热极风生齿不宁, 清晨叩齿自惺惺。若教运用无暌隔,还许他年老复丁。 《析疑指迷论》 阅读全文
posted @ 2022-02-22 19:09 超级无敌美少男战士 阅读(78) 评论(0) 推荐(0)

2022年2月21日 #

摘要: 迭代器 什么是迭代器 JavaScript 原有的表示“集合”的数据结构,主要是数组( )和对象( ),ES6 又添加了 和`Set Map Map`的成员是对象。这样就需要一种统一的接口机制,来处理所有不同的数据结构。 遍历器(Iterator)就是这样一种机制。它是一种接口,为各种不同的数据结构 阅读全文
posted @ 2022-02-21 10:11 超级无敌美少男战士 阅读(48) 评论(0) 推荐(0)

2022年2月20日 #

摘要: 回调函数 对比-普通函数和异步函数返回值 普通函数的直接返回想要的数据,可以异步函数不行,于是便有了回调函数. 进化-回调函数 例子1 以前是我希望调用你这个函数,然后能够给我返回一些数据,在我这里进行处理,但是我拿不到数据 现在呢,我调用你这个函数,感觉我把怎么处理这些数据的流程都告诉你了,然后在 阅读全文
posted @ 2022-02-20 22:52 超级无敌美少男战士 阅读(37) 评论(0) 推荐(0)

2022年2月17日 #

摘要: 微软官方网址 https://docs.microsoft.com/en-us/windows/win32/inputdev/virtual-key-codes mdn的参考网址 https://developer.mozilla.org/zh-CN/docs/Web/API/KeyboardEve 阅读全文
posted @ 2022-02-17 20:54 超级无敌美少男战士 阅读(1142) 评论(0) 推荐(0)

2022年2月16日 #

摘要: this在全局作用域下指向什么? 这个问题非常容易回答,在浏览器中测试就是指向window 所以,在全局作用域下,我们可以认为this就是指向的window console.log(this); // window var name = "why"; console.log(this.name); 阅读全文
posted @ 2022-02-16 19:28 超级无敌美少男战士 阅读(55) 评论(0) 推荐(0)

摘要: 相邻兄弟选择器 就是选择紧跟在后面的一个兄弟元素 符号加号+ 所有兄弟选择器 就是选择所有的兄弟元素 符号波浪号~ 例子 效果 关键代码 代码 <!DOCTYPE HTML> <html> <head> <style type="text/css"> h1 + p {background-color 阅读全文
posted @ 2022-02-16 11:05 超级无敌美少男战士 阅读(807) 评论(0) 推荐(0)

2022年2月15日 #

摘要: 背景 就是读取txt中的一行一行的超链接,然后黏贴到讯飞有声里面,然后收藏 代码 const path = '/sdcard/_01目录/'; const txtFiles = files.listDir(path, function (name) { return name.endsWith('. 阅读全文
posted @ 2022-02-15 23:57 超级无敌美少男战士 阅读(2469) 评论(0) 推荐(0)

摘要: 背景 这个可以用来提取话题界面中的文章链接 const fs = require('fs'); const cheerio = require('cheerio'); let path = `./html`; fs.readdir(path, function (err, files) { file 阅读全文
posted @ 2022-02-15 22:05 超级无敌美少男战士 阅读(178) 评论(0) 推荐(0)

摘要: 背景 有时候遇到这个问题,就是向某个目录中写入一个文件,需要层层创建目录,然后才能创建文件,最后写入文件. 这个时候就会出现一个麻烦的事情,就是不知道这个目录存不存在,如果这个目录不存在,就是有可能会报错,每次都得检查,就是显得很麻烦,于是封装下面的代码,不过目录存不存在,就是都能写入 代码 con 阅读全文
posted @ 2022-02-15 20:54 超级无敌美少男战士 阅读(83) 评论(0) 推荐(0)

摘要: 背景 微信公众号的目录界面源码提取出来,然后进一步提取其中的链接,然后批量下载下来 const fs = require('fs'); const cheerio = require('cheerio'); let path = `./html`; fs.readdir(path, function 阅读全文
posted @ 2022-02-15 20:34 超级无敌美少男战士 阅读(406) 评论(0) 推荐(0)