web
文章平均质量分 58
_花开富贵
这个作者很懒,什么都没留下…
展开
-
box-shadow上下左右四个边框设置阴影样式
box-shadow上下左右四个边框设置阴影样式语法值 / 说明四个不同样式加点阴影实现效果比如这样的:语法box-shadow: h-shadow v-shadow blur spread color inset;注意:boxShadow 属性把一个或多个下拉阴影添加到框上。该属性是一个用逗号分隔阴影的列表,每个阴影由 2-4 个长度值、一个可选的颜色值和一个可选的 inset 关键字来规定。省略长度的值是 0。值 / 说明h-shadow 必需的。水平阴影的位置。允许负值v-shadow原创 2021-07-28 13:38:29 · 15581 阅读 · 0 评论 -
原生js下载oss文件保存本地
// 传入路径,功能为本页面下载文件 function download(src: string) { var $a = document.createElement('a'); $a.setAttribute("href", src); $a.setAttribute("download", 'test.jpg'); $a.setAttribute("target", "_parent"); var evObj = document.createEvent('原创 2021-06-17 21:42:35 · 997 阅读 · 0 评论 -
git约定式提交
约定式提交1.概述2.示例2.1.包含了描述以及正文内有破坏性变更的提交说明2.2.包含了可选的 `!` 字符以提醒注意破坏性变更的提交说明2.3.不包含正文的提交说明2.4.包含作用域的提交说明2.5.为 fix 编写的提交说明,包含(可选的) issue 编号3.※※※ **约定式提交规范** ※※※4.为什么使用约定式提交5.FAQ5.1.在初始开发阶段我该如何处理提交说明?5.2.提交标题中的类型是大写还是小写?5.3.如果提交符合多种类型我该如何操作?5.4.这不会阻碍快速开发和迭代吗?5.5.约原创 2020-12-02 18:32:57 · 768 阅读 · 0 评论 -
formik 简单表单操作加验证
官方文档formik 表单简单操作1.简单结构:2.form对象里边有数组用3.ArrayHelper:有什么复杂操作就用arrayHelper去处理:4.引用全局变量:1.简单结构:<Formik initialValues={initialValues} onSubmit={handleSubmit} validationSchema={SignupSchema} validateOnChange={true} validateOn原创 2020-12-02 14:29:24 · 1112 阅读 · 0 评论 -
use mockjs
react and mockjs1.使用2.语法2.1.基础2.1.1.字符串2.1.2.数字(整数型和浮点型)2.1.3.布尔2.1.4.对象2.1.5.数组2.2.占位符2.2.1.基础2.2.1.1.数字(整数型和浮点型)2.2.1.2.布尔2.2.1.3.字符2.2.1.4.字符串2.2.1.5.日期2.2.1.6.数组2.2.2.高级2.2.2.1.图片2.2.2.1.颜色2.2.2.1.文本2.2.2.1.姓名2.2.2.1.网址2.2.2.1.区域2.2.2.1.工具2.2.2.1.身份证2.原创 2020-10-22 10:36:00 · 518 阅读 · 0 评论 -
微信点击链接直接跳转手机默认浏览器下载APP的APK文件实现code
需求:由于微信的限制,应用文件在内置浏览器中下载全部被屏蔽掉,造成很多人用微信扫描二维码下载时点击下载按钮没反应,需要做一个提示用户在浏览器中打开下载。以下代码,拿来即用,好人代表O(∩_∩)O<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>download</title> <style type="text/css">原创 2020-10-19 11:33:23 · 2562 阅读 · 0 评论 -
react router离开确认组件Prompt
1.需求:在离开页面时,提示用户当前页面的数据尚未保存,是否离开2.方案:react-router 4中自带此类组件Prompt官方文档参考文档自定义组件3.参数:when:设置是否启用Prompt功能。比如表单页未填写时,就不需要离开确认。message:string。设置Prompt提示内容message:function。此时返回参数分为true/false,即bool类型。返回false就继续停留在当前页面,返回true则跳转到新页面。4.我的简单实现:<Prompt原创 2020-09-04 14:19:19 · 827 阅读 · 0 评论 -
iview升级至4.X最新版本
因为iview改名了,所以更新会有点烦1.命令:npm install view-design --save或者在dependencies手动添加依赖"view-design": "^4.2.0",添加完执行npm install2.全局替换:npm update iview3.我也为这就好了,然后重启,结果是也不报错也没更新,纳闷。。。安装成功了没更新只有一种可能,那...原创 2020-04-14 13:54:46 · 4285 阅读 · 1 评论 -
如何用JS读取html文件中的内容到另外的一个HTML页面上
问题:后端返回给我一个html文件,我要在新页面打开它,试了很多没用的方法,最后成功被自己蠢哭,解决很简单 let newWindow = window.open('','','');//创建一个新窗口 newWindow.document.write(res.data);//把数据write到新窗口名之前的错误方法a: window.open(各种格...原创 2020-03-30 17:19:10 · 2571 阅读 · 0 评论 -
跨域问题Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin
文章目录1.bug详情:2.解决方案【前后端解决方案】:2.1.前端方案:2.1.1. 设置Access-Control-Allow-Origin2.1.2. 设置proxyTable2.2.后端方案:2.2.1. 在controller对应的方法里添加“Access-Control-Allow-Origin”标头”2.2.2. @CrossOrigin注解解决跨域3.结语:1.bug详情:v...原创 2020-02-22 22:57:00 · 65757 阅读 · 4 评论 -
git修改远程仓库地址
git修改远程仓库地址方法有三种:1.修改命令git remote origin set-url [url]2.先删后加git remote rm origingit remote add origin [url]3.直接修改config文件last:比起命令,更我喜欢点点点...原创 2019-12-07 16:05:22 · 213 阅读 · 0 评论 -
element ui table 获取选中的行索引的方法:如getRowIndex()方法
element ui table 获取选中的行索引的方法,直接获取的好像没有,我的解决方案是通过:row-class-nameRowClassName({ row, rowIndex }) { //行元素,行索引 row.index = rowIndex;}...原创 2019-10-31 17:11:12 · 8956 阅读 · 1 评论 -
Vue开源项目速查表
Vue开源项目速查表原创 2019-10-31 10:31:39 · 276 阅读 · 0 评论 -
xlsx.js设置Excel样式
需求是这样的:东西太多了,合并单元格,行高,列宽,边框样式,字体样式,合计啥的,直接上代码吧export function exportExce({ header, //子表数据头信息 data, //子表数据 masterTable, //主表数据 foot, //页脚 filename, //文件名 autoWidth = true, bookTy...原创 2019-10-25 14:02:11 · 25517 阅读 · 26 评论 -
MVC 的工作原理
SpringMVC 的工作原理用户向服务器发送请求,请求被 springMVC 前端控制器 DispatchServlet 捕获;DispatcherServle 对请求 URL 进行解析,得到请求资源标识符(URL),然后根据该 URL 调用 HandlerMapping将请求映射到处理器 HandlerExcutionChain;DispatchServlet 根据获得 Handler...原创 2018-11-21 00:17:29 · 225 阅读 · 0 评论 -
PageInfo介绍及使用
PageInfo介绍及使用1.MyBatis分页插件-PageHelper的配置与应用2.参考封装PageInfo类3.PageInfo属性表下载PageInfo文档1.MyBatis分页插件-PageHelper的配置与应用pom.xml 引入依赖:<!-- pagehelper :分页插件 --><dependency> <groupId>...原创 2018-11-21 10:20:25 · 62434 阅读 · 3 评论 -
MVX框架模式了解
MVX框架模式了解MVX框架模式:MVC+MVP+MVVM1.MVC:Model(模型)+View(视图)+controller(控制器),主要是基于分层的目的,让彼此的职责分开。View通过Controller来和Model联系,Controller是View和Model的协调者,View和Model不直接联系,基本联系都是单向的。用户User通过控制器Controller来操作模板...原创 2018-11-22 00:11:03 · 6347 阅读 · 0 评论 -
菜鸟java开发学习TypeScript
TypeScript是一门编译型语言,强类型的语言,真正面向的语言,TypeScript是比javascript更java的script1.搭建开发环境如果你的本地环境已经安装了 npm 工具,可以使用以下命令来安装:npm install -g typescript...原创 2019-07-12 19:28:27 · 2008 阅读 · 0 评论 -
个人对比Vue、React和angular三大前端框架小小见解
1.angular1.1. 简介:angular是最早出现的框架,angularjs是通过directive(指令)去封装组件,react和vue是通过component。 1.2. 优点:背后靠山(google),有着稳定的维护团队。且google的Adwords业务就使用了angular,作为一个赚钱的业务,google也会让它的环境更稳定一些。angular+type...原创 2019-07-13 14:08:00 · 3992 阅读 · 2 评论 -
npm ERR! Cannot read property 'match' of undefined 错误处理
运行npm install 的时候,报错。错误情况如下:npm ERR! Cannot read property 'match' of undefinednpm ERR! A complete log of this run can be found in:npm ERR! C:\Users\user\AppData\Roaming\npm-cache\_logs\2018-08-...原创 2019-07-01 13:49:29 · 28365 阅读 · 6 评论 -
阻止checkbox组件及其他没有click事件的组件冒泡事件
由于框架的某些组件自身不带有click事件(如我最近使用到的iview里边的CheckBox、ant.design里边的CheckBox,发现没有click事件),因此很苦恼每次点击勾选框的时候他下边的标签就会很自觉地触发其他事件,需求是这样的:在折叠面板上放checkbox:结果每次点击的时候,都会触发面板的展开与关闭,我的解决方案就是:由于CheckBox没有click时间,为了点击...原创 2019-07-07 09:54:33 · 2917 阅读 · 0 评论 -
antd-pro中控制loading的dva-loading使用(React)
前言:我们原来写loading状态的方法是,在异步请求的开始的时候开启loading,在异步请求的结束关闭loading,这样的写法是比较麻烦的,因为这个操作都是一致的,在ant Design pro中就提供了dva-loading插件,封装的很好,用起来也很方便,主要就是直接监听异步的effect,分别在开始和结束的时候改变loading状态,所以是和dva结合在一起用的,下面时使用方法:...原创 2019-08-03 15:36:15 · 4226 阅读 · 0 评论 -
jsp四大作用域和九大对象
常用于服务器间同一请求不同页面之间的参数传递,常应用于表单的控件值传递。原创 2018-11-20 21:59:11 · 11246 阅读 · 1 评论