- 博客(22)
- 收藏
- 关注
RSS订阅原创 如何拿到层层嵌套里的数据
数据（rows）本来的样子 要拿到filePath，即数组里面的对象，对象里面的数组，数组里面的对象 方法： rows.forEach(item => { const {fileAnnes} = item if(fileAnnes === null || !fileAnnes.length === 0) return const picture = fileAnnes[0].filePath i.
2021-12-16 17:23:51
819
原创 如何遍历拿到开头相同的属性名
首先，这是data里面的数据 需要遍历拿到的是红框里的数据 遍历方法： const type1 = 'content' const type2 = 'section' const forbiddenMap = ['content', 'contentVos'] //白名单 const map = new Map() Object.keys(data).forEach(key => { if(forbiddenMa.
2021-12-16 11:18:02
1141
原创 拿到接口数据后如何正确地放到页面上
对接口拿数据： {data}表示解构数据里面的data属性值出来 接口原值是这样的： 把拿到的data.rows数据放入一个空数组resultList 记得在data(){return{}}里面定义这个空数组 v-for循环拿到里面的数据，再用{{}}把对应的属性名写上即可 ...
2021-12-13 11:21:12
1118
原创 根据参数含不同的属性调用不同的接口
本文需要实现两个功能 1.加载页面时文章数据直接出来 2.根据搜索内容加载新的文章页面数据 两个功能是不同的接口，并且传参的类型不一样 思路：可以根据属性里是否有这个键来做判断而调用接口 方法：可用Object.keys(params).includes("属性名") 实现： ...
2021-12-13 09:39:55
963
原创 Babel安装失败解决方法
安装失败显示信息： 解决方法： 根据错误提示的路径找到对应的文件夹 把文件夹里带有babel字样的文件全部删除 重新输入命令下载 npm install --global babel-cli 或者 npm install -g babel-cli 出现以下页面表示下载成功 也可以使用Babel --version来判断是否下载成功 输出版本号表示下载成功 安装预设并添加配置文件配置.babelrc 命令：npm install --save-dev ...
2021-10-27 11:19:05
2307
原创 Vue学习记录
Vue vue是一套用于构建用户界面的渐进式JavaScript框架 构建用户界面：使用某种方式拿到数据，将数据放到合适的位置 渐进式：可以自底向上逐层应用 vue特点： 1.采用组件化开发，提高代码复用率，并且让代码更好的维护 2.声明式编码，让编码人员无需直接操作DOM，提高开发效率 3.使用虚拟DOM+Diff算法，尽量复用DOM节点 vue安装 1.直接使用script标签引入 1.1直接用网址引入 <script src="https://cdn.jsdelivr.ne
2021-10-22 14:27:24
572
1
原创 Vue中如何将时间戳格式化
在html中如何引入day.js 1.打开bootcdn官网 BootCDN - Bootstrap 中文网开源项目免费 CDN 加速服务 2.搜索dayjs 3.点击进入后有两个选择 1）直接使用标签引入 2）使用文件引入 复制链接后在新标签页打开 点击右键--另存为 存到一个文件夹里 在html中用script标签引入文件即可 ...
2021-10-14 17:02:23
558
原创 Es6的学习记录
变量声明 let 特点： 声明不会提升 具有局部作用域 不能重复声明一个变量 暂时性死区：在一个代码块中，let可以锁定某个变量 1.声明不提升： 结果会报错
2021-10-07 14:36:44
234
原创 git的使用
首先确保已经下载安装好git 个人使用 1.在gitee官网顶部的右上角点击【新建仓库】 2.填写仓库信息 3.点击复制仓库的地址 4.新建一个文件夹作为本地仓库 一个本地仓库对应一个远程仓库 5.在上方路径中输入cmd打开终端 6.将刚才复制的仓库地址克隆到本地仓库 7.文件内显示有.git则克隆成功 8.将代码提交到远程仓库 1）将本地文件夹初始化到本地仓库 2）将代码提交到本地仓库 3）编写提交信息 4）绑定本地...
2021-09-28 21:53:09
110
原创 H5的学习记录
新增标签 语义化标签 1.header <header></header> 表示头部 2.nav <nav></nav> 导航栏 3.main <main></main> 表示页面主体 4.section <section></section> 用来区分大模块 5.aside <aside></aside> 表示侧边栏 6.article <art
2021-09-16 19:13:16
335
原创 JavaScript的学习记录
JavaScript由三部分组成： 1.ECMAScript，js的核心语法标准 2.DOM（文档对象模型） 描述处理网页内容的方法和接口，js操作html的api（api：封装的方法） 3.BOM（浏览器对象模型） 描述与浏览器进行交互的方法和接口，js操作浏览器的api 拓展：Ajax----XMLHttpRequest，用于在后台与服务器交换数据，基本特点：在不重新加载页面的情况下更新页面，局部刷新 JavaScript特点: 1.解释型语言，js->nodejs 2.弱类型语
2021-09-13 15:03:50
337
原创 JS中数组方法重构
1.pop pop() 方法用于删除数组的最后一个元素并返回删除的元素。 思路： 先用一个temp来接收数组的最后一个元素，并且作为返回值返回 再把数组的长度减一 2.push push() 方法可向数组的末尾添加一个或多个元素，并返回新的长度。 思路： 因为有可能传入多个参数，所以使用argument argument：一个类数组对象，包含着传入函数中的所有参数（不介意传递参数的个数以及参数类型） 使用for循环遍历数组的长度，遍历到最后一个的时候，就把新的参数放入数组里 ..
2021-09-12 23:17:50
681
原创 用JS代码输出水仙花数
代码如下： 结果： 思路： 水仙花数：三位数=百位的三次方+十位的三次方+个位的三次方 定义四个变量，分别表示三位数，百位数字，十位数字，个位数字 嵌套三层循环 定义三位数=百位的三次方+十位的三次方+个位的三次方 把三位数的定义作为if的判断条件 如果符合则输出 ...
2021-08-25 22:50:18
899
原创 用JS代码输出101-200之间的素数
代码如下： 结果如下： 思路： 素数：除数只有1和它本身 用两个for循环来遍历，用一个变量表示101-200之间的数，用另一个变量来表示除数 注意：除数的循环条件是b<=a，表示它的除数还可以取到它本身 用一个大if的判断，判断一个数是否能除得尽（首先满足素数有它本身这个除数） 大的if里面再放个小if，判断如果除得尽的这个除数不是它本身，是另外的数，那么它就不是素数，就跳出这个判断，如果这个除数是它本身，那么它就是素数，把它输出 ...
2021-08-25 22:42:16
1673
原创 用JS输出无重复的三位数
题目： 有数字1，2，3，4，用它们任意组合成三位数，要求三个数字不能重复，求能组合出多少个三位数，分别打印出来并且计算一共有多少个这样的三位数 代码如下： 结果： 思路： 因为是三位数，所以把它拆分成三个数字，用三个for循环实现 按照百位，十位，个位来循环 当百位数字不等于十位数字的时候才能十位继续循环 当个位数字不等于百位和十位的时候继续循环 所得出的结果用一个变量result来接着 把第一位乘上100，第二位乘上10，相加，便可得到三位数的结果 在最内层里，用一个变..
2021-08-25 22:10:26
850
原创 用JS代码实现十的阶乘
代码如下： 结果： 思路： 定义两个变量 一个当乘数，一个接收它的结果 使用while循环，判断条件为乘数小于10 sum=sum*a 注意：一定要给两个变量初始化赋值
2021-08-25 20:08:51
865
原创 使用JS代码打印九九乘法表
代码如下： 效果如图： 思路： 使用两个for循环，两个变量来实现 先观察实现效果 一行里面，第一个数字慢慢递增，第二个数字不变 所以第一个for循环的是第二个数字，第二个for循环的是第一个数字 也就是说，外面的for循环是循环1*2里的2，里面的for循环是循环1*2里的1 循环完第二个for一次，就输出一次换行 用+号把数值连接起来，在最后加两个空格 字符记得用 ' ' 引起来，结果可以直接用 a*b表示，不再定义新的变量 ...
2021-08-25 19:53:54
230
原创 Linux系统基本知识
Linux系统命令： ▲命令需要使用空格进行分割，且严格区分大小写 查看当前用户：who am i 添加用户：adduser（用户名） 查看用户信息：cat /etc/passwd 添加组：addgroup（组名） 查看组信息：cat /etc/group 新建用户指定组：adduser --gid （组ID） （组名） 更改用户到某个组：usermod -g (新组ID） （组名），usermod --gid （新组ID） （组名） 删除空余组：groupdel (组名） 更改密码：
2021-08-22 16:38:14
227
原创 CSS的学习记录
CSS分为两部分：CSS的选择器, CSS的属性。 CSS的引入方式 - 内联样式(行内样式) 缺点：样式与结构冗余 优点：优先级较高 内联样式表就是把css代码直接写在现有的HTML标签中 注意：样式的内容写在元素的开始标签里，并且css样式代码要写在style=""双引号中，多条css样式写在一起中间用分号隔开。 代码： 效果： - 内部样式表 缺点：样式的复用率较低 优点：样式与结构分离 内部样式表可以同时为多个元素设置样式 注意点: -style标签要写在head标
2021-08-17 22:42:06
295
原创 HTML的学习记录
HTML不是一种编程语言，而是一种标记语言（别人问学过什么编程语言的时候千万不要说HTML！！） web的第一门编程语言：Javascript HTML文件的后缀名：.html或者.htm 现在大家都在用的是2014年10月诞生的HTML5 HTML的特点： 1.简易性：超文本标记语言版本升级采用超集方式，从而更加灵活方便。 2.可拓展性：超文本标记语言采取子类元素的方式，为系统扩展带来保证。 3.平台无关性：超文本标记语言可以使用在广泛的平台上。 4.通用性：它允许网页制作人建立文本与图片
2021-08-05 10:43:01
681
原创 Axure RP9的学习记录
Axure是一款可以快速画出网页构图的软件，它所保存的文件后缀名为*.rp 以下是Axure的界面图 在使用Axure中一定要注意，要画两个0坐标轴内，即画在白布上（如果画在灰色部分，即视为溢出，不显示在页面上） 在界面的左下角是一些便捷的元件，选中拖拽到画布即可使用 单击选中在画布上的元件，可在页面右侧栏更改样式 ▲建议给每个元件取名，以便后期修改或查看时不容易错乱 使用图像元件时，只需双击在画布上布置好的图像元件，便可插入图像 下拉列表框同理，只需双击列表框即可手动添.
2021-07-30 12:02:39
1100
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人