前端基础
记录前端基础知识
咿呀咿呀哟~~
这个作者很懒,什么都没留下…
展开
-
node + mysql 实现前后端简单交互
前言上上周给实习生布置个简单的前后端交互的任务,需求比较简单,如下图中所示:给了他们两周的时间,一边学习一边做这个 demo。前几天他们中都在问我前后端交互怎么做,都不知道是怎么做的。于是我给他们做了个demo参考前后端交互逻辑对于他们反应的问题,我首先给他们说了下前后端交互逻辑,然后画了一张草图,如下所示:发给他们后还是有人反应太难了,做不出来,于是乎我就做了个简单的demo。demo 示例我自己分了几个步骤:搭建 node 服务器配置路由连接mysql数据库处理前端请求原创 2021-12-01 16:46:41 · 1756 阅读 · 0 评论 -
react 通过 iframe 嵌套svg 并操作 DOM
公司有个需求,首页需要使用 svg 绘制,此时,就需要我使用 iframe 将 svg 嵌入到页面中,并操作页面元素。主要通过 以下来获取 svg domdocument.getElementById(IframeID).contentDocument1、首先将 svg 放到 本地目录,此处因为我svg较多,为了方便后续维护,我放在了 nginx 中,用 nginx 做的静态资源服务2、如果放在 nginx 中需要配置环境3、通过 iframe 嵌套 svg render() {原创 2021-10-26 11:25:19 · 558 阅读 · 0 评论 -
antd table 样式修改
.ant-table-wrapper { width: 98%; height: 100%; position: relative; top: 30px;}.ant-table { background-color: rgb(9,100,100); color: white;}// 表头样式.ant-table-thead > tr > th { background-color: rgb(3,50,50); color: white;}// 修改原创 2021-08-30 11:07:48 · 1811 阅读 · 0 评论 -
antd menu 样式修改
记录一下antd 中,table 样式修改, 方便大家快速使用基本上按照以下代码修改相应颜色即可// 设置菜单样式.ant-menu,.ant-menu-sub,.ant-menu-inline{ color: white; background-color: #044d50 !important;}// 设置子菜单展开样式.ant-menu-submenu > .ant-menu { background-color: rgb(16, 71, 83) !important;原创 2021-08-30 11:06:30 · 13140 阅读 · 11 评论 -
js 中元素偏移量 offset 常用属性
好久没写原生js,一些api的基础知识容易忘记。最近项目不太忙,就在闲暇时间快速过一遍js基础知识。之前项目中遇到的问题,上网百度很多人说的比较含糊,也有很多文章都大同小异,后来我决定自己决定以后将可能会用到或者项目中用的比较多的东西,但是自己记不住,容易忘记的知识记录下来,方便自己也方便大家。今天看到offset 的时候,就有了这篇文章,因为之前我总是搞混,总是要试试,哪个合适就用哪个。下面我把每个属性都记录下来,以后用的时候查一下不同点就知道该用哪个属性了...原创 2021-07-28 10:13:35 · 143 阅读 · 0 评论