前端学习记录
关注
分享
扫一扫
前端学习大杂烩
Duckdan
这个作者很懒，什么都没留下…
展开
-
前端学习记录013_绝对定位的原点与其包含块的关系
一、效果图 二、源代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0">原创 2021-12-19 13:24:00 · 152 阅读 · 0 评论 -
前端学习记录012_利用nodejs写shell脚本
主要利用shelljs库将shell脚本的命令转化为js语法，从而达到在windows上写shell脚本的目的。一、环境配置1.1 nodejs环境变量1.2 gradle环境变量二、示例源代码如下：var shell = require('shelljs');var fs = require('fs');// 命令行参数 第一个参数是表示更不更新引擎工程代，第二个参数表示是否重新安装引擎工程依赖// node .\windowsAndroidBuildRelase.js -u -g原创 2021-06-22 10:56:35 · 370 阅读 · 0 评论 -
前端学习记录011_自定义对话框
二、源代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no"> <title>自定义提示对话框<...原创 2021-05-27 16:06:08 · 183 阅读 · 0 评论 -
前端学习记录009_构造函数中的this是谁
一、源代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title&原创 2021-04-22 16:12:59 · 110 阅读 · 0 评论 -
前端学习记录008_Symbol创建对象属性值(调用Symbol标识声明的方法)
一、源代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title原创 2021-04-19 16:07:34 · 553 阅读 · 2 评论 -
前端学习记录010_水平平分指定宽度的div(均分不换行)
一、利用浮动实现 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>div均分换行</title> <style> *{ margin: 0px; padding: 0px; } .container{ position: absolute; w原创 2021-05-21 16:20:58 · 725 阅读 · 0 评论 -
前端学习记录007_:nth-child与:nth-of-type的区别
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>...原创 2021-03-21 21:57:13 · 123 阅读 · 0 评论 -
前端学习记录006_npm命令行、nrm仓库管理以及cnpm(windows版)
一、npm相关命令1.1 查看npm相关配置信息npm config get1.2 查看npm当前使用的仓库地址npm config get registry1.3 指定本次下载依赖要使用的地址npm install --registry=https://registry.npm.taobao.org/ 1.4 配置全局npm仓库npm config set registry http://registry.npm.taobao.org/ 1.5 配置文件内容配置文件可以通原创 2021-03-13 08:56:33 · 694 阅读 · 0 评论 -
前端学习记录005_canvas绘制钟表
一、效果图 二、源代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0">原创 2021-03-10 14:35:47 · 130 阅读 · 0 评论 -
前端学习记录004_flex布局
一、主轴方向(此处以水平方向为主轴)<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>弹性盒子样式——水平</title> <style>原创 2021-02-06 17:30:18 · 203 阅读 · 0 评论 -
前端学习记录003_flex-grow与flex-shrink
一、flex-grow的计算方式 *{ margin: 0; padding: 0; } ul{ width: 600px; border: 10px yellow solid; /* 将ul设置为弹性容器 */ display: flex; /* 设置弹性容器的排列方式 */原创 2021-02-06 14:10:43 · 247 阅读 · 0 评论 -
前端学习记录002_垂直居中(inline/inline-block)
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> *{ ...原创 2021-02-02 17:41:53 · 156 阅读 · 0 评论 -
前端学习记录001_Windows下nvm安装
一、nvm下载版本与安装1.1 nvm的安装按照自己想法修改完路径之后，就可以一路Next到Install。1.2 nvm的安装成功之后的环境变量1.3 nvm的安装成功之后的目录settings.txt的内容，可以配置node以及npm的镜像，避免下载出错。root: D:\H5\nvmpath: D:\H5\nodejsnode_mirror:http://npm.taobao.org/mirrors/node/npm_mirror:http://npm.原创 2021-01-27 16:37:39 · 216 阅读 · 0 评论