- 博客(158)
- 收藏
- 关注
原创 今天的码农女孩学习了关于node下的Express框架的知识
app.post("/fom",urlParser,function(req,res){varuser=req.body.user//接收变量})res.send("hello")//发送到前台。res.clearCookie()清除cookie。res.send("正则匹配路由")res.send("添加成功")res.cookie()设置cookie。res.send()传送http响应。res.sendFile()打开文件。res.json()传送json响应。...
2022-07-22 16:08:39 281 1
原创 今天的码农女孩总结了关于npm包管理和url模块的笔记
npm包管理: 以前我们引入第三方框架是用script标签引入js文件,现在在node环境下需要远程下载模块文件,所有在项目需要对模块进行记录和使用 创建步骤: 1.创建一个node文件夹 2.打开命令行工具,输入npm init进行初始化项目 package name: (nodeweb)项目名称,如果项目名称和文件不一致,则用项目名称启动 version: (1.0.0) 项目版本 descr
2022-07-14 15:29:20 436
原创 今天的码农女孩做了关于react全家桶中redux的笔记
redux redux 有什么缺点步骤1.创建数据库存储变量;2.创建操作数据的函数,执行增删改查;3.创建管理员,对函数和变量进行过滤;4.创建状态机对象,组合仓库,管理员,函数给状态机;5.组件下进行使用...
2022-07-13 13:47:09 302
原创 今天的码农女孩学习了关于react全家桶的基础知识
react全家桶 create-react-app react脚手架 webpack 用打包工具 react基础语法 router 路由 redux 前端状态机 axios/fatch 用来执行ajax Ant design 前端布局 node下搭建react项目 1.安装脚手架 npm install -g create-react-app npm instal
2022-07-12 19:03:34 260 1
原创 今天的码农女孩学习了关于react的ajax的知识
react的ajax fetch:底层封装了promise,语法写作简单,可以实现异步函数,访问后台接口,更高效更安全,支持大部分浏览器,默认不携带cookie,但是可以手动设置 安装 npm install -S whatwg-fetch 语法 fetch("https://114.55.145.59:8443/librarytag/tag",{
2022-07-11 09:38:07 133
原创 今天的码农女孩学习了关于webpack的知识
webpack说说webpack与grunt、gulp的不同?三者都是前端构建工具,grunt和gulp在早期比较流行,现在webpack相对来说比较主流,不过一些轻量化的任务还是会用gulp来处理,比如单独打包CSS文件等。grunt和gulp是基于任务和流(Task、Stream)的。类似jQuery,找到一个(或一类)文件,对其做一系列链式操作,更新流上的数据,整条链式操作构成了一个任务,多个任务就构成了整个web的构建流程。webpack是基于入口的。webpack会自动地递归解析入口所需要加载的所
2022-07-08 17:28:47 108
原创 今天的码农女孩学习了关于nodejs和REPL 交互式解释器的知识
nodejs介绍 nodejs是运行在服务器端的js,是基于chrome javascript运行时建立的一个平台,是一个事件驱动,I/O服务端,js的运行环境基于Google的v8引擎,底层是由c编写 v8引擎:v8被设计用来提高浏览器内部js执行的性能,让js的速度非常快,性能好。会把js代码转化为高效的机器代码,而不再依赖于解释器去执行 node特点: 1.性能优化:异步io,支持多个进程并发处理 2.安全性:node是一个中间层,当黑客要攻击时,先通过no
2022-07-07 11:21:03 179 1
原创 今天的码农女孩学习了关于事件操作和ref属性的笔记并做了表单双向绑定的练习
事件操作 在虚拟dom中调用事件,事件名首字母要大写,例如:onClick,在调用的函数需要改变this指向,或者定义成箭头函数 class Header extends React.Component{//子 fun(){ this.props.foo("asd") } rende
2022-07-06 19:38:38 212
原创 今天的码农女孩用react写了轮播图以及组件之间的不同之处
轮播图:展示组件(Presentational component)和容器组件(Container component)之间有何不同类组件(Class component)和函数式组件(Functional component)之间有何不同
2022-07-05 18:03:10 209
原创 今天的码农女孩做了关于呼吸灯的练习、受控组件和高阶组件的简答题
练习:用标签做一个圆形,做呼吸灯效果,动画是:改变透明度1-0 循环何为受控组件(controlled component)在 HTML 中,类似 , 和 这样的表单元素会维护自身的状态,并基于用户的输入来更新。当用户提交表单时,前面提到的元素的值将随表单一起被发送。但在 React 中会有些不同,包含表单元素的组件将会在 state 中追踪输入的值,并且每次调用回调函数时,如 onChange 会更新 state,重新渲染组件。一个输入表单元素,...
2022-07-04 11:13:01 181
原创 今天的码农女孩做了关于生命周期的笔记以及动态时钟的练习
生命周期 分为三个阶段:挂载,渲染,卸载 1.componentWillMount 挂载时触发 变量和函数已经生成,但是虚拟dom还没有渲染到页面 2.constructor 构造函数 用来定义变量,接收父类传值,改变函数this指向等 3.render 生成dom渲染 把虚拟dom转化为页面标签渲染 4.componentDidMount 挂载后触发
2022-07-02 11:34:26 228
原创 今天的码农女孩总结了react的知识,并做了显示隐藏的小练习
练习:点击按钮,让div隐藏显示切换代码如下:只显示了css和js部分React 中 keys 的作用是什么?Keys 是 React 用于追踪哪些列表中元素被修改、被添加或者被移除的辅助标识。在开发过程中,我们需要保证某个元素的 key 在其同级元素中具有唯一性。在 React Diff 算法中 React 会借助元素的 Key 值来判断该元素是新近创建的还是被移动而来的元素,从而减少不必要的元素重渲染。此外,React 还需要借助 Key 值来判断元素与本地状态的关联关系,因此我们绝不可忽视转换函
2022-07-01 17:51:30 107
原创 今天的码农女孩学习了关于react子父组件传值的知识,并做了小练习
子父组件传值 父组件给子组件传值:父组件下定义属性并赋值,子组件里用prop接收,接收的是对象类型 //es5写法父组件传值给子组件 function App(prop){//子 return ( app {prop.name1}-{prop.age} ...
2022-06-30 11:29:01 189
原创 今天的码农女孩学习了关于react的组件的知识
组件 创建自定义标签,用一个标签替代多个标签,可以给标签设置任意样式存储,减少代码写作,提高浏览器加载速度,也可以子父组件传值,改变组件的内容 //es5创建组件 function List(){ return 看看文字效果 } ReactDOM.render( (...
2022-06-29 13:13:15 144
原创 今天的码农女孩开始学习react的知识
react介绍 react是一个构建用户界面的js库,注重于ui,是mvc模式的v,表示视图层 特点:代码开源,有较高的性能,代码逻辑简单 优点: 1.声明式设计,采用声明范式,可以轻松描述应用 2.高效:通过dom的模拟器,最大限度的减少与dom操作 3.灵活性:存在已知的库,与其他框架很好配合 4.jsx:它是js的一个扩展语法,可以把js的对象渲染成页面上的标签 5.组件:构建组件可以使代码得到复用,减少代码写作,提高浏览器加载速度
2022-06-28 13:43:43 203 1
原创 今天的码农女孩学习了关于ajax技术
ajax技术ajax是异步传输技术,是一种创建交互式网页应用开发技术,用来通过前台链接后台代码,可以实现网页的异步更新,并且可以局部更新,所以叫做异步刷新,局部更新技术,提高浏览器加载速度,节省服务区响应时间定义ajax步骤1.创建XMLHTTPRequest对象2.使用open方法链接后台服务器3.通过send()发送数据,开始和服务器交互4.通过onreadystatechange设置回调函数5.执行回调函数读取数据responseTextjs的ajax技术 高版本浏览器ajax对象
2022-06-28 08:38:05 73
原创 今天的码农女孩继续总结jQuery的知识
1、jQuery使用过哪些数据格式,它们各有什么特点? HTML格式 ,JSON格式,javascript格式,XML格式 1 HTML片段提供外部数据一般来说是最简单的。 2 如果数据需要重用,而且其他应用程序也可能一次受到影响,那么在性能和文件大小方面具有优势的JSON通常是不错的选择。 3 而当远程应用程序未知时,XML则能够为良好的互操作性提供最可靠的保证。 2、jquery表单提交前有几种校验方法? formData:返回一个数组,
2022-06-25 17:02:06 220 1
原创 今天的码农女孩总结了jQuery处理缓存的方法和事件委托方法的区别的笔记
jQuery是处理缓存的方法 要处理缓存就是禁用缓存. 1 通过$.post() 方法来获取数据,那么默认就是禁用缓存的。 2 通过$.get()方法 来获取数据,可以通过设置时间戳来避免缓存。 可以在URL后面加上+(+new Date) 例 $.get('ajax.xml?'+(+new Date),function () { //内容 });3 通过$.ajax 方法来获取数据,只要设置cache:false即可。
2022-06-24 18:20:30 266
原创 今天的码农女孩学习了关于jQuery遍历节点、查询节点以及插件的知识
1.jquery遍历节点的方法? children() 取得匹配元素的子元素集合,只考虑子元素不考虑后代元素 next() 取得匹配元素后面紧邻的同辈元素 prev() 取得匹配元素前面紧邻的同辈元素 siblings() 取得匹配元素前后的所有同辈元素 closest() 取得最近的匹配元素 find() 取得匹配元素中的元素集合 包括子代和后代siblings() 方法 和 $('prev~di
2022-06-23 14:44:31 168
原创 今天的码农女孩总结了jquery中的ajax以及扩展内容
jquery中的ajax如果是一些常规的ajax程序的话,使用load(),$.get(),$.post(),就可以搞定了, 一般我会使用的是$.post() 方法。如果需要设定beforeSend(提交前回调函数),error(失败后处理),success(成功后处理)及complete(请求完成后处理)回调函数等,这个时候我会使用$.ajax()jquery中的ajax好用之处 因为jQuery提供了一些日常开发中的快捷操作,例 load,ajax,get,post等等,所以使用jQuery开发ajax
2022-06-22 08:49:02 99
原创 今天的码农女孩根据前两天的学习总结了六道jQuery的简答题
1、jquery中的选择器 和 css中的选择器有区别吗? 答:jQuery选择器支持CSS里的选择器, jQuery选择器可用来添加样式和添加相应的行为 CSS 中的选择器是只能添加相应的样式2、jquery中的选择器有什么优势? 答:简单的写法 $('ID') 来代替 document.getElementById()函数 支持CSS1 到CSS3 选择器 完善的处理机制(就算写错了id也不会报错)3、使用选择器觉得要
2022-06-21 08:48:41 282 1
原创 今天的码农女孩学习了关于jQuery事件绑定和事件对象的笔记
事件绑定 事件处理 on()给元素绑定一个事件 off()删除on事件 one()给元素绑定事件,只能执行一次 bind()用来绑定多个事件 unbind()删除bind事件 例: //bind绑定一个事件 $("p").bind("click",function(){
2022-06-20 09:40:49 142
原创 今天的码农女孩学习了关于jQuery中的文档处理的内容
文档处理 内添加(孩子) 1.append()在父类尾部添加孩子(新) 2.appendTo()在父类尾部添加孩子(指定) 3.prepend()在父类头部添加孩子(新) 4.prependTo()在父类头部添加孩子(指定) 例: $(".box").append("")相当于在.box的元素中的尾部添加一张图片 $(".font").a...
2022-06-19 09:33:57 106
原创 今天的码农女孩学习了关于jQuery的动画效果和筛选的笔记
动画效果 1.show(毫秒数,回调函数)显示 2.hide()隐藏 3.toggle()显示隐藏切换 4.slideDown()向下显示 5.slideUp()向上隐藏 6.slideToggle()上下切换 7.fadeIn()淡入效果 8.fadeOut()淡出效果 9.fadeTo(毫秒数,透明度,回调函数)降低透明度 10.fadeTogg
2022-06-18 16:28:40 79
原创 今天的码农女孩根据昨天的jQuery笔记写了简答题和练习
简答:1.使用jquery遇到的问题前台拿不到值,JSON 可能出现的错误(多了一个空格等)这编译是不会报错的 ,jquery库与其他库冲突;解决方案:今天在处理一个数据问题时,发现jQuery.ajax()方法返回的值一直有问题,清除缓存后数据无误,多次测试后发现返回的值都是之前的值,并且一直未执行url(后台为JAVA,设置断点一直未进入)。在网上查找下,发现是未设置type的原因。如果没设置jQuery.ajax的type="Post",那么ajax就会默认type="Get",这就会导致之前数据被缓
2022-06-17 14:18:43 96
原创 今天的码农女孩学习了关于jQuery的基础知识和简答题
jquery jquery是js的一个轻量级框架,封装了js代码,完成功能比js代码写作少,兼容性好,可以实现动画效果,表单验证,链接后台和游戏制作等 语法 加载函数 1.$(window).load(function(){ //页面加载完成后执行 }) 2.$(document).ready(function(){ //媒体文件之前加载 }) $(fun
2022-06-16 13:25:51 361
原创 今天的码农女孩学习了关于网络的相关知识
1.简述同步和异步的区别同步是阻塞模式,异步是非阻塞模式。同步就是指一个进程在执行某个请求的时候,若该请求需要一段时间才能返回信息,那么这个进程将会一直等待下去,直到收到返回信息才继续执行下去;异步是指进程不需要一直等下去,而是继续执行下面的操作,不管其他进程的状态。当有消息返回时系统会通知进程进行处理,这样可以提高执行的效率2.http 和 https 有何区别?如何灵活使用?http是HTTP协议运行在TCP之上。所有传输的内容都是明文,客户端和服务器端都无法验证对方的身份。https是HTTP运行在S
2022-06-13 10:23:16 75
原创 今天的码农女孩学习了网络中的tcp和udp
tcp和udp区别1.基于连接与无连接;2.对系统资源的要求(TCP较多,UDP少);3.UDP程序结构较简单;4.流模式与数据报模式 ;5.TCP保证数据正确性,UDP可能丢包,TCP保证数据顺序,UDP不保证。TCP的优点:可靠,稳定 TCP的可靠体现在TCP在传递数据之前,会有三次握手来建立连接,而且在数据传递时,有确认、窗口、重传、拥塞控制机制,在数据传完后,还会断开连接用来节约系统资源。 TCP的缺点: 慢,效率低,占用系统资源高,易被攻击 TCP在传递数据之前,要先建连接,这会消耗时间,而且在数
2022-06-12 09:38:36 88 1
原创 今天的码农女孩总结了网络中的http请求头的笔记
http请求头有哪些?Accept:浏览器可接受的MIME类型。Accept-Charset:浏览器可接受的字符集。Accept-Encoding:浏览器能够进行解码的数据编码方式,比如gzip。Servlet能够向支持gzip的浏览器返回经gzip编码的HTML页面。许多情形下这可以减少5到10倍的下载时间。Accept-Language:浏览器所希望的语言种类,当服务器能够提供一种以上的语言版本时要用到。Authorization:授权信息,通常出现在对服务器发送的WWW-Authenticate头的应
2022-06-11 16:36:04 94
原创 今天的码农女孩做了关于前端网络攻击的笔记
前端网络攻击1. XSSXSS,跨站脚本攻击。是一种网站应用程序的安全漏洞攻击,是代码注入的一种。它允许恶意用户将代码注入到网页上,其他用户在观看网页时就会受到影响。这类攻击通常包含了HTML以及用户端脚本语言。它可以分为两类:反射型和持久型。反射型XSS攻击场景:用户点击嵌入恶意脚本的链接,攻击者可以获取用户的cookie信息或密码等重要信息,进行恶性操作。解决:开启cookie的属性,禁止JavaScript脚本读取cookie信息。持久型XSS攻击场景:攻击者提交含有恶意脚本的请求(通常使用标签
2022-06-10 09:03:00 190 4
原创 今天的码农女孩做了关于TCP协议的三次握手与四次挥手的笔记
TCP协议的三次握手与四次挥手(1)TCP连接建立过程中采用“三次握手机制”第一次握手:客户端发出连接请求报文段,其中将SYN标志位置为1表示要建立连接,选择一个初始序列号seq=x,不携带数据但消耗一个序号。之后TCP客户进程进入SYN-SENT(同步已发送)状态。第二次握手:服务器收到连接请求报文段后,如同意建立连接,向客户端发送确认。在确认报文段中将SYN位和ACK位都置1,确认号是ack=x+1,选择一个初始序号seq=y,不携带数据但消耗一个序号。TCP服务器进程进入SYN-RCVD(同步收到)状
2022-06-09 08:35:41 106
原创 今天的码农女孩总结了从输入URL到浏览器显示页面发生了什么的笔记
从输入URL到浏览器显示页面发生了什么1.在浏览器中输入url(解析IP地址) 用户输入url,例如http://www.baidu.com。其中http为协议,www.baidu.com为网络地址,及指出需要的资源在那台计算机上。一般网络地址可以为域名或IP地址,此处为域名。使用域名是为了方便记忆,但是为了让计算机理解这个地址还需要把它解析为IP地址。2.应用层DNS解析域名 客户端先检查本地是否有对应的IP地址,若找到则返回响应的IP地址。若没找到则请求上级DNS服务器,直至找到或到根节点。3.应用层
2022-06-08 10:46:30 78
原创 今天的码农女孩总结了http状态码有那些及其含义
http状态码有那些?分别代表是什么意思?1**信息,服务器收到请求,需要请求者继续执行操作2**成功,操作被成功接收并处理3**重定向,需要进一步的操作以完成请求4**客户端错误,请求包含语法错误或无法完成请求5**服务器错误,服务器在处理请求的过程中发生了错误100 Continue继续。客户端应继续其请求101 Switching Protocols切换协议。服务器根据客户端的请求切换协议。只能切换到更高级的协议,例如,切换到HTTP的新版本协议 200 K请求成功。一般用于GET与POST请求201
2022-06-07 19:40:02 88
原创 今天的码农女孩总结了react、vue中的key有什么作用?
react、vue中的key有什么作用? 1.虚拟DOM中key的作用: key是虚拟DOM对象的标识,当状态中的数据发生变化时,Vue会根据新数据生成新的虚拟DOM, 随后vue进行新虚拟DOM与旧虚拟DOM的差异比较,比较规则如下: 2.对比规则: (1)旧虚拟DOM中找到了与新虚拟DOM相同的key: 若虚拟DOM中内容没变,直接使用之前的真实DOM
2022-06-02 19:27:53 88
原创 今天的码农女孩学习了关于flask框架的知识
flask框架 flask框架是python下的一个轻量级框架,适合中小型项目,框架里集成了服务器,无需在第三方安装,也进行了分层处理 安装模块 pip3 install flask 项目文件 static静态文件夹,用来放css,字体,媒体文件等 templates组件文件,用来放html静态页面 flask.py框架的入口,也可以创建其他文件进行调用
2022-06-01 12:27:40 138 1
原创 今天的码农女孩学习了关于python爬虫和数据分析的知识
爬虫 安装 pip3 install requests pip3 install bs4 导入模块 import requests 链接页面 from bs4 import BeautifulSoup 爬虫 属性和方法 #获取页面路径 url=requests.get("https://www.baidu.com/") ...
2022-05-31 10:29:49 119
原创 今天的码农女孩学习了关于python的文件操作、数据库操作的知识
文件操作 open(路径,操作模式,设置缓冲,字符集,错误,换行符,参数类型) 操作模式 t文本模式 b二进制模式 +更新 r只读 rb以二进制读 r+更新读取 w只写 wb二进制写 ab二进制追加 a+更新追加 属性和方法 close()关闭文本 flush()刷新内部缓存 next()返回下一行 read()按字节读,默认读所有字节 readline(...
2022-05-29 10:28:20 131 1
原创 今天的码农女孩学习了关于python的面向对象的知识
面向对象 封装:一个类就是一个封装,把具有共同属性和行为的对象封装在一起 继承:子类继承父类,可以使用父类下的属性和方法 多态:子类继承父类,定义了同名函数,执行内容不同 类的定义 class Emp: name="张三" age=23 def say(self): ...
2022-05-28 08:54:14 81
原创 今天的码农女孩学习了关于python的函数和异常以及处理异常的知识
函数 1.普通函数 def fun(): 执行内容 调用:fun() 2.带参数的函数 def fun(a,b): a+b 调用:fun(2,3) 3.带返回值的函数 def fun(a,b): return a+b 调用:v=fun(2,3) 4.带默认值的函数 de...
2022-05-27 10:04:54 116
原创 今天的码农女孩学习了关于python元祖和字典的知识以及结合前面学的知识做了四个小练习
元祖 元祖与列表类似,但是元祖的值一旦定义,不能改变,所以叫做固定长度类型,下标从0开始,用()定义 定义方式:y1=(1,2,3,4) y2="a","b","c" 添加修改删除都会报错 查询 y[1] for v in y1 删除元祖 del y 注意:元祖里如果只包含一个元素,需要在元素后面加上逗号,否则会被当成运算符的括号使用,例如:(55)运算符括号输出55类型为int ;(55,) 元祖括号输出...
2022-05-26 12:21:40 111
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人