- 博客(47)
- 收藏
- 关注
RSS订阅原创 flask 模拟简单的登录功能(2)
通过使用`app.secret_key`，可以对会话数据进行加密和解密，以确保会话数据的安全性。会话数据包括用户的登录状态、表单数据等敏感信息，通过设置 `app.secret_key`，可以防止会话被恶意篡改或窃取。
2024-05-08 16:29:14
172
原创 Flask 路由基础和封装
Flask中的路由是用来定义应用程序中的 URL 和处理函数之间的映射关系的，而URL则是用户访问应用程序的入口点。通过路由,我们可以将用户访问的 URL 映射到对应的视图函数上,从而实现不同的功能。
2024-05-06 11:21:21
416
1
原创 在windows中安装flask虚拟环境步骤
如果你需要在同一台机器上管理多个 Python 项目,使用虚拟环境是非常有帮助的。它可以确保每个项目都有独立的依赖环境,避免不同项目之间的依赖冲突。无论选择哪种方式,创建虚拟环境的目的都是为了隔离项目的依赖环境。在实际开发中,你可以根据个人喜好和项目需求来选择合适的位置创建虚拟环境。重要的是要保持一致性,确保整个团队都遵循同样的虚拟环境创建和管理规范。创建Python 虚拟环境时,可以选择在项目目录下创建虚拟环境,也可以在其他位置创建。这将把你的 Python 解释器和 pip 包管理器切换到虚拟环境中。
2024-04-30 13:50:51
704
原创 在 Python 开发中建议使用虚拟环境的原因
在 Python 开发中使用虚拟环境可以解决依赖冲突问题、方便管理和记录项目依赖库版本、提高代码的可移植性和可重现性、隔离不同项目的 Python 环境、方便切换不同项目的开发环境，无论是个人项目还是团队项目，使用虚拟环境已经成为 Python 开发的最佳实践。
2024-04-30 13:22:53
195
1
原创 Falsk简介
Flask 是一个轻量级的 Python Web 框架,它被设计为快速、简单、可扩展。与其他重量级 Web 框架(如 Django)相比,Flask 提供了一个更微小、更灵活的基础,让开发者可以根据需求自由选择组件和扩展。
2024-04-30 12:58:54
223
原创 npm初始化项目
npm初始化项目步骤：1.安装node，在官网下载对应版本安装即可，在此不详述。下载网址：https://nodejs.org/en/2.打开DOS窗口，或者快捷键：WIN+R，在运行中输入cmd，点击确定。3.新建项目文件夹后，在命令行中进入该文件夹，执行命令：npm init, 按回车键4. 执行npm init后，会跳出如下的一些配置信息，如果不知道怎么写可以一路回车，使用默认的配置5.信息配置完成后，会出现如下的确定项，输入yes，即可生成对应的项目6.在文件夹下新建index.js
2020-12-20 15:12:26
6683
原创 vue+ElementUI实现可编辑表格的方法
Vue开发项目的时候，碰到了需要对表格内容进行实时编辑提交的需求。这里提供两种可编辑表格的实现方法，供大家学习参考。方法一：点击即编辑，离开则提交HTML代码片段：// 表格 <el-table :data="tableData" style="width: 100%" highlight-current-row @row-click="handleCur...
2020-04-09 14:31:59
2598
原创 js设置cookie、读取cookie和删除cookie
cookie 是存储于访问者的计算机中的变量。每当同一台计算机通过浏览器请求某个页面时，就会发送这个 cookie。设置cookie的方法有很多种；比如通过服务器脚本页面进行设置，诸如aps,php等程序脚本。但有时候我们需要在静态页面上设置cookie，这时候我们就需要用到javascipt方法了。
2017-12-25 17:41:27
914
原创 谈谈行内元素和块元素的区别和居中问题
行内元素，也叫内联元素、内嵌元素等，是众多的行内元素能在一行中显示的元素。行内元素的主要作用是用来添加特殊样式，如元素，元素，元素，，下标 上标等等。块元素，就是会独占一行的元素，比如，等等。 行内元素和块元素的区别如下： 行内元素块级元素默认开始位置和其他元素都在一行上总是在新行上开始宽度宽度就是它的
2017-03-13 14:40:40
1094
原创 HTML中的特殊字符
  空格 是 的实现效果，要用到转义字符& < less than，其效果就是 > greater than，其效果就是> © 企业标识，版权符号 ¥ 钱币符号,￥ 换行符，单标记,是分区元素，多用于网页布局
2017-03-13 13:58:18
728
原创 nodeJs和JavaScript的异同
JavaScript组成：ECMAScript(定义这门语言的基础，比如语法、数据类型、结构以及一些内置对象等)、DOM（基于ECMASCRIPT，扩展出来的用于操作页面元素的方法）、BOM（基于ECMASCRIPT，扩展出来的用于操作浏览器的一些方法）。NodeJS是以ECMASCRIPT为基础，然后在这个基础上扩展出来的一些操作其他东西（即操作非浏览器）的一些方法，比如操作OS操作系
2017-03-13 13:40:14
9456
1
原创 nodeJs安装和配置
总所周知，JavaScript是由这几个部分组成的：ECMAScript(定义这门语言的基础，比如语法、数据类型、结构以及一些内置对象等)、DOM（基于ECMASCRIPT，扩展出来的用于操作页面元素的方法）、BOM（基于ECMASCRIPT，扩展出来的用于操作浏览器的一些方法）。 那么NodeJS是什么呢？它是以ECMASCRIPT为基础，然后在这个基础上扩展出来的一些操作其他东西（即操作
2017-03-13 13:16:54
1299
原创 HTML中的标签、元素、属性和值
html :超文本标记语言。 一个标准的html文件由html元素、元素的属性和相关属性值3个基本部分构成。其中，元素的各项属性定义元素的样式和功能，例如name命名属性、href目标地址链接属性等。这些属性又由它们各自特定类型的属性值定义，例如长度类型、URI类型等。 在HTML中，标签名是大小写不敏感的，就是说不区分大小写。 一、标签的分类：
2017-03-13 09:42:05
4147
原创 HTML、CSS、JS中的注释标签
在编写HTML代码时，我们经常要在一些关键代码旁做一下注释，这样做的好处很多，比如：方便理解、方便查找或方便项目组里的其它程序员了解你的代码，而且可以方便以后你对自己代码进行修改。注释的分类：（1）HTML的注释标签：注释内容-->使用注释标签来隐藏浏览器不支持的脚本也是一个好习惯（这样就不会把脚本显示为纯文本）："text/javascript">
2017-03-13 09:05:11
2283
原创 nodeJs学习（1）
什么是NodeJS?和JavaScript有很大渊源的JavaScript组成：ECMAScript(定义这门语言的基础，比如语法、数据类型、结构以及一些内置对象等)、DOM（基于ECMASCRIPT，扩展出来的用于操作页面元素的方法）、BOM（基于ECMASCRIPT，扩展出来的用于操作浏览器的一些方法）。NodeJS是以ECMASCRIPT为基础，然后在这个基础上扩展出来的一些操作其他东西
2017-03-12 21:47:54
309
原创 JavaScript基础知识（10）
方法名后何时加圆括号？调用方法，立即执行，就加();将方法作为对象传递，不加() 闭包：函数使用了不属于自己的局部变量 闭包的问题： 1.普通方法调用完，活动对象回收。但是闭包方法导致父活动对象不释放，所以闭包方法会占用更多内存空间。 重新获得闭包，闭包内的局部变量都重置 2.闭包中多个方法，访问的是同一个局部变量。只要变量变化，所有方法都受影响。
2017-03-11 11:51:49
318
原创 JavaScript基础知识（9）
回顾： Date对象：内部封装一个毫秒数 创建日期对象： var date=new Date("2015/6/9");PPT上的横线“-”仅兼容chrome，其他浏览器是不能用！！！ API: 1.每个分量都有一对儿get/set方法 2.命名：年月日星期，不带s;时分秒，带s 3.值范围：月中的日：1-31 其他：0-减1 计算：
2017-03-11 11:49:19
349
原创 JavaScript基础知识（8）
回顾：正则表达式 []:备选字符集，只能多选一。一个[]只能匹配一位字符 比如：我[去草]：我去 我草 []内： 开头^:除了xx都行 [0123456789]-->[^47] -:表示备选字符的范围: [a-z] [0-9] [A-Z] 预定义字符集： [0-9] -->\d [a-zA-Z_] -->\w \s:空字符：\n \t 空
2017-03-11 11:48:46
393
原创 JavaScript基础知识（7）
内置对象既能保存数据又能操作数据 内置对象中封装了专门的数据和操作数据常用的API。 JavaScript内置十个对象列表：String,Boolean,Number,Date,Math,Error,Function,Object,Global 使用一个没有声明的对象，会出错，不是undefined 包装类型：专门封装原始类型的数据，并提供对数据常用操作的内
2017-03-11 11:47:19
285
原创 JavaScript基础知识（6）
function bubbleSort(arr){ for(var n=1;n for(var i=0;i if(arr[i]>arr[i+1]){ var box=arr[i]; arr[i]=arr[i+1]; arr[i+1]=box; } } }return;
2017-03-11 11:45:47
297
原创 JavaScript基础知识（5）
回顾： 循环三要素： 1.循环条件：继续循环的条件 2.循环变量：循环条件中用作判断的变量，向着循环退出的趋势不断变化，充当循环计数器 3.循环体： while：不确定循环次数，或者循环变量的变化规律不固定 do while:如果第一次条件即使不满足，也要执行一次 for：循环次数确定，循环变量变化规律固定 var i=0; while(i
2017-03-11 11:45:03
408
原创 JavaScript基础知识（4）
回顾： 方法参数：是方法内处理逻辑必须的数据。参数仅限方法内部使用，方法外无法访问方法的参数变量。参数名称自定义。 返回值：调用者是否需要获得方法的执行结果决定是否需要返回值。 function add(a,b){ var sum=a+b; return sum; } 调用方法1：add(5,10); 调用方法2： var a=5; var b=10;
2017-03-11 11:44:25
274
原创 JavaScript基础知识（3）
练习： instanceof表示左边的数据是由右边的数据创建出来的 undefined值的类型就是undefined undefined的值和null的值虽然相等，但是类型不同，null的类型是object。值相等是因为js的自动转换。 NaN和任何数据比较，永远返回false，今后只要有可能判断NaN时就用isNaN。NaN和任何东西计算，永远返回NaN var st
2017-03-11 11:43:25
307
原创 JavaScript基础知识（2）
Netscapt:javascript Microsoft:JScript 变量：内存中存储数据的一块空间。一切数据必须存在变量中。 声明：var 变量名-->在内存中开辟一块空间 赋值：变量名=值-->将值保存到左边的变量空间中备用。 使用:使用变量名，等效于直接使用变量中的数据。 数据类型： why：存储空间大小，用途 原始类型：数
2017-03-09 11:13:49
240
转载 css3常用动画+动画库
一、animates.cssanimate.css是来自dropbox的工程师Daniel Eden开发的一款CSS3的动画效果小类库。包含了60多款不同类型的CSS3动画，包括：晃动，闪动，各种淡出淡出效果，如果你想快速的整合各种CSS3动画特效的话，使用它即可方便的实现。查看演示：https://daneden.github.io/animate.css/ github地址：
2017-03-09 11:06:36
499
原创 CSS3动画详解
一. CSS3 转换：transform Internet Explorer 10 和 Firefox 支持 3D 转换。Chrome 和 Safari 需要前缀 -webkit-。Opera 仍然不支持 3D 转换（它只支持 2D 转换）。这里只介绍2D转换的方法。 （1）作用：实现元素的转换，对元素进行旋转、缩放、移动以及倾斜 （2）兼容性：Internet Expl
2017-03-08 11:31:52
311
转载 定义图文并茂的html5新标签-figure、figcaption
本来想分两篇文章来解释说明figure、figcaption的，但是这俩个标签都是定义图文的，所以我们合起来讲解，大家更能容易接受。大家在写xhtml、html中常常用到一种图片列表，图片+标题或者图片+标题+简单描述。以前的常规写法：title而在html5中有了新标签更能语义化的定义出这中图片列表，那就是figure标签。w3c赋予的定义：figure标
2017-03-07 14:55:41
617
原创 JavaScript基础知识（1）
前端三大基础知识： HTML:专门编写网页内容 CSS：专门设计网页样式 JavaScript：专门设计网页交互的语言 交互三步：用户输入数据，程序处理数据，返回结果 什么是JavaScript： 1.专门设计网页交互的语言 2.运行在专门的JavaScript解释器中 3.“解释”执行--像读书一样 4.互联网第一大语言：JSer
2017-03-07 09:49:02
295
原创 HTML5的新特性--基础知识（6）
拖放API： 两个存储系统：localStorage和sessionStorage localStorage多个标签访问同一个网站，各个标签都可以看到保存的数据 storage事件：存储空间每次发生变化时，都会触发这个事件。所以可以通过这个事件通知同一程序的每个窗口。目前主要是在Safari浏览器中兼容比较好。 语法：window.addEventListener('storage
2017-03-06 10:04:20
392
原创 HTML5的新特性--基础知识（5）
canvas的文字API： 一、属性： 1.font:与css属性的font类似，表示与字体有关的所有属性 font="font-weight font-style font-size font-family" 一般在定义了font属性后，要设置font-family属性，否则可能出不来 如：font="bold italic 24px Verdana" 2.t
2017-03-06 09:47:37
344
原创 HTML5的新特性--基础知识（4）
1、伪类顺序:一般遵循如下顺序,在低版本中防止不兼容问题 lvha a:link{} a:visited{} a:hover{} a:active{} 2、小苹果 3、当歌曲能够播放时，将时长显示在00:00处 canplaythrough事件 事件：是一种行为 方法：是一个操作 属性：是一种
2017-03-06 09:42:51
368
原创 HTML5的新特性--基础知识（3）
1. setCustomValidity() 1.1 作用 自定义错误信息，一旦设置好了setCustomValidity()，当前表单是不允许被提交的，一旦提交，显示自定义错误信息 1.2 注意 setCustomValidity("")，一旦数据被修改正确后，需要通过setCustomValidity("")清空错误验证消息，使得表单允许
2017-03-06 09:22:41
467
原创 HTML5的新特性--基础知识（2）
复习：1.新表单元素 全部都是由input标签组成 1.1 email：接收用户录入的email数据并验证 1.2 url:注意输入的内容必须以http://开头 1.3 search：显示效果和文本框差不多，只是多了一个删除效果 1.4 range：一般用于选取颜色、透明度等 范围： 属性：min最小值；max最
2017-03-06 09:19:42
659
原创 HTML5的新特性--基础知识（1）
HTML5表单元素： input类型：电子邮件类型、搜索类型、URL类型、电话号码类型、数字类型、范围类型、颜色类型、日期类型、周类型、月类型、日期与时间类型、本地日期与时间类型 在其他版本的HTML中，表单包含的元素非常有限，并且属性也不多，尤其是在数据交互过程中数据的验证需要编写大量的JavaScript代码。上述的不足，都已经在HTML5中被克服了。HTML5在以上的基
2017-03-06 09:15:30
583
转载 css中单位px和em,rem的区别
国内的设计师大都喜欢用px，而国外的网站大都喜欢用em和rem，那么三者有什么区别，又各自有什么优劣呢？PX特点1. IE无法调整那些使用px作为单位的字体大小；2. 国外的大部分网站能够调整的原因在于其使用了em或rem作为字体单位；3. Firefox能够调整px和em，rem，但是96%以上的中国网民使用IE浏览器(或内核)。px像素（Pixel）。相对长度单位。像素px
2017-03-03 17:21:37
229
原创 CSS基础知识(6)
先看一个例子： img{ width:350px; height:350px; visibility:hidden; position:absolute; } img:target{ visibility:visible; }
2017-02-27 10:09:22
508
原创 CSS基础知识(5)
页面布局： 盒子模型(框模型) margin、padding、border float 排列盒子 clear清除浮动，修正浮动造成的bug overflow：hidden 解决子元素浮动后，父元素不自动调整高度的问题 position static 默认 absolute 绝对 元素可以重叠
2017-02-27 10:07:18
328
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人