- 博客(34)
- 收藏
- 关注
原创 React学习打卡Day09
1.Redux 发布订阅者模式实现状态管理function createShownStore(reducer){ var list = [] var state = reducer() function subscribe(callback){ list.push(callback) } function dispatch(action){ state = reducer(state,action) list.f.
2022-05-12 13:30:32
193
原创 JS学习打卡Day07
1、当你引入 jQuery 文件以后 + 会在全局暴露两个变量名 => $ => jQuery2、选择器: 不管使用任何选择器, 获取到的元素都是一个元素集合3、筛选器 // 1. first() // 2. last() // 3. eq(索引) 注意: 索引从0 开始, 依次 +1 // 4. next() // 5. nextAll() // 6. prev() // 7. prevAll() ...
2022-04-08 10:09:21
211
原创 JS学习打卡Day06
ES6新特性 1)定义变量新增 let和const var与let/const的区别 Ⅰ.var会进行预解析,let/const不会进行 Ⅱ.var可以同时声明两个重名的变量,let/const不能定义重名变量 Ⅲ.var没有块级作用域,let/const有块级作用域let与const的区别 Ⅰ.l...
2022-04-07 14:57:45
321
原创 JS学习打卡Day05
1.创建对象的方式 <script> /* 1.字面量方式创建对象 var obj = {} 后期可以动态添加属性 2.内置构造函数创建对象 var obj = new Object() 后期可以动态添加属性 3.工厂函数创建对象 3-1.制造一个工厂函数 3-2.使用工
2022-04-07 13:57:20
278
原创 React学习打卡Day08
1.React老生命周期的问题 1)componentWillMount ,在ssr中这个方法将会被多次调用, 所以会重复触发多遍,同时在这里如果绑定事件, 将无法解绑,导致内存泄漏 , 变得不够安全高效逐步废弃。 2)componentWillReceiveProps 外部组件多次频繁更新传入多次不同的 props,会导致不必要的异步请求 3)componetWillupdate, 更新前记录 DOM 状态, 可能会做一些处理,与componentDidUp...
2022-04-06 16:15:01
485
原创 React学习打卡Day07
1.插槽 React支持在引入的组件内写html语句,在定义的组件内使用this.props.children取用 有利于组件复用和减少父子间通信,预留插槽自己定义需要插入的语句2.React生命周期 1)初始化阶段 Ⅰ.componentWillMount:render之前最后有一次修改状态的机会,初始化数据的作用 Ⅱ.render:只能访问this.props和this.state,不允许...
2022-04-01 17:07:14
161
原创 前端学习打卡Day11
1.3d位移 1)通过transform-style: preserve-3d设置3d位移 2)通过设置景深属性的距离可观测到z轴上的变化 perspective:900px 3)scaleZ()和scale3d()函数单独使用时没有任何效果,要配合其他变形函数使用2.网格布局 1)容器和项目 容器可以理解为父元素,项目可以理解为子元素 2)行和列 3)单元格 行与列的交叉区域 4)网...
2022-04-01 11:56:51
101
原创 JS学习打卡Day04
1.节点操作 1)创建节点 document.createElement('标签名称') 创建一个指定的标签元素 2)插入节点 Ⅰ.父节点.appendChild(子节点),把子节点放在父节点内部最后的位置 Ⅱ.父节点.insertBefore(要插入的子节点,哪一个子节点的前面),插入到内部某结点前 3)删除节点父节点.removeChild(子节点)删除子节点 节点.removeChi...
2022-03-31 12:05:05
232
原创 React学习打卡Day05
1.属性props 使用let {‘属性名’} = this.props 接收属性 可接收多个2.属性验证Navbar.protoTypes = {验证代码} 可以写在对象内部,需要加static关键字import React, { PureComponent } from 'react'import proptypes from 'prop-types'export default class Navbar extends PureComponent { static prot...
2022-03-31 08:35:52
1394
原创 JS学习打卡Day03
1.BOM操作 一套操作浏览器相关内容的属性和方法 操作浏览器历史记录、滚动条、页面跳转、标签页的开启和关闭 1)获取浏览器窗口尺寸 window.innerwidth/.innerheight 2)浏览器的弹出层 window.alert提示框/.confirm询问框/.prompt输入框 3)开启和关闭标签页 window.open/.close 4)浏览器事件window.onload...
2022-03-30 08:34:47
125
原创 React学习打卡Day04
1.富文本展示 dangerouslySetInnerHTML={ { __html:item.text }},可以将输入得html命令执行后展示2.函数表达书可以写在return的div标签中,写在花括号内
2022-03-29 08:48:28
141
原创 JS学习打卡Day02
1.js里的函数,就是js中的一个数据类型 1)函数定义阶段 把函数装进盒子里,小括号内的内容称为形式参数,只能在函数内部使用,其值由函数调用时的实参决定 2)函数调用阶段 把盒子里的函数运行起来,小括号内的内容称为实际参数2.作用域 1)范围:全局作用域和私有作用域 全局作用域:一个页面就是一个全局作用域 私有作用域:只有函数生成私有作用域 2)使用:定义、访问和赋值...
2022-03-28 13:01:58
340
原创 React学习打卡Day03
1.todolist案例 1)获取标签的内容需要借用ref属性,不直接修改标签的Dom 2)采用b=[...a]或b=a.slice()的方式进行深克隆 3)splice()方法删除元素,第一个参数索引值,第二个参数删除的个数,第三个参数新增项 4)条件渲染 {this.state.list.length==0?<div>暂无待办事项</div>:null},可使用三目运算符 或者使用&a...
2022-03-24 11:28:59
618
原创 JS学习打卡Day1
1.JS组成 1)BOM js操作浏览器发生变化的属性和方法2)DOM js操作文档流发生变化的属性和方法 3)ECMAScript js的书写语法和书写规则2.JS书写位置 1)行内式 直接把代码书写在标签身上 a标签 书写在href属性上 <a href="javascript:JS代码;"/> 非a标签 书写在盒子的...
2022-03-23 16:06:30
1594
原创 React学习打卡Day2
1.事件绑定,在标签内用onClick等方式实现事件绑定 1)使用箭头函数实现,在语句最后不需要加(),react事件系统程序在执行时会自动添加,如果处理逻辑过多,不推荐这种写法2)使用函数调用实现,函数调用使用this,在语句最后不需要加() 3)使用函数调用实现,外部函数使用箭头函数构造,在语句最后不需要加() 4)使用箭头函数实现,外部函数构造方式随意,但在箭头函数内部调用时函数需加(),可以在内部调用多个函数,比较推荐 ...
2022-03-23 12:28:33
1589
原创 React学习打卡Day1
1.react特性 1)既不是mvc,也不是mvvm结构 2)采用声明范式 3)虚拟dom 4)配合现有库和框架 5)JSX ,js的语法拓展 6)复用,组件化 7)单向响应数据流2.安装react 1)npm install -g create-react-app 2)create-react-app myapp...
2022-03-22 16:17:44
372
原创 前端学习打卡Day10
1.响应式布局 pc优先和移动端优先,临界点/断点,媒体查询 竖屏 orientation:portrait 横屏 orientation:landscape@media screen and (max-width:px) and (min-width:px){}2.rem,em,px px:50px em:相对单位,相对于父元素的字体大小,div width:10em,10倍大小 rem:相对单位,相...
2022-03-22 12:59:11
733
原创 前端学习打卡Day09
1.移动端布局模拟器上显示分辨率css像素:设备的独立像素,物理分辨率:设备像素设备像素比(dpr)= 物理像素/css像素 设计稿给一份物理分辨率的 采用1)百分比,2)弹性盒布局,3)rem布局2.采用弹性布局的盒子,会继承父代的宽高,会延展某一方向的宽高,在后代中仍然可以使用继承值3.设置flex数值后,如果flex内部的空间超过窗口大小,则会将未设置flex属性数值的空间挤压,形成适应内容大小的状态,如果没...
2022-03-21 16:17:48
250
原创 前端学习打卡Day08
1.阴影 文本阴影text-shadow: 10px 10px 1px red; 盒子阴影box-shadow: 10px 10px 10px (10px) red (inset);参数1:水平方向位移参数2:竖直方向位移参数3:模糊程度/模糊距离 px参数4:阴影颜色 盒子阴影中括号内分别为阴影大小和内阴影属性 都支持多重阴影,用逗号隔开即可2.圆角 ...
2022-03-21 09:24:37
375
原创 前端学习打卡Day07
1.h5新增的特性 1)增强型表 2)canvas svg 3)音频视频 4)本地存储与缓存 5)语义化标签 header,section,footer nav,main,aside article/header,footer2.音视频(属性值与名相同,可省略赋值) 音频audio 视频video src后写音视频文件地址 1)controls 控制栏,必须写的属性 2)loop 循环播放...
2022-03-17 12:17:35
688
原创 前端学习打卡Day06
1.浮动元素高度自适应 1)设置父盒子高度为定值,缺点:如果浮动过多,换行,就出现问题 2)在子盒子后加一个空div,clear:both,缺点:增加了新的空标签,降低了浏览器性能 3)溢出隐藏 overflow:hidden,缺点:会隐藏溢出的元素,例如下拉二级菜单 4)伪元素 ::双冒号,代码如下 .box::after{ content: ""; clear: both;...
2022-03-16 11:32:25
1067
原创 前端学习打卡Day5
1.定位 position 1)static 默认值 2)absolute 绝对定位,脱离文档流,偏移位置相对父元素(父存在且有定位),否则参照物是浏览器窗口的第一屏(子绝父相),滚动窗口,定位随第一屏滑走 3)relative 相对定位 不脱离文档流,偏移位置相对自身,可设置top为负值实现下移 4)fixed 固定定位,脱离文档流,偏移位置相对于浏览器的当前窗口 5)sticky 粘性定位,可以做吸顶效果,css3.0新增的...
2022-03-14 14:53:45
212
原创 node.js学习笔记
1.命令行窗口、cmd、shell、dos窗口 -常用指令: dir:列出当前目录下的所有文件 cd+目录名:进入指定的目录 md+目录名:创建文件夹 rd+目录名:删除文件夹 -目录: . 表示当前目录 .. 表示上一级目录 -环境变量(windows系统中的变量) ...
2022-03-11 16:55:50
2016
原创 前端学习打卡Day4
1.溢出1)overflow: visible;默认溢出2)overflow: hidden;溢出文本隐藏,文本裁切3)overflow: scroll;溢出滚动4)overflow: inherit;继承父元素的效果5)overflow: auto;/*溢出自动滚动,未超过不显示滚动,常用*/6)overflow-x:auto overflow-y:hidden只设置一个方向自动滚动...
2022-03-10 11:49:24
201
原创 前端学习打卡Day3
1.列表属性 list-style-type list-style-image:url() list-style-position list-style:none(常用) 2.背景属性 background-color background-image background-repeat background-position background-size:cover/contain/百分比(失真) ...
2022-03-09 11:45:48
190
原创 jQuery学习笔记
1.jQuery是什么? 跨浏览器的js库,封装了js相关方法调用,简化js对HTML DOM操作2.采用$作为标识符,用来获取dom对象3.$(function(){})4.dom对象和jQuery对象使用js创建的对象叫dom对象,也就是js对象 使用jQuery表示的对象叫做jQuery对象,注意:jQuery表示的对象都是数组 例如 var= jobj =$("#txt1"),jobj就是一个jQuery对象,他是一个数组 ...
2022-03-09 08:58:38
2365
原创 Ajax学习笔记
全局刷新和局部刷新XMLHttpRequest 异步对象,ajax不是一种语言,是利用现有的技术进行的操作js:负责创建异步对象,发送请求,更新DOM对象。xml:网络中的传输的数据格式ajax中使用XMLHttpRequest对象1.创建异步对象 var xmlHttp = new XMLHttpRequest();2.给异步对象绑定事件 xmlHttp.onreadystatechange=function(){ if(xmlHttp.read...
2022-03-07 17:18:53
53
原创 前端学习打卡Day1
一、认识前端,前端是什么,大前端能做什么网站、管理系统、app、小程序 、数据可视化、智能电视、桌面应用、网页游戏、工具和后端蒂姆.伯纳斯.李 W3C1.网页是前端开发人员写的,通过浏览器转成美丽的页面2.网页的拓展名是.html3.Html使用标记标签来描述网页,包含音频、视频、图片等等https://caniuse.com一个查版本兼容性的好网站W3C制定了HTML、CSS和JS行为的规范1.文档声明与字符编码 <!DOCTYPE>2.<html
2022-03-07 13:16:19
318
原创 在线考试管理系统项目开发心得
该项目是一套供考生和老师在线考试和阅卷的项目,前后端一体化开发,浏览器将请求包发送给tomcat服务器,tomcat调用service服务进行数据处理,并通过jdbc与mysql数据库交互,然后通过servlet将数据写入响应体中,最后由服务器推送到浏览器。前端页面的静态部分采用html语言编写,用css进行渲染,动态部分采用jsp进行数据展示,实现了登录注册,信息查询,增删试题,参加考试以及在线阅卷等功能...
2022-03-03 15:55:35
1190
原创 光学软件国产化项目开发心得
项目是某光研部门预开发一套具有独立知识产权的光学设计软件,我是负责人,项目成员包括三名光学博士,八名本科生和一名研究生。项目介绍:项目启动后,需求文档已生成,根据文档确定了开发的主要功能,分成三个小组开发,光学组、软件组和算法组,软件组的任务是从0开发一套光学设计软件(类似于CAD),算法组的任务是将matlab程序中的执行算法用c++语言重写,光学组的任务是提供光学技术支持,同时控制软件功能的质量,目前已开发出初代产品我的开发思路:首先根据现有的光学设计软件,CodeV和Zemax,进行功
2022-03-01 15:07:14
953
原创 智慧导览项目开发心得
智慧导览项目是某公司预开发一套可让用户自主设计的拖拽式触屏导览系统,我是负责人,项目成员包括一名在职前端工程师,六名本科生和两名研究生。项目介绍:项目启动后,根据公司的要求进行了需求分析,建立了需求文档,确定了系统需要实现的主要功能及其细节。然后,根据功能的特征划分了三个板块,采用了前后端分离的开发,前端采用quark-h5技术开发,后端采用java开发,开发时长为一个学期,最后成功交付公司我的开发思路:首先要进行需求分析,并且形成文档,甲方可以改需求,但是每次修改都要有记录,需求文档确
2022-03-01 14:01:14
524
原创 前端学习笔记
一、输入网站到页面展现的过程1.输入URL2.通过DNS解析ip3.建立TCP连接4.客户端发送Http请求5.TCP传输报文6.服务器处理请求并返回Http报文
2022-03-01 09:00:08
937
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人