前端
文章平均质量分 62
这个人很懒,没有介绍。
Lily的秋天
这个作者很懒,什么都没留下…
展开
-
html+css+jquery----简单博客网页练习
跟着自学网的教程,敲的一个自学网的网页。前面有详细解释,源码在最后部分。原创 2022-06-22 17:53:51 · 802 阅读 · 2 评论 -
Mac下mongodb安装及配置(bigsur11.4+mongodb5.0.3--20211015)
目录每次打开都需要source .bash_profile基础工作官网下载适合的安装包地址:MongoDB Community Download | MongoDB我是2021年10月14日下载的,当时最新的是5.0.3版本,就随便下载了。解压,并重命名重命名为mongodb,此步骤是方便后面使用文件夹名称,不然很长一串麻烦。创建data文件夹我在网上看见很多都是在解压后的mongo文件夹中创建data文件夹的,出现了各种类似于mkdir: /data/d..原创 2021-10-15 09:42:20 · 831 阅读 · 1 评论 -
模仿扇贝短文阅读页面
有时候会看一下扇贝短文阅读,觉得布局挺好看的,正好在学习CSS基础,就想模仿着做一下。参考的神舟十二那篇文章,做完后的“盗版”界面大概如下:大致看上去还OK,但实际上没有做任何链接,也没有下拉菜单,没有自动翻译,没有添加备注……等等一系列功能。这样看来一个简单的界面也不是那么简单的,哎,看我啥时候能把它补齐。记录下思路:一开始想用layUI,页眉还没做出来,layUI官宣停止维护,另一方面发现用框架反而更复杂,搞了一整天导航栏还没弄出来,还不如直接用纯HTML+CSS做呢,就当巩固基础了原创 2021-10-13 09:28:01 · 288 阅读 · 0 评论 -
freeCodeCamp--React学习笔记
目录渲染 HTML 元素为 DOM 树了解 JSX 的自动闭合JS函数创建一个无状态的函数组件class创建组件用组合的方式创建一个 React 组件将 class 组件渲染到 DOM 树将 Props 传递给无状态函数组件传递一个数组作为 Props渲染 HTML 元素为 DOM 树ReactDOM 提供了一个简单的方法来将 React 元素呈现给 DOM,如下所示:ReactDOM.render(componentToRender, targetNo..原创 2021-10-28 17:09:00 · 1082 阅读 · 0 评论 -
JS实现星星评分系统
思路: 1.排列五颗星星和一个按钮; 2.当鼠标移到星星上时,判断当前是第几颗星星i,将其包括之前的星星样式换成红色,之后的星星样式不变; 3.按下按钮时,将2中获取的i的值作为输出:‘i scores’; 4.注意单独考虑输出0分的情况。...原创 2021-06-01 11:04:17 · 1816 阅读 · 0 评论 -
JS实现简单进度条
思路: 1.定义一个外框+内部进度框+显示; 2.定义i从0加到100; 3.循环的i的大小作为参考修改内部框的颜色样式的宽度,记得加上px; 4.显示与循环保持一致,记得加上%; 5.外部考虑用定时器,每0.1秒更新一个i,不然只显示‘100%’,当i<100时,执行2、3,否则,退出当前进程。...原创 2021-06-01 17:00:40 · 15228 阅读 · 0 评论 -
canvas做太空人表盘
看见一个大佬做的太空人表盘很漂亮,新手做了一个潦草版的,记录一下。原文链接:https://blog.csdn.net/dkm123456/article/details/115215032开心总体效果如下:截图出来没有闪烁的情况耶,实际上我看不懂大佬的方法,实在惭愧,就投机取巧,每秒更新页面一次,网页打开会有闪烁的情况出现。完整代码如下:<!DOCTYPE html><html lang="en"><head> &.原创 2021-08-20 15:54:02 · 256 阅读 · 0 评论 -
JS中sort()排序----内部默认调用toString()方法
sort()方法默认按升序排序,排序过程中调用每个元素的toString()方法,转换成字符串之后再进行排序。即使元素均为数字,sort()内部也会先转换字符串,再比较。举例:原创 2021-06-01 10:26:37 · 377 阅读 · 1 评论 -
WS搭建react环境简洁步骤
备个份,大致步骤如下,遇到报错或者困难单独搜索解决方法吧。首先需要准备好node和n原创 2021-06-16 10:23:35 · 483 阅读 · 0 评论 -
JS + CSS 做一个简易九宫格抽奖
目录1.CSS样式2.JS动作1.CSS样式样式大概分以下方面;创建外框及内框样式; 8个奖品小方格和中间按钮小方格; 奖品小方格内部图片; 选中奖品时的小方格样式;先做两个方框,叠放在一起,里面的颜色比外面深一些 /*外部大框样式*/ .outer-square { background-color: cadetblue; width: 600px; height: 600px; b...原创 2021-09-17 15:08:27 · 2785 阅读 · 3 评论 -
实例演示CSS中class、id、内联、important样式的优先级
目录1.从 body 元素继承样式2.Class 选择器的优先级高于继承样式3.ID 选择器优先级高于 Class 选择器4.内联样式的优先级高于 ID 选择器5.Important 的优先级最高1.从 body 元素继承样式每一个 HTML 页面都有一个body元素。首先,我们先来创建一个内容文本为Hello World的h1元素。接着,在body的 CSS 规则里面添加color: green;,这会将页面内所有字体的颜色都设置为green。...原创 2021-09-10 17:03:20 · 3299 阅读 · 1 评论