前端
关注
分享
扫一扫
文章平均质量分 60
白纸
冷凝娇
白纸一张
展开
-
vue(一)：关于vue的环境搭建及如何创建一个vue项目
一、node.js安装及环境配置1.1 官网地址：https://nodejs.org/zh-cn/，下载后安装1.2 在安装目录下，创建node_cache、node_global两个文件夹1.3 设置缓存文件夹npm config set cache "D:\nodejs\node_cache"1.4 设置全局模块存放路径npm config set prefix "D:\nodejs\node_global"备注：设置成功后，之后用命令npm install XXX原创 2020-11-14 18:32:19 · 298 阅读 · 0 评论 -
html简介（浏览器与服务器交互）
浏览器：本质就是html的解释器下面是以socket编写的基于tcp的服务端，（代码注释）#-8-coding:utf-8-*-import socket#使用socket模块，建立服务器server_html=socket.socket(socket.AF_INET,socket.SOCK_STREAM)#服务类型属性#绑定的服务器IP及端口，注意浏览器访问这个：http://...原创 2019-03-02 12:50:34 · 3612 阅读 · 0 评论 -
html（二）：python打开html文件并读取内容，发送至浏览器，浏览器展示结果
https://blog.csdn.net/ak739105231/article/details/88074557在python:html简介中，读取html文件，下面就写一个服务器，实现：简单的读取并发送;首先，先一个html文件：<!DOCTYPE html><html lang="en"><head> <meta char...原创 2019-03-03 13:42:12 · 26607 阅读 · 4 评论 -
html（六）：form表单之select标签、textarea标签、lable标签、select标签
一、form表单之下拉选项标签<select></select><form action="http://127.0.0.1:8080/index/" method="post" enctype="multipart/form-data"> <p>用户名<input type="text" name="username" plac...原创 2019-06-12 15:58:37 · 1014 阅读 · 0 评论 -
html(七)：table标签
一、表格标签：<table> <table border="1px" cellpadding="10px" cellspacing="5px"> <thead> <tr> <th>name</th> <th>id</th&...原创 2019-06-13 11:07:22 · 813 阅读 · 0 评论 -
html（三）：树形结构,head、body标签的一些基本标签的介绍及 特殊字符
更多基本标签：https://blog.csdn.net/ak739105231/article/details/91381288一、html: html:htyper markup language 超文本标记语言超文本：就是指页面内可以包含图片、链接、甚至音乐、程序等非文字元素标记语言：标记（标签）构成的语言，即：<>标签，构成的网页==html文档，由浏览器解析，用...原创 2019-06-10 13:55:41 · 1997 阅读 · 0 评论 -
html（四）：span标签、img标签、a标签、列表（ul标签、ol标签、dl标签）
继（链接）：html基本标签习惯：块级标签与块级标签并列，内联标签与内联标签并列；但没有明确要求；1.span标签是内联标签，也是没有特点；2.图形标签：<img>属性：src:要显示图片的路径alt:图片没有加载成功时的提示title:鼠标悬浮时的提示信息width:图片的宽height:图片的高（宽高两个属性只用一个会自动等比缩放）&l...原创 2019-06-10 16:45:54 · 1535 阅读 · 0 评论 -
html（五）：form标签向server端提交数据、input标签补充、submit于button的区别
继（链接）：https://blog.csdn.net/ak739105231/article/details/91381288一、表单标签<form>中的input标签表单用于向服务器传输数据；表单能够包含input元素，比如文本字段、复选框、单选框、提交按钮等等表单还可以包含textarea、select、fielset和label元素input标签补充：下面截...原创 2019-06-11 11:30:51 · 1077 阅读 · 0 评论 -
JS基础篇（一）：JS的简介及引入方式
一、JS的背景历史说明：JS是有前身的，但是后面由Netscape(网景)与Sun公司共同开发，重新命名：JavaScript，当时，微软也跟着开发出了一种脚本语言：Jscript;为了统一标准，ECMA（欧洲计算机制造协会）定义了ECMA-262规范；二、JS的简介完整的JavaScript 是由3个不同部分组成：核心（ECMAScript） 文档对象模型（DOM）Docume...原创 2019-05-04 12:12:35 · 481 阅读 · 0 评论 -
JS基础篇（二）：js的基础规范、数据类型、基本运算符
1.JS是一种弱类型的脚本语言，即：较为随便的语言；2.定义变量：关键字 var ,JS一般以分号作为一行语句的结尾（当然，不加分号 你换行了，浏览器也会认为语句已结束；最好还是加上分号；）若，不用关键字var 所定义的变量即全局变量；最好还是加上var3.打印功能：两种：a. alert (xxxx) ------>弹出框显示；b. console.l...原创 2019-05-05 21:17:12 · 185 阅读 · 0 评论 -
JS（三）：循环、异常处理
一、JS的循环1.for循环for (语句 1; 语句 2; 语句 3) { 要执行的代码块 } 语句1：变量初始化 语句2：变量条件 语句3：变量增长或减少步长2.For/In 循环举例：var person = {fname:"Bill", lname:"Gates", age:62};var text = "";var x;for (x in person) ...原创 2019-06-19 11:20:25 · 442 阅读 · 0 评论 -
JS（四）：js的字符串对象、数组对象、函数对象
1.首先，了解一下JS的11种内置对象是哪些？Array:数组对象String:字符串对象Date：日期对象Math：Math对象Boolean：布尔值对象Number：数字对象Global：全局对象Error:错误对象RegExp:正则对象Object:对象对象Function:函数对象2.String对象2.1创建字符串的两种方式//1...原创 2019-06-19 12:56:13 · 223 阅读 · 0 评论 -
JS(五)：JS的window对象之window相关方法、定时器
BOM（浏览器对象模型），可以对浏览器窗口进行访问和操作。使用BOM，开发者可以移动窗口、改变状态栏中的文本以及执行其他与页面内容不直接相关的动作。即：使JS可以与浏览器“对话”；一、window对象所有浏览器都支持window对象。概念上讲，一个html文档对应一个window对象。功能上讲：控浏览器窗口的；使用上讲：window对象不需要创建对象，直接使用即可。二、...原创 2019-06-20 14:35:38 · 1946 阅读 · 0 评论 -
JS（六）：history对象和location对象
History对象属性History对象包含用户（在浏览器窗口中）访问的url.History对象是window对象的一部分（window对象下的子对象），可通过window.history属性对其进行访问。Location对象属性Location对象包含有关当前URL的信息。Location对象是Window对象的一个部分，可通过window.location属性来访...原创 2019-06-20 15:39:32 · 3131 阅读 · 0 评论 -
JS（七）：JS的DOM节点、Event（事件）
一、什么是DOMDOM是W3C(万维网联盟)的标准。DOM定义了访问HTML和XML文档的标准。"W3C文档对象模型（DOM）是中立于平台和语言的接口，它允许程序和脚本动态地访问和更新文档的内容，结构和样式。"W3C DOM标准被分为3个不同的部分：核心DOM-针对任何结构化文档的标准模型 XML DOM-针对XML文档的标准模型 HTML DOM-针对HTML文档的标准模型...原创 2019-06-21 11:56:49 · 1564 阅读 · 0 评论 -
jQuery(二)：jQuery属性操作之html、text、val、attr、prop方法、循环、文档操作
一、属性操作********************************属性$("").attr(参数1，参数2);#情况1：只填写参数1时，表示：获取属性值；填写了参数2时，表示给参数1的属性赋值；$("").removeAttr();移除属性attr是针对多所有的属性：自定义、html固有的；但是下面的prop针对于自定义的属性；$("").prop();$("").rem...原创 2019-06-25 15:33:12 · 199 阅读 · 0 评论 -
JS(八)：DOM节点的增删改查与属性设值、作业【遮罩层】、【正反选】、【二级联动】
一、node的CURD(增、删、改、查)：1.增a、createElement(name)创建元素b、appendChild();将元素添加2.删a、获得要删除的元素b、获得它的父元素c、使用removeChild()方法删除3.改第一种方式：使用增和删结合完成修改：replace(new标签，old标签)：用一个标签替换一个标签；第二种方式：使用s...原创 2019-06-21 17:47:30 · 305 阅读 · 0 评论 -
jQuery(一)：jQuery介绍以及jQuery如何定位寻找一个元素、查找筛选器、练习【左侧菜单】
一、jQuery的基本语法：$(selector).action()等同于：jQuery(selector).action();简单说明：在JS的jQuery库中，$就是jQuery;是代表jquery对象的；简单举例：<body><div>hello</div><script src="templates/jquery-3.4.1/j...原创 2019-06-22 16:12:27 · 5282 阅读 · 0 评论 -
序列化与反序列化（python的json、与JavaScript的JSON）、Form组件返回的error_messages如何转换为dict类型、django序列化、bytes与str转换
前言：json模块主要是转换数据类型作用，但是其可以在不同编程语言中使用，相当于不同编程语言之间的桥梁；一、Python：序列化---》jsonjson模块下就两种方式使用广泛；1.dumps：----------------------即：将数据类型转换成string类型；注意，这里的数据类型是json字符串类型；2.loads：-----------------------即：...原创 2018-11-11 14:27:24 · 575 阅读 · 1 评论 -
JavaScript：Ajax在Django中的应用、jquery事件绑定、jquery事件委托、serialize、serializeArray获取form的输入值
一、初识AjaxAjax是属于javaScript的一种方法，简单明了的说，其功能就是在实现Web页面不刷新的情况下，向后台发起请求，进而更新Web页面部分数据。1.1 什么时候适合使用Ajax向后台发送请求喃？下面我们就列举一下： a.对话框方式：1.数据量小或条目少；2.【新增】功能、【编辑/更新】功能、【删除】功能；需要注意的是：a.模态对话框基础；b.table...原创 2019-12-13 19:25:21 · 590 阅读 · 0 评论 -
Ajax中的serialize()、serializeArray()获取form表单中的全部输入数据
前言：在提交一个表单时，使用Ajax向后台发送请求，需要dict类型的数据data；我们如何获取模态对话框里面的数据？方式：https://blog.csdn.net/ak739105231/article/details/103528026一、其中有一种方式会使用serialize()首先，serialize()方式获取到的模态对话框中的全部输入值，是可以不经过数据类型转换直接在aj...原创 2019-12-13 19:52:06 · 2264 阅读 · 0 评论 -
jquery对时间进行格式化的函数
$(function(){ //时间格式转换函数： Date.prototype.format = function(fmt) { var o = { "M+" : this.getMonth()+1, //月份 "d+" : this.getDate(), //日 "h+" : this.getHours(), //小时 .原创 2020-07-18 15:01:13 · 1354 阅读 · 0 评论 -
css(二)：css的四种基本选择器、组合选择器、属性选择器、伪类
继：https://blog.csdn.net/ak739105231/article/details/91824551一.基本选择器（包括：通用选择器、标签选择器、class选择器、id选择器）* ：通用选择器这里就以嵌入式截图举例：E：标签选择器，匹配所有使用E标签的元素（即：通过元素名称来选择，如：p、div……）这里就不截图了.info和E.info: cl...原创 2019-06-13 12:58:37 · 4973 阅读 · 0 评论 -
css（三）：选择器的优先级、css的继承性
一、选择器的优先级有时候，渲染的比较多，对同一个元素的渲染你写了多次，但是有些渲染不起作用？因为选择器有优先级；1.内联式引入方式的优先级最高，相当于10002.id选择器的优先级第二高，相当于1003.class选择器的优先级第三高，相当于104.标签选择器的优先级最次；5.指定就依这种渲染，在渲染后面加:！important二、css的继承性继承是css的一...原创 2019-06-14 10:11:02 · 202 阅读 · 0 评论 -
css（四）：css的常用属性，css的背景属性
一、颜色属性1.RGB颜色查询对照表，每一种颜色，都有一个码；#颜色码 ，截图举例：2.rgb（参数1，参数2，参数3），每一个参数范围都是：0-255；表示：红，绿，蓝；截图举例：3.rgba（参数1，参数2，参数3，参数4），参数1，参数2，参数3范围：0-255；参数4表示透明度，范围：0-14.英文单词，指定颜色，截图举例：二、字体属性1.font...原创 2019-06-14 11:08:15 · 335 阅读 · 0 评论 -
css（六）：列表属性（修饰html的列表样式（ol、ul、dl））、display属性（重）、word-spacing属性
html的列表标签：https://blog.csdn.net/ak739105231/article/details/91381288一、列表属性（对html列表标签的修饰）主要是通过list-style来实现；样式比较多，下面简单举例；（若这里list-style没有截图，见有道云笔记，包含截图）list-style: square; list-style: lower-alp...原创 2019-06-16 15:11:40 · 1211 阅读 · 0 评论 -
css(七):css的内外边距（padding属性、margin属性）
一、关于盒子的说法，下面需要简单说明几个属性的意思举例：div标签padding:盒子边框内壁与文字间的距离；即：内边距width\height：文字输入的空间的长宽border-width：盒子边框厚度二、外边距外边距就是html标签层级分层来的；marginmargin还可以简写：padding简写也是一样的规则；说明两个重要的现象：1....原创 2019-06-16 16:47:05 · 1025 阅读 · 0 评论 -
css(八)：css的float属性，浮动布局、position属性
一、明白什么是文档流所谓文档流：指的是元素排版布局过程中，元素会自动从左往右，从上往下的流式排列脱离文档流：也就是说将元素从普通的布局排版中拿走，其他盒子在定位的时候，会当做脱离文档流的元素不存在而进行定位。只有绝对定位absolute和浮动float才会脱离文档流；folat：就想到于浮起来，原来元素本身的占位就空出来让给下一个元素顶上去；相当于多层次了；截图举例：效...原创 2019-06-17 11:50:43 · 1711 阅读 · 0 评论 -
css（一）：css的四种引入方式
一、css概述CSS是Cascding Style Sheets 的简称，中文成为层叠样式表，用来控制网页数据的表现，可以使网页的表现与数据内容分离；二、css的四种引入方式css都是以style="键：值；键：值;……"这样引入的，但是方式有四种，主要推荐并常用的是链接式；另：除了行内式，其它三种方式（嵌入式、链接式、导入式）都是在<head> </head&g...原创 2019-06-13 12:46:10 · 8613 阅读 · 1 评论 -
css(五)：css的文本属性、边框属性
一、继https://blog.csdn.net/ak739105231/article/details/91955284css的文本属性包含text-indent: 150px; /*文本首行缩进*/background-color: aquamarine; /*背景颜色*/text-align: center; /*文本居中*/...原创 2019-06-16 14:15:34 · 554 阅读 · 0 评论