
web
weixin_44176432
这个作者很懒,什么都没留下…
展开
-
js setInterval()方法实现进度条动态加载
使用 bootstrap 和 html dom setInterval() 方法实现进度条动态加载。原创 2020-05-14 22:11:05 · 999 阅读 · 0 评论 -
Javascript 中的promise对象
Promise概念promise 是异步编程的一种解决方案。原生提供了Promise对象。Promise是一个容器,里面保存着未来才会结束的事件的结果。Promise 对象有三种状态: pending(进行中),fulfilled(又叫resolved 已成功)和 rejected (已失败)。只有当异步操作执行完毕,才可以得到最终的状态。Promise 使用promise对象是一个构造...原创 2020-04-06 01:53:18 · 122 阅读 · 0 评论 -
json web token
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Ma...原创 2019-12-15 21:47:03 · 129 阅读 · 0 评论 -
在vue项目中 undo 和 redo 功能的实现
功能介绍undo 和 redo 操作相当于在 Windows系统中的撤销(ctrl + z)和反撤销(ctrl + y)。遇到问题最近遇到的问题,项目中有许多筛选条件(filter)(有多个选择条件的input多选框),需要有能够撤回原来操作以及还原到最新一次的操作的需求。由于这些 filter 的字段都写在了全局变量中(filter 的结果控制了两个页面的显示数据),以此,我首先尝试了第...原创 2019-12-13 23:44:27 · 2203 阅读 · 0 评论 -
css 绘制带尖角的矩形
不能使用组件解决,需要写出一个类似气泡的矩形。如图:矩形带尖角的实现图示的效果涉及到的知识主要有两点:一个是before、after伪元素,一个是border1、before 和 after 都是css中的伪元素,他们俩用法都差不多,通过给定一个属性content给元素添加新的内容,不同的是before用来在元素前插入新内容,after用来在元素后面插入新内容。比如有一个p元素:水水...原创 2019-11-06 16:19:06 · 1674 阅读 · 0 评论 -
搭建 vue 环境
搭建Vue环境,首先我们需要:node.js 环境 (npm 包管理器)vue-cli 脚手架构建工具准备工作安装 node.js如果没有 node.js 环境,可以在 node.js 官网 下载。一路“下一步”完成安装即可(npm 是集成在 node 中的,所以安装了 node 后,npm 也自动安装了)。完成后,在 cmd 中查看是否安装成功(出现相应的版本号,说明安装成功...原创 2019-09-19 17:57:16 · 106 阅读 · 0 评论 -
JavaScript 中的 this
this 最终指向的是那个调用它的对象函数可以在不同的运行环境执行,所以需要一种机制(this), 能在函数体内部获得当前运行环境,这时this就出现了,this的作用 在函数体内部,指代函数当前的运行环境例:var f = function() { console.log(this.x)}var x = 1;var obj = { f : f; x: 2};f() ...原创 2019-09-18 18:15:53 · 116 阅读 · 0 评论 -
两个div顶部对不齐
问题: 两个div中一个写了内容一个没写内容,div顶部对不齐解决: 使用style=“vertical-align:top;” ,将两个div 都设置该样式,全部都上对齐,就可以了,不会受div中的内容影响。...原创 2019-09-17 11:15:37 · 823 阅读 · 0 评论 -
redux
Reducer创建一个reducers管理各个reducer在reducer中修改state 通过(return newstate)可以更新statestore = createStore(reducer) store.dispatch()将action传到store,发修改状态的请求,触发actionredux是通过纯函数代替事件处理器store.dispatch({ type: ...原创 2019-09-10 15:41:08 · 98 阅读 · 0 评论 -
flex 布局
一、flex布局是什么?flex(是flexible box 的缩写)是“弹性布局”,用来为盒状模型提供最大的灵活性。任何一个容器都可以指定为 flex 布局。.box { display: flex; }行内元素也可以使用 felx 布局。.box { display: inline-flex; }对于Webkit 内核的浏览器(Safari内核,Chrome内核原型,它是苹果公...原创 2019-09-09 00:11:44 · 122 阅读 · 0 评论 -
css 单位
react 介绍React 组件使用一个名为 render() 的方法,接收输入的数据并返回需要展示的内容。react 特点:1.声明式设计:React采用声明范式,可以轻松描述应用。2.高效:React通过对DOM的模拟,最大限度地减少与DOM的交互。3.灵活:React可以与已知的库或框架很好地配合。创建项目使用命令创建基于typescript 的 react 项目npx cr...原创 2019-06-30 21:07:52 · 391 阅读 · 0 评论 -
win10下基于wsl的node开发环境搭建
win10下基于wsl的node开发环境搭建wsl使用工具版本安装nvm (node版本控制工具)安装node搭建react环境为了解决windows安装依赖出现错误,可以使用wsl,在wsl环境中安装环境,并创建react项目。wslWindows Subsystem for Linux(简称WSL)是一个在Windows 10上能够运行原生Linux二进制可执行文件(ELF格式)的兼容层...原创 2019-06-30 18:36:59 · 3623 阅读 · 0 评论