diff --git a/zengjiayi/Blog/images/about.png b/zengjiayi/Blog/images/about.png new file mode 100644 index 0000000..66106f7 Binary files /dev/null and b/zengjiayi/Blog/images/about.png differ diff --git a/zengjiayi/Blog/images/author.png b/zengjiayi/Blog/images/author.png new file mode 100644 index 0000000..2ebd8a5 Binary files /dev/null and b/zengjiayi/Blog/images/author.png differ diff --git a/zengjiayi/Blog/images/collect.png b/zengjiayi/Blog/images/collect.png new file mode 100644 index 0000000..b4d194c Binary files /dev/null and b/zengjiayi/Blog/images/collect.png differ diff --git a/zengjiayi/Blog/images/home.png b/zengjiayi/Blog/images/home.png new file mode 100644 index 0000000..9de8214 Binary files /dev/null and b/zengjiayi/Blog/images/home.png differ diff --git a/zengjiayi/Blog/images/homepage.png b/zengjiayi/Blog/images/homepage.png new file mode 100644 index 0000000..aa46c27 Binary files /dev/null and b/zengjiayi/Blog/images/homepage.png differ diff --git a/zengjiayi/Blog/images/item_icon.png b/zengjiayi/Blog/images/item_icon.png new file mode 100644 index 0000000..ceb8d81 Binary files /dev/null and b/zengjiayi/Blog/images/item_icon.png differ diff --git a/zengjiayi/Blog/images/profile2.png b/zengjiayi/Blog/images/profile2.png new file mode 100644 index 0000000..7a06c1f Binary files /dev/null and b/zengjiayi/Blog/images/profile2.png differ diff --git a/zengjiayi/Blog/images/pwd.png b/zengjiayi/Blog/images/pwd.png new file mode 100644 index 0000000..a284e68 Binary files /dev/null and b/zengjiayi/Blog/images/pwd.png differ diff --git a/zengjiayi/Blog/images/user.png b/zengjiayi/Blog/images/user.png new file mode 100644 index 0000000..d2278a0 Binary files /dev/null and b/zengjiayi/Blog/images/user.png differ diff --git a/zengjiayi/Blog/index.html b/zengjiayi/Blog/index.html new file mode 100644 index 0000000..3f38363 --- /dev/null +++ b/zengjiayi/Blog/index.html @@ -0,0 +1,182 @@ + + + + + + + + + + + + + +
+ + +

JiaYi Zeng

+

Hope you enjoy yourself here!

+
+ +
+ +
+
+
+ +
+ +
+

前端学习笔记(1)

+ +

作者：zjy 发表于：2021年7月11号

+

测试内容测试内容测试内容测试内容测试文字测
+ 测试文字测试文字测试文字测试文字测试文字测试文字

+
+
+ +
+
+ +
+ +
+

前端学习笔记(2)

+ +

作者：zjy 发表于：2021年7月11号

+

测试内容测试内容测试内容测试内容测试文字测
+ 测试文字测试文字测试文字测试文字测试文字测试文字

+
+
+ +
+
+ +
+ +
+

前端学习笔记(3)

+ +

作者：zjy 发表于：2021年7月11号

+

测试内容测试内容测试内容测试内容测试文字测
+ 测试文字测试文字测试文字测试文字测试文字测试文字

+
+
+ +
+
+ +
+ +
+

前端学习笔记(4)

+ +

作者：zjy 发表于：2021年7月11号

+

测试内容测试内容测试内容测试内容测试文字测
+ 测试文字测试文字测试文字测试文字测试文字测试文字

+
+
+ +
+
+ +
+ +
+

前端学习笔记(5)

+ +

作者：zjy 发表于：2021年7月11号

+

测试内容测试内容测试内容测试内容测试文字测
+ 测试文字测试文字测试文字测试文字测试文字测试文字

+
+
+ +
+
+ +
+ +
+

前端学习笔记(6)

+ +

作者：zjy 发表于：2021年7月11号

+

测试内容测试内容测试内容测试内容测试文字测
+ 测试文字测试文字测试文字测试文字测试文字测试文字

+
+
+
+ +
+
+
+ Testing Demo project pic +
+
+

Jiayi Zeng

+

第一个DIY主页~
+ 希望暑假过后许老师能收留我呀

+
+
+
+

推荐文章

+
    +
  • 前端学习笔记(1)
    • +
  • 前端学习笔记(2)
    • +
  • 前端学习笔记(3)
    • +
  • 前端学习笔记(4)
    • +
  • 前端学习笔记(5)
    • +
+
+
+

访客：666

+

文章：666篇

+
+
+ +
+
+ 回到顶部 +
+ + +
+ +
+ +
+
+ 转到底部 +
+
+
+ + + + \ No newline at end of file diff --git a/zengjiayi/Blog/login.html b/zengjiayi/Blog/login.html new file mode 100644 index 0000000..d21399b --- /dev/null +++ b/zengjiayi/Blog/login.html @@ -0,0 +1,35 @@ + + + + + + + + + +
+

LOGIN

+ +
+ + +
+ +
+ + +
+ +
+ + +
+ + +
+ Don't have account? Sign up +
+ +
+ + \ No newline at end of file diff --git a/zengjiayi/Blog/style.css b/zengjiayi/Blog/style.css new file mode 100644 index 0000000..bccafc1 --- /dev/null +++ b/zengjiayi/Blog/style.css @@ -0,0 +1,188 @@ +*{ + margin: 0px; + padding: 0px; + text-decoration: none; + color: white; + font-family: montserrat; + box-sizing: border-box; +} + +body{ + min-height: 100vh; + background-image: linear-gradient(120deg,#3498db,#9b59b6); +} + +.login-form{ + width: 400px; + height: 580px; + /* background-color: transparent; */ + padding: 80px 40px; + border-radius: 10px; + position: absolute; + left: 50%; + top: 50%; + transform: translate(-50%,-50%); + background: rgba(250,250,250,0.3); + +} + +.login-form h1{ + text-align: center; + color: white; + margin-bottom: 60px; +} + +.txtb{ + /* border-bottom: 2px solid #adadad; */ + position: relative; + margin: 30px 0; +} + +.txtb input[type = "text"]{ + + font-size: 15px; + color: white; + width: 80%; + position: relative; + left: 50%; + transform: translate(-50%,-50%); + height: 40px; + border-radius: 8px; + transition: 0.25s; + border: none; + border-bottom: 1px solid white; + /* outline-color: white; */ + outline: none; + /* text-align: center; */ + background: url("./images/user.png")no-repeat; + padding-left: 15%; + +} + +.txtb input[type = "password"]{ + + font-size: 15px; + color: white; + width: 80%; + position: relative; + left: 50%; + transform: translate(-50%,-50%); + height: 40px; + border-radius: 8px; + transition: 0.25s; + border: none; + border-bottom: 1px solid white; + /* outline-color: white; */ + outline: none; + /* text-align: center; */ + /* padding-left: 20%; */ + background: url("./images/pwd.png")no-repeat; + padding-left: 15%; + + +} + + +input::-webkit-input-placeholder { + /* placeholder颜色 */ + color: #575b61; + /* placeholder位置 */ + /* text-align: right; + padding-right: 150px; */ + /* 为啥从右往左调整可以，从左往右就不行啊 */ + /* text-align: center; */ + padding-left: 5%; +} + +input:focus::-webkit-input-placeholder { + /* placeholder颜色 */ + color:transparent; + /* placeholder位置 */ + /* text-align: right; + padding-right: 150px; */ + /* 为啥从右往左调整可以，从左往右就不行啊 */ + /* text-align: center; */ + padding-left: 5%; +} + +.txtb input:focus[type = "text"]{ + font-size: 15px; + color: white; + width: 100%; + position: relative; + left: 50%; + transform: translate(-50%,-50%); + background: none; + height: 40px; + border-radius: 8px; + transition: 0.25s; + border: none; + border-bottom: 1px solid white; + /* outline-color: white; */ + outline: none; + background: url("./images/user.png")no-repeat; + /* text-align: center; */ + padding-left:15%; + +} + +.txtb input:focus[type = "password"]{ + font-size: 15px; + color: white; + width: 100%; + position: relative; + left: 50%; + transform: translate(-50%,-50%); + background: none; + height: 40px; + border-radius: 8px; + transition: 0.25s; + border: none; + border-bottom: 1px solid white; + /* outline-color: white; */ + outline: none; + background: url("./images/pwd.png")no-repeat; + /* text-align: center; */ + padding-left: 15%; + +} + +.logbtn input{ + margin: auto; + text-align: center; + position: relative; + left: 50%; + top: 50%; + transform: translate(-50%,-50%); + width: 150px; + height: 30px; + border: 1px solid white; + /* border: none; */ + border-radius: 15px; + background: linear-gradient(to right,hsl(204, 79%, 63%) 20%,hsl(283, 70%, 75%)); + color: white; + outline: none; + cursor: pointer; +} + +.logbtn input:hover{ + margin: auto; + text-align: center; + position: relative; + left: 50%; + top: 50%; + transform: translate(-50%,-50%); + width: 150px; + height: 30px; + border: 1px solid white; + /* border: none; */ + border-radius: 15px; + background: linear-gradient(to right,hsl(204, 79%, 73%) ,hsl(282, 79%, 81%)); + color: white; + outline: none; + cursor: pointer; +} + +.bottom-text a{ + color: rgb(59, 59, 59); +} \ No newline at end of file diff --git a/zengjiayi/Blog/style_index.css b/zengjiayi/Blog/style_index.css new file mode 100644 index 0000000..d83c726 --- /dev/null +++ b/zengjiayi/Blog/style_index.css @@ -0,0 +1,294 @@ +*{ +margin: 0px; +padding: 0px; +text-decoration: none; +color: white; +font-family: montserrat; +box-sizing: border-box; +} + +body{ +min-height: 100vh; +background-image: linear-gradient(120deg,#2c3e50,#bdc3c7); +} + +#header{ +background: rgba(250,250,250,0.3); +/* position: fixed; */ +position: absolute; +width: 100%; +padding-left: 5%; +padding-top: 3%; +padding-bottom: 1%; +} + +#header h1{ +font-family: 'Indie Flower', cursive; +/* color: #F2F6DF; */ +font-size: 45px; +} + + + + +.navi ul li{ +display: inline-block;/*排列方式，排列到一行*/ +font-size: 20px; +margin-right: 60px;/*外填充距离*/ +position: relative; +top: -33px; +float: right; + +} + +.homepage-wapper #profile{ +position: absolute; +left: 50%; +top: 30%; +transform: translate(-50%,-50%); + +} + +.homepage-wapper h1{ +position: absolute; +left: 50%; +top: 43%; +transform: translate(-50%,-50%); +font-family: "Sofia"; +/* font-family: 'Indie Flower', cursive; */ +/* font-size: 22px; */ +border:solid 2px white;/*白色的方框*/ +border-radius: 6px;/*边角设置弧度*/ +padding: 4px;/*上下内填充*/ +padding-left: 14px;/*左内边距*/ +padding-right: 14px;/*右内边距*/ +} + +.homepage-wapper p{ +position: absolute; +left: 50%; +top: 50%; +transform: translate(-50%,-50%); +font-family: 'Indie Flower', cursive; +font-size: 25px; +font-weight: bold; +} + + +.navi u1 li #about{ +position: relative; +left: 0%; +top: 0%; +bottom: 0%; + +} + +#wrapper{ +margin: auto; +width: 960px; +margin-top: 20px; +} + + +.main{ +width: 840px; +background-color: white; +float: left; +margin-right:10px; +margin-bottom: 3%; +padding: 20px; +border-radius: 4px; +} + + +.item{ +margin-top: 14px; +padding-bottom: 20px; +border-bottom: dotted 1px #999; + +} + + +.item_img{ +float: left; +width: 100px; +} + + +.item_img img{ +width: 80px; +} + + +.item_content{ +margin-bottom: 10px; +} + + +.item_content h2{ +font-size: 14px; +color: #FF6347; +margin: 0; +} + + +.item_info{ +font-size: 12px; +font-style: italic; +margin:0; +color: #999; +} + +.item_desc{ +font-size: 14px; +margin: 0; +color: gray; +margin-top:10px; /*与h2有一定的边距*/ +border-left: solid 1px #ccc;/*设置左边框*/ +padding-left: 10px;/*设置左填充*/ +} +.side{ +position: absolute; +right: 4%; +width: 255px; +background-color: white ; +float: right; +padding: 20px; +border-radius: 6px; +margin-left: 3px; +height: 525px; +} + + +.author_img{ +margin-top: 20px; +width: 120px; +margin:auto; +} + + +.author_img img{ +width: 120px; +border:solid 1px #ccc; +border-radius: 4px; +} + + +.author_desc{ +text-align: center; +border:solid 1px #ccc; +border-radius: 4px; +background-color: #eee; +padding-top:10px; +padding-bottom: 10px; +margin-top: 10px; +margin-bottom: 10px; +} + + +.author_desc h4{ +margin:0; +margin-bottom: 10px; +color: #2c3e50; +} + + +.author_desc p{ +margin:0; +font-size: 14px; +margin-bottom: 10px; +color: #2c3e50; +} + + +.top_article h4{ +color: #2c3e50; +font-size:14px; +font-style: italic; +margin:0; +border-bottom: dotted 1px #999; +border-top: 10px; +} + + +.top_article ul{ +margin-left:0; +padding-left:10px; +list-style: none; + + +} + + +.top_article ul li{ +color: #2c3e50; +margin:0; +font-size: 14px; +margin-top: 5px; + + +} + +.site-info{ +margin-top: 30px; +border-top: solid 1px #ccc;/*分界线*/ +} + + +.site-info p{ +font-size: 14px; +color: gray; +text-align: center; +/*padding-left: 60px;/*左填充*/ +margin:0; +margin-top: 10px; +} + +.side_nav{ +position: fixed; +left: 6%; +top: 78%; +transform: translate(-50%,-50%); +width: 170px; +background-color: white ; +padding: 20px; +border-radius: 6px; +height: 290px; + +} + +.go_to_top a{ +color: #2c3e50; +font-size: 14px; +padding-left:21%; +padding-right:20%; +padding-bottom: 5%; +border-bottom: dotted 1px black; +} + +.go_to_bottom a{ +color: #2c3e50; +font-size: 14px; +padding-left:21%; +padding-right:20%; +padding-top: 5%; +border-top: dotted 1px black; +} + +.side_nav ul{ +margin: left 2px; +padding-left:10px; +} + +.side_nav ul li{ +list-style:url('./images/item_icon.png'); +margin-top: 5px; +margin-bottom: 10px; +} + +.side_nav ul li a{ +color: #2c3e50; +font-size: 14px; +/* margin-top: 5px; +margin-bottom: 10px; */ +} diff --git a/zengjiayi/base.md b/zengjiayi/base.md new file mode 100644 index 0000000..c390118 --- /dev/null +++ b/zengjiayi/base.md @@ -0,0 +1,33 @@ +# 曾佳怡 +电话 15079991101 + +**我的初级任务** + +- [x] task 0：准备工作 :smiling_imp: +- [x] task 1：初识Git和Github :hushed: +- [x] task 2：HTML与CSS入门 :expressionless: +- [x] task 3：Javascript入门 :yum: +- [ ] task 4：初识服务器后台和数据库 :confused: +- [ ] task 5：神奇的jQuery :grinning: + +## 理想公司岗位： +### 1.腾讯 web前端开发工程师 + 计算机相关专业本科及以上学历； + （如非计算机相关专业者，必须自修过计算机专业的所有必修课） + 热爱计算机编程，丰富的编码实战经验； + 熟悉JS/TS/HTML/CSS等前端开发技术； + 熟悉JSP/python/php/Node.js或其他一门后台技术； + 了解常见的前端开发框架，对前后端联合开发的技术原理有全面了解； + 掌握常见网络协议和相关的其他底层网络协议的全面知识。 +### 2.阿里巴巴 前端开发工程师 + 我们希望你，可以熟练使用各种Web前端技术，包括HTML(5)/CSS(3)/Javascript等，并有相关的项目开发经验或成果； + 我们希望你，熟悉前端工程化，用过git，gulp或webpack等工具，最好有自己的github仓库； + 我们希望你，有基于Ajax应用的开发经验，有NodeJS/Java开发经验，或者有移动端开发经验； + 我们希望你，深刻理解Web标准，对可用性、可访问性等相关知识有实际的了解； + 我们希望你，对算法、数据结构、建模有一定了解； + 我们希望你，关注新事物、新技术，有较强的学习能力，喜欢挑战，并且个性乐观开朗，逻辑性强，善于和各种背景的人合作。 +### 3.百度 前端开发工程师 + 本科及以上学历，计算机相关专业 -有能力不借助自动化工具熟练手写HTML、JavaScript、CSS + 熟练运用至少一种JavaScript框架，如：JQuery、Prototype、angular.js等 -能够使用原生的JavaScript实现上述框架的部分功能 -熟悉HTML5、CSS3，能够基于移动终端浏览器实现基本的交互效果 + 了解多种工具检测、分析页面性能的方法 -熟悉HTML标签的语义，能够在优化页面的过程中实现更符合搜索引擎要求的代码 -符合以下条件者优先考虑：有基于移动端HTML5实践经验，有angular.js等类似思想的开源框架使用经验，有插件编写经验，具有一定美工技能 +