网页开发笔记
阿宽pi
不断精进,立志成为"技能全家桶"
展开
-
微应用 qiankun 项目搭建
保姆级搭建qiankun教程 ==> hello world级别搭建,不包含应用间通信之类的本文经过本人按照qiankun文档==>项目实践书写,主要记录一下在搭建过程中遇到的问题因为react-scripts 高于版本4所造成的npm i -D @rescripts/cli安装失败解决办法将react-scripts版本降到2~4之间微应用中使用了eslint导致微应用报错问题解决办法在package.json文件中进行以下配置 ,"globals": {原创 2022-03-24 12:39:44 · 2239 阅读 · 0 评论 -
原生js获取所点击节点的所有兄弟节点(包括自己本身)
parentNode方法详解<div class="header-item" onclick='checked(this)'></div>function checked(even){ //获取所点击节点的父节点 const parent = even.parentNode; //获取所点击节点的父节点的所有子节点 const childrens = parent.children; //对节点进行一些操作 //给所点击节点添加样式 //event.原创 2021-05-07 15:06:09 · 1535 阅读 · 0 评论 -
原生js添加节点(字符串形式)
原生js添加节点(字符串形式)MDN地址查看方法描述element.insertAdjacentHTML(position, text);element:要追加的元素position:追加在目标元素的位置‘beforebegin’:元素自身的前面。 ‘afterbegin’:插入元素内部的第一个子节点之前。‘beforeend’:插入元素内部的最后一个子节点之后。 ‘afterend’:元素自身的后面。text:要追加的内容.示例...原创 2021-05-07 14:59:26 · 1409 阅读 · 0 评论 -
让您的video铺满整个div!
冲!只需要给video标签添加object-fit: fill就是这么简单!冲原创 2020-08-22 12:27:03 · 1583 阅读 · 0 评论 -
javascript 上传本地文件到阿里云OSS
javascript 上传本地文件到阿里云OSS原文出处[(https://blog.csdn.net/shidewen1125/article/details/53442820)]废话不多说,说一下需要用到的东西regionaccessKeyId:accessKeySecret:html代码: <input type="file" id="fileName"> ...翻译 2019-04-03 12:48:13 · 11988 阅读 · 2 评论 -
前端富文本解析
本文采用Quill富文本编辑器官方网址https://quilljs.com/开始:首先引入css和js <link href="https://cdn.quilljs.com/1.3.6/quill.snow.css" rel="stylesheet"> <script src="https://cdn.quilljs.com/1.3.6/quill.js">&...原创 2019-10-10 23:23:04 · 3126 阅读 · 1 评论 -
域名直接指向项目(tomcat服务器下)
域名直接指向项目环境: windows系统服务器: tomcat以文本方式打开tomcat下conf下 server.xmlEngine标签内添加<Host name="域名" appBa名称se="webapps" unpackWARs="true" autoDeploy="true" xmlValidation="false" xmlNamespaceAware="false"...原创 2019-09-23 15:54:25 · 666 阅读 · 0 评论 -
在JDBC使用的时候有时候会出现java.sql.SQLException: The server time zone value '???ú±ê×??±??' is unrecognized or
原文出处:[https://blog.csdn.net/weixin_37577564/article/details/80329775]原创 2019-08-31 22:51:16 · 274 阅读 · 0 评论 -
jQuery实现回到网页顶部方法
function toTop(){ // 1.无过渡效果 // $(document).scrollTop(0); // 2.有过渡效果 $("html,body").animate({ scrollTop: 0 }, 800);}原创 2019-08-31 21:24:49 · 232 阅读 · 0 评论 -
原生js判断用户所使用设备,引入不同css
原生js判断用户所使用设备,引入不同css。写在前面,根据网上的不同发放所修改,亲测可用。直接复制修改一下您所需要引入的js就可以(此方法不会重置网页的静态内容)function IsPC(){ var userAgentInfo = navigator.userAgent; var Agents = ["Android","iPhone","SymbianOS","Windows Ph...原创 2019-08-26 21:39:58 · 671 阅读 · 0 评论 -
阿里云ECS 部署Tomcat 并 部署项目
主要写Tomcat配置,什么域名解析之类网上一大堆教程,tomcat配置虽然有很多,但是自己写一下觉得比较重要的地方1配置java环境,不用多说废话这是必须的.部署Tomcat2修改tomcat下conf文件夹内的server.xml文件的配置端口上图中箭头指向地方默认为8080 需要改成803配置ECS安全组添加安全组规则不出问题应该可以正常使用了...原创 2019-06-22 15:58:01 · 1135 阅读 · 0 评论 -
更换网站logo,超简单方法
亲测可用原创 2019-04-07 20:18:08 · 2683 阅读 · 0 评论 -
textarea禁止拉伸
textarea禁止拉伸原创 2019-01-17 14:39:34 · 2489 阅读 · 0 评论 -
弹性和模型布局实现垂直居中以及水平居中
弹性和模型布局实现垂直居中以及水平居中先上效果图实现代码:html代码:css代码:原创 2019-01-17 16:02:00 · 4611 阅读 · 0 评论