个人前端学习总结
关注
分享
扫一扫
sky_to_heaven
这个作者很懒，什么都没留下…
展开
-
使用mongodn存储数据实现前后台分离搭建小博客Demo总结
一，需求分析系统分为后台和前台两部分：后台：主要是功能管理员的，不是针对所有的网民。前台：基本上是针对包有的用户，对所有的用户开放。后台：注册登录：登录，登录。分类管理：显示分类，编辑分类，添加分类，删除分类。文章管理：显示文章，编辑文章，添加文章，删除文章。用户管理。标签管理。前台：首页面列表页面文章详情页面使用到的技术：前端：css+html+js+jq后端：node.js+express+mongodb数据库+express中间件二，搭建项目先全局安装Express原创 2020-08-08 09:29:36 · 224 阅读 · 0 评论 -
DOM操作盒子模型的13个api
DOM操作盒子模型的13个apiDOM中盒子模型的API分为3个系列：client系列offset系列scroll系列client系列： clientWidth：获取box的内容区域->width+左右padding(可视区域的宽度，padding也是盒子的 可视区域。。) clienHeight：获取box的内容区域->height+上下padding (可视区域的高度) clientTop：获取盒子原创 2020-08-01 10:30:22 · 308 阅读 · 0 评论 -
DOM灯泡效果
DOM小练习-灯泡效果要求：五个灯泡，默认选择一个：当点击其中一个变亮，其他黑色；分析：五个灯泡可以用ul标签包裹5个li标签，左浮动并排显示，给li标签加上等长的宽高后，设置border-radius: 50%;使li盒子变成圆形，设置背景色灰色#aaaaaa 边框：border:5px solid skyblue; 设置选择状态：.on{ background-color: gold;border: 6px solid lawngreen; }具体看下面代码：<!DOCTYPE html原创 2020-07-25 14:56:57 · 316 阅读 · 0 评论 -
计时器实现js轮播图的暂停与继续
轮播图的暂停与继续首先，使用定时器实现轮播效果，然后将定时器封装到autoMove函数中；然后执行autoMove();进行调用，autoMove();然后绑定鼠标进入进入事件，清空计时器；例如：$("#ad").mouseenter(function(){ clearInterval(timer) })然后再次启动计时器：$("#ad").mouseleave(function(){ autoMove(); })原创 2020-08-01 16:38:49 · 1390 阅读 · 0 评论 -
JQuery实现tab选项卡小练习
代码实现：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> * { margin: 0; padding: 0; } li { list-styl原创 2020-08-01 10:12:02 · 183 阅读 · 0 评论 -
js面向对象，需要了解的小知识
Js面向对象面向对象到底特征：a) 抽象：把具体问题抽象化b）封装：把属性和方法封装到类中，在JS中重点说对象。c）继承：一个类可以继承另一个类，JS中类通过函数表示d）多态面向对象中的类和对象：类：JS中的类本质上还是一个函数function Person(){}new Person(); 此时是一个类Person(); 此时是一个函数类是可以继承的对象： var obj = {name: “wc”} obj就是一个对象对象也可以通过new一个类，来创建：var a原创 2020-07-24 11:03:04 · 96 阅读 · 0 评论 -
单个js代码块执行分析
JS代码执行案例本人js小白一个，有问题的可以一起探讨。下面说一下学习时遇到的困惑。直接上代码：<script> a=0 b=0 function A(a){ A=function(b) { alert(a+b++) } alert(a++) } A(1) A(2)</script>运行结果：弹出 1 和 4分析 ：拿到代码，先进提升后执原创 2020-07-18 08:43:37 · 295 阅读 · 0 评论 -
css学习小结
css学习总结css:层叠样式表 Cascading Style Sheet学习CSS就是学习一堆的选择器和属性。CSS主要作用:1）布局 2）美化布局:1）盒子模型 2）块级元素并排显示盒子模型6大属性:1）内容区域 width height2）内填充区域 padding3）边框 border4）外填充区域 margin5）背景 background 也可以给img添加背景图片块级元素并排显示:1）浮动2）flex3）定位4）行内块美化:1)原创 2020-07-11 09:43:19 · 102 阅读 · 0 评论