web前端
陈伟霆
这个作者很懒,什么都没留下…
展开
-
前端慢解
前端一、什么是前端 前端即网站前台部分,运行在PC端,移动端等浏览器上展现给用户浏览的网页。随着互联网技术的发展,HTML5,CSS3,前端框架的应用,跨平台响应式网页设计能够适应各种屏幕分辨率,完美的动效设计,给用户带来极高的用户体验。 前端技术一般分为前端设计和前端开发,前端设计一般可以理解为网站的视觉设计,前端开发则是网站的前台代码实现,包括基本的HTML和CSS以及JavaScr...原创 2018-12-04 16:47:49 · 148 阅读 · 0 评论 -
Django项目
一.命令行搭建Django项目安装django# 在指定解释器环境下安装django 1.11.9# 在真实python3环境下: pip3 install django==1.11.9# 在虚拟环境下: 先激活虚拟环境 => pip3 install django==1.11.9# 查看django版本: django-admin --version# 安装出错: 采用管...原创 2019-01-04 22:58:58 · 164 阅读 · 0 评论 -
js事件
1.事件总结鼠标事件var box = document.querySelector('.box');// 1. 点击事件box.onclick = function () { console.log("单击");};// 2. 双击事件(应用场景不广)box.ondblclick = function () { console.log("双击");};// ...原创 2018-12-25 18:35:49 · 81 阅读 · 0 评论 -
js轮播图
1.浮动与定位结合使用浮动与相对定位// 1.两者均参与布局// 2.主浮动布局, 相对布局辅助完成布局微调// 3.相对定位布局微调不同于盒模型布局微调, 相对定位布局不影响盒子原有位置, 就不会影响兄弟盒子布局浮动与绝对定位// 1.只保留绝对定位布局// 2.脱离文档流的盒子宽可以交于内容撑开2.小米更新数据案例默认活跃状态// 1.将初始的li设置一个a...原创 2018-12-25 18:36:41 · 105 阅读 · 0 评论 -
js节点
1 节点dom与dom属// DOM: 文档对象模型 => 提高给用户操作document obj的标准接口// DOM树: 以document为根, 树状展开所有子节点节点分类// 节点分类: 6个// document | doctype | element | text | attr | comment节点常规操作var info_node = docu...原创 2018-12-25 18:37:24 · 229 阅读 · 0 评论 -
BOM
浏览器对象模型BOM1. 浏览器对象模型介绍BOM(Browser Object Model) 是指浏览器对象模型,是用于描述这种对象与对象之间层次关系的模型,浏览器对象模型提供了独立于内容的、可以与浏览器窗口进行互动的对象结构。BOM由多个对象组成,其中代表浏览器窗口的Window对象是BOM的顶层对象,其他对象都是该对象的子对象。BOM的左右弹出新浏览器窗口的能力;移动、关闭和更改...转载 2018-12-25 18:39:49 · 112 阅读 · 0 评论 -
DOM
文档对象模型 DOM1 DOM概述1.1 什么是DOM文档对象模型 Document Object Model文档对象模型 是表示和操作 HTML和XML文档内容的基础API文档对象模型,是W3C组织推荐的处理可扩展标志语言的标准编程接口1.2 DOM分类核心 DOM - 针对任何结构化文档的标准模型XML DOM - 针对 XML 文档的标准模型HTML DOM - 针对...转载 2018-12-25 18:40:30 · 88 阅读 · 0 评论 -
Django注册登录
0 django目录-settings-urls-views******强调:setting中'django.middleware.csrf.CsrfViewMiddleware'中间件先注释掉-执行django项目:python3 manage.py runserver 127.0.0.1:80001 登陆注册-form action中: -三种写法: 一:不写 二:...原创 2019-01-07 19:29:11 · 182 阅读 · 0 评论 -
前端选择器
昨日内容回顾:前端HTML 超文本标记语言注释 <!--单行注释--> <!-- 多行注释 --> ps:写HTML的时候,注释一般都是成双成对的 即 <!--xx功能开始--> <!--xx功能结束-->文件的后缀名head内常用标签(不是给用户看的)title 定义网页标题style 内部写css样式代码lin...原创 2019-05-29 21:57:13 · 443 阅读 · 0 评论 -
css样式表
昨日内容回顾:CSS:层叠样式表注释: /*写注释*/语法结构:选择器 {属性:‘属性值’;属性1:‘属性值1’;}选择器基本选择器标签选择器div {color:red}id选择器#d1 {color:red}类选择器.c1 {color:red}通用选择器* {color:red}组合选择器后代选择器div span {color:yellow}...原创 2019-06-04 18:59:47 · 87 阅读 · 0 评论 -
css回顾,js部分
内容回顾:CSS相关盒子模型 margin:用于调整标签与标签之间的距离(外边距) border:用于调整标签边框的粗细(边框) padding:用于调整标签内部文本与边框之间的距离(内边距) content:标签内部文本 ps:有一些标签自带上面一个或多个属性值 p标签自带margin上下16px ul标签自带margin上下16px padding-left:...原创 2019-06-04 19:03:49 · 147 阅读 · 0 评论 -
js操作和jQuery部分
今日内容什么是BOM和DOM?BOM:Browser Object ModelDOM: Document Object ModelBOM操作操作浏览器,需要调用window对象,它是所有浏览器都支持的对象,表示的就是浏览器窗口window对象可以通过点调用子对象window.navigatornavigator.appName // Web浏览器全称navigato...原创 2019-06-04 19:06:03 · 89 阅读 · 0 评论 -
jQuery结尾和bootstrap部分
昨日内容回顾节点操作创建标签var imgEle = document.createElement('img') imgEle.src = '图片地址' imgEle.setAttribute('username','jason') imgEle.setAttribute({'username':'jason', 'password':'123' })...原创 2019-06-04 20:00:33 · 196 阅读 · 0 评论 -
Django框架导读
一.虚拟环境什么是虚拟环境# 对真实的python解释器的一个拷贝版本# 是事实有效的,可以独立存在运行解释python代码# 可以在计算机上拷贝多个虚拟环境为什么要使用虚拟环境# 保证真实环境的纯净性# 框架的多版本共存# 方便做框架的版本迭代# 降低多框架共存的维护成本安装虚拟环境# 1.通过pip3安装虚拟环境:# -- pip3 install vi...原创 2019-01-03 17:31:06 · 90 阅读 · 0 评论 -
BS应用与内存管理
一.栅格系统将所在父级的宽度等分为12等分四种屏幕尺寸 col-xs- | col-sm- | col-md- | col-lg-偏移 col-xs-offset- | … | col-lg-offset-<div class="row"> <div class="ele1 col-lg-4 col-xs-6"></div> <...原创 2019-01-03 17:30:16 · 208 阅读 · 0 评论 -
sublime 使用方法
Sublime使用大全一、sublime快捷键复制行win -- ctrl + shift + dmac -- cmd + shift + d剪切行 | 删除行win -- ctrl + x | ctrl + shift + kmac -- cmd + x | ctrl + shift + k移动行win -- ctrl + shift + ↑ 或 ctrl + ...原创 2018-12-04 17:00:08 · 797 阅读 · 0 评论 -
css基础
CSS三种引入方式一、三种方式的书写规范1、行间式<div style="width: 100px; height: 100px; background-color: red"></div>2、内联式<head> <style> div { width: 100px; ...原创 2018-12-05 21:18:17 · 99 阅读 · 0 评论 -
盒模型
盒模型一、盒模型概念广义盒模型:文档中所有功能性及内容性标签,及文档中所有显示性标签侠义盒模型:文档中以块级形式存在的标签(块级标签拥有盒模型100%特性且最常用)盒模型组成:margin + border + padding + contentv_hint:content = width x height二、盒模型成员介绍1、content通过设置width与height来...原创 2018-12-06 22:43:23 · 87 阅读 · 0 评论 -
js面向对象
1.闭包// 函数的嵌套定义, 定义在内部的函数就称之为 闭包// 1.一个函数要使用另一个函数的局部变量// 2.闭包会持久化包裹自身的函数的局部变量// 3.解决循环绑定function outer() { var num = 10; function inner() { // 闭包 // 1.在inner函数中,使用了outer的局部变量num...原创 2018-12-20 19:02:43 · 117 阅读 · 0 评论 -
js操作高级
1.对象使用的高级对象的key为字符串类型, value为任意类型var obj = { name: "name", "person-age": 18}// 访问obj.name | obj["name"]obj["person-age"]对象的属性可以任意添加与删除var obj = { name: "obj"}// 删除delete ob...原创 2018-12-20 19:03:51 · 134 阅读 · 0 评论 -
JQ入门
1.引入JQ本地<!-- 下载jq到本地 --><script src="js/jquery-3.3.1.js"></script>CDN<!-- jq CDN 地址 --><script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.js"><原创 2018-12-27 19:13:32 · 100 阅读 · 0 评论 -
JQ选择器
1.选择器css3语法选择器$('css3选择器位')索引匹配$('div:eq(0)')$('div').eq(0)内容$('div:contains(标签文本内容)')// 注: 采用模糊匹配2.属性操作文本// 赋值: 有参数$('.box').html('<i>beat box</i>');// 取值: 无参数con...原创 2018-12-27 19:14:12 · 92 阅读 · 0 评论 -
动画及阴影
动画及阴影一.拼接网页将区域整体划分起名 => 对其他区域布局不产生影响提出公共css => reset操作当有区域发送显示重叠(脱离文档流导致的), 需要通过z-index调整层级一定需要最外层,且最外层做自身布局时,不要做过多布局操作二.过渡transition属性transition: 过渡时间(必须) 延迟时间(一般不设) 过渡属性(一般采用all默认值) ...原创 2018-12-17 18:55:55 · 105 阅读 · 0 评论 -
形变
一.形变/*1.形变参考点: 三轴交界点*/transform-origin: x轴坐标 y轴坐标;/*2.旋转 rotate deg*/transform: rotate(720deg);/*偏移 translate px*/transform: translateX(200px) translateY(200px);/*缩放 scale 无单位*/transform: s...原创 2018-12-17 18:59:52 · 155 阅读 · 0 评论 -
js
一.JS三个组成部分ES: ECMAScript语法DOM: document对象模型 = &gt;通过js代码与页面文档(出现在body中的所有可视化标签)BOM: borwser对象模型 =&gt; 通过js代码与浏览器自带功能进行交互二.引入方式行间式出现在标签中的全局事件属性中this代表该标签, 可以访问全局属性, 再访问具体操作对象(eg: this.style....原创 2018-12-17 19:32:41 · 105 阅读 · 0 评论 -
高级布局
浮动布局一.display总结/* inline *//*1.同行显示, 就相当于纯文本, 当一行显示不下, 如就是一个字显示不下,那么显示不下的那一个字就会自动换行,和纯文本的区别就是有标签整体的概念,标签与标签间有一个空格的隔断*//*2.支持部分css样式, 不支持宽高 | 行高(行高会映射到父级block标签) | margin上下*//*3.content由文本内容撑开*//...原创 2018-12-11 21:02:03 · 133 阅读 · 0 评论 -
js基础操作
js基础操作一.分支结构1.if语句if 基础语法if (条件表达式) { 代码块;}// 当条件表达式结果为true,会执行代码块;反之不执行// 条件表达式可以为普通表达式// 0、undefined、null、""、NaN为假,其他均为真if 复杂语法// 1.双分支if (表达式1) { 代码块1;} else { 代码块2;}...原创 2018-12-18 19:47:44 · 83 阅读 · 0 评论 -
bootstrap
1.ajax后台# 通过flask框架搭建后台from flask import Flask, request# 创建一个服务器对象app = Flask(__name__)# 解决ajax请求的跨域问题from flask_cors import CORSCORS(app, supports_credentials=True)# 设置处理请求的功能(路由route =&...原创 2019-01-03 17:28:50 · 96 阅读 · 0 评论 -
菜鸡python之django新建(视图+模板)并调试
第1步:新建项目包含如下文档在项目命令行进入虚拟环境:cd venv/Scripts/activateE:\py7\newweb>cd venvE:\py7\newweb\venv>cd scriptsE:\py7\newweb\venv\Scripts>activate(venv) E:\py7\newweb\venv\Scripts>cd ../../...原创 2019-08-02 21:01:31 · 274 阅读 · 0 评论