文末
从转行到现在,差不多两年的时间,虽不能和大佬相比,但也是学了很多东西。我个人在学习的过程中,习惯简单做做笔记,方便自己复习的时候能够快速理解,现在将自己的笔记分享出来,和大家共同学习。
个人将这段时间所学的知识,分为三个阶段:
第一阶段:HTML&CSS&JavaScript基础
第二阶段:移动端开发技术
第三阶段:前端常用框架
开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
-
推荐学习方式:针对某个知识点,可以先简单过一下我的笔记,如果理解,那是最好,可以帮助快速解决问题;
-
大厂的面试难在,针对一个基础知识点,比如JS的事件循环机制,不会上来就问概念,而是换个角度,从题目入手,看你是否真正掌握。所以对于概念的理解真的很重要。
管理后台
class Admin(controllerClass):
def init(self, config={}):
“”"
构造函数
@param {Object} config 配置参数
“”"
config_init = {
选择的模板那路径模板
“tpl”: “./admin/”,
选择的服务
“service”: “admin”,
}
config_temp = config
config_temp.update(config_init)
super(Admin, self).init(config_temp)
# 用户数,访问次数,营业额,消费人数统计,销售量,订单数
def Index(self, ctx):
# 分类文章数
article_type_num = service_select("article").Count_group(
{}, {"groupby": "type"}
)
# 最近7日注册用户
register_7day = service_select("user").date_comput(
{}, {"date_key": "create_time", "size": 7}
)
# 最近7日订单量
order_7day = service_select("user").date_comput(
{}, {"date_key": "create_time", "size": 7}
)
# 最近7日营业额
revenue_7day = service_select("user").date_comput(
{},
{
"date_key": "create_time",
"method": "sum",
"field": "price_count",
"size": 7,
},
)
# 最近7日总销量
sales_7day = service_select("user").date_comput(
{},
{
"date_key": "create_time",
"method": "sum",
"field": "price_count",
"size": 7,
},
)
# 商品分类销量
goods_type_sales = service_select("goods").Sum_group(
{}, {"groupby": "type", "field": "sales"}
)
model = {
"result": {
"article_type_num": article_type_num,
"register_7day": register_7day,
"order_7day": order_7day,
### 学习笔记
主要内容包括**html,css,html5,css3,JavaScript,正则表达式,函数,BOM,DOM,jQuery,AJAX,vue**等等
**[开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】](https://bbs.csdn.net/topics/618166371)**
>**HTML/CSS**
**HTML:**HTML基本结构,标签属性,事件属性,文本标签,多媒体标签,列表 / 表格 / 表单标签,其他语义化标签,网页结构,模块划分
**CSS:**CSS代码语法,CSS 放置位置,CSS的继承,选择器的种类/优先级,背景样式,字体样式,文本属性,基本样式,样式重置,盒模型样式,浮动float,定位position,浏览器默认样式
![](https://img-blog.csdnimg.cn/img_convert/ddda7264fbf366ff5f1bb92b587900cf.webp?x-oss-process=image/format,png)
>**HTML5 /CSS3**
**HTML5:**HTML5 的优势,HTML5 废弃元素,HTML5 新增元素,HTML5 表单相关元素和属性
**CSS3:**CSS3 新增选择器,CSS3 新增属性,新增变形动画属性,3D变形属性,CSS3 的过渡属性,CSS3 的动画属性,CSS3 新增多列属性,CSS3新增单位,弹性盒模型
![](https://img-blog.csdnimg.cn/img_convert/38bc059ebbe9085e7f7b1a730a295091.webp?x-oss-process=image/format,png)
>**JavaScript**
**JavaScript:**JavaScript基础,JavaScript数据类型,算术运算,强制转换,赋值运算,关系运算,逻辑运算,三元运算,分支循环,switch,while,do-while,for,break,continue,数组,数组方法,二维数组,字符串
![](https://img-blog.csdnimg.cn/img_convert/dea3d4e8653f14bd8fa8c08bad04eaaa.webp?x-oss-process=image/format,png)
,赋值运算,关系运算,逻辑运算,三元运算,分支循环,switch,while,do-while,for,break,continue,数组,数组方法,二维数组,字符串
[外链图片转存中...(img-a65HRGkz-1715231339455)]