随笔分类 -  前端

CSS3弹窗动画效果
摘要：自上到下 .fadein { animation: fadein .5s; } @keyframes fadein { 0% { transform: translate(0, -100%); } 100% { transform: none; } } 自下到上 .fadein { animatio 阅读全文
posted @ 2022-12-06 17:22 tulintao 阅读(541) 评论(0) 推荐(0)
前端权限设计
摘要：资源权限： 菜单导航栏 & 页面 & 按钮 资源可见权限 数据权限： 对于页面上的数据操作 同一个人同一个页面 不同的数据 可能存在不同的数据操作权限 权限纬度 角色纬度 用户 ⇒ 角色 ⇒ 权限 用户纬度 用户 ⇒ 权限 表现形式 基础表现形式还是树结构的展现形式 因为对应的 菜单 - 页面 - 阅读全文
posted @ 2021-09-26 17:09 tulintao 阅读(515) 评论(3) 推荐(0)
react diff算法理解
摘要：React的Diff算法 当组件更新的时候react会创建一个新的虚拟dom树并且会和之前存储的dom树进行比较，这个比较过程就用到了diff算法，所以组件初始化的时候是用不到的。react提出了一种假设，相同节点具有类似的结构，而不同的节点具有不同的结构。基于这种假设之上进行逐层的比较，如果发现对 阅读全文
posted @ 2021-02-02 09:54 tulintao 阅读(209) 评论(0) 推荐(0)
react中解决跨域
摘要：http-proxy-middleware 首选就需要安装http-proxy-middleware yarn add http-proxy-middleware npm install http-proxy-middleware 在src目录下创建setupProxy.jsx文件 最后设置代理 a 阅读全文
posted @ 2021-01-23 20:09 tulintao 阅读(212) 评论(1) 推荐(0)
小程序中单行&&多行文本溢出显示省略号
摘要：.textof{ display: -webkit-box ; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-box-orient: vertical; -webkit-line-clamp:2; 阅读全文
posted @ 2021-01-19 16:15 tulintao 阅读(209) 评论(0) 推荐(0)
跨域CORS
摘要：如果URL上未标明端口，那么http默认就是80端口，https默认是443端口 同源策略是指在协议、域名、端口一致的情况下就属于同源 在页面对应的地址不同源的情况下，那么浏览器就会判定为跨域，就会导致如下的问题 1、Ajax请求不能正常发送 2、无法获取DOM元素进行操作 3、无法读取cookie 阅读全文
posted @ 2021-01-12 20:47 tulintao 阅读(183) 评论(0) 推荐(0)
前端--CSS
摘要：CSS介绍 css：层叠样式表，定义如何现实HTML元素，当浏览器读到一个样式表的时候，它就会按照这个样式表来对文档进行格式化（渲染） css语法 每个css都是由两部分组成的：选择器和声明。声明又包括属性和属性值。每个声明止呕用分号结束。 css中的注释： /*这是注释*/ css的几种引入的方式 阅读全文
posted @ 2019-09-04 19:48 tulintao 阅读(141) 评论(0) 推荐(0)
前端--HTML简介
摘要：软件开发架构： c/s架构 客户端 服务端 b/s架构 浏览器 服务端 本质：b/s架构也是c/s架构 HTTP协议 超文本传输协议：规定了客户端与服务端之间消息传输的格式 四个特性： 1、基于TCP/IP协议作用于应用层的协议 2、基于请求响应 3、无状态（服务端无法保存用户的状态，一个人来千万次 阅读全文
posted @ 2019-09-03 19:06 tulintao 阅读(223) 评论(0) 推荐(0)
HTML5属性
摘要：HTML5同时增加和废除了很多属性。下面介绍一些常用的属性。 1、表单属性 为input(type=text)、select、textarea与button元素新增了autofocus属性。（它以指定属性的方式让元素在画面打开时自动获得焦点） 为input(type=text)与textarea、元 阅读全文
posted @ 2019-05-08 09:05 tulintao 阅读(329) 评论(0) 推荐(0)