- 博客(25)
- 收藏
- 关注
RSS订阅原创 React 基础
jsx语法规则定义虚拟dom节点不用引号包裹标签中混入js表达式需要用{}类名的指定不用class，用className内联样式需要用{{key:value}}，小驼峰fontSize虚拟dom只能有一个根节点标签必须闭合注意：react.development.js要在 react-dom.development.js前面引入，react.development.js是基础文件<div id="test"></div> <script type="te
2021-03-19 17:21:31
283
原创 typescript中的接口
属性类接口对json的约束//传入的对象必须含有info这个字段function print(label: {info:string}):void{ console.log(label)}//print('sd') //errorprint({info:'ds'})
2021-01-28 14:40:37
170
原创 typescript中的类
1.类的定义其实在es5中也有关于类的写法，常规定义function Person(name){ this.name = name this.getName = function(){ console.log(this.name) }}let p = new Person('zs')console.log(p.name) //zsp.getName() //zs在ts中定义类的写法class Person{ name:string;
2021-01-26 08:56:24
234
原创 Typescript数据类型和特点
ts的简介Typescript由Microsoft开发维护的一种开源编程语言。支持Javascript的所有语法和语义，同时作为EACMAScript的超集提供一些额外的功能，如类型检测和更丰富的语法。ts中包含以下几种数据类型number(数字类型) string(字符串类型) array(数组类型) tuple(元组类型) any(任意类型) boolean(布尔类型) undefined null void(没有任何类型) enum(枚举类型) never(其他类.
2021-01-06 13:53:27
871
转载 mac在github上clone代码速度过慢，亲测有效
在网站https://www.ipaddress.com/分别搜索：github.global.ssl.fastly.net //199.232.69.194github.com //140.82.113.3使用管理员权限打开hosts文件sudo vim /etc/hosts在hosts文件末尾添加两行(对应上面查到的ip)199.232.69.194 github.global-ssl.fastly.net140.82.113.3 github.com保存更新DN..
2020-06-19 15:58:08
868
原创 npm下载包时，报错It is likely you do not have the permissions to access this file as the current user没有权限解决
在用npm install下载包时报错解决方法：第一步：在控制台输入ls -al查看权限当前不具备node_moduls的写权限更改写入权限在控制台输入sudo chown -R gx node_modules之后即可npm i去下载包了
2020-05-30 17:43:29
3246
原创 Jquery不规则表格，数据处理，动态生成
<!DOCTYPE html><html><head> <title></title> <style type=""> .check-table,.check-table tr th,.check-table tr td { border: 1px solid #d8d8d8; padding...
2020-04-29 18:29:27
386
原创 css垂直水平居中的方法总结
垂直水平居中**情况一：**元素宽高未知方法一：定位 .box { width: 500px; height: 500px; border: 1px solid red; position: relative; } .content { width: 100px; height: 100px; background: green; position: ab...
2019-11-05 11:23:51
118
原创 前端导出excel
<!DOCTYPE html><html lang="zh-cn"><head> <meta charset="UTF-8"> <title>JS读取和导出excel示例</title> <meta name="description" content="使用sheetjs读取和导出excel...
2019-10-17 16:56:10
192
原创 Ajax请求步骤
Ajax:js向服务器请求数组，实现异步请求局部刷新。ajax请求步骤：创建XMLHttpRequest异步对象var xhr = new XMLHttpRequest()创建一个新的http请求，并制定当前请求方式，url，以及验证方式xhr.open(methods,url,async)//methods:请求方式有get post head delete put...
2019-10-10 11:19:43
124
原创 清除浮动的方法总结
方法一：给父元素添加高度<!DOCTYPE html><html><head> <title>清除浮动的几种方法</title> <style type="text/css"> .div1{ background:#000080; border:1px solid red; height: 40...
2019-10-10 10:10:42
107
原创 数组去重的方法总结
利用es6中的set利用了es6中Set方法自身的特性，数据不重复来实现去重，Set自动过滤重复元素 function unique(arr){ return Array.from(new Set(arr)) //Array.from对数组浅拷贝也可以写成[...new Set(arr)]通过...拓展运算符 } var arr = [1,2,3,4,2,2,4,6,null...
2019-09-30 16:27:33
91
原创 圣杯布局双飞翼布局
圣杯布局和双飞翼布局都是属于三栏布局，左中右，左右固定宽度，中间自适应，不同的是实现中间部分的思路不同。圣杯布局和双飞翼布局的相同点属于三栏布局，左右固定，中间只适用最新加载中间的DOM元素父元素取三者间的最高值为高圣杯布局 .box { height: 400px; padding: 0 300px; } .left,.ri...
2019-09-26 11:21:46
142
原创 跨域出现的原因及解决方法
跨域出现的原因同源策略导致跨域，那么什么是同源策略呐，浏览器就同源策略主要针对了接口的请求和DOM查询来做了操作，下面做详细的介绍什么是同源策略：协议相同域名相同端口相同与http://www.baidu.com相比，默认端口号为80协议不同https://www.baidu.com域名不同http:// www.baidu.cn端口不同http:/...
2019-09-25 20:30:36
1063
原创 vue中loadsh的常用方法
Lodash：是一套工具库，它内部封装了诸多对字符串、数组、对象等常见数据类型的处理函数，其中部分是目前ECMAScript尚未制订的规范，但同时被业界所认可的辅助函数。在vue中的使用安装依赖包npm install lodash -save-引入import _ from ‘lodash’Vue.prototype._ = _lodash的主要辅助函数Array:适用于数...
2019-09-19 20:34:06
1091
原创 vuex学习
Vuex是vue.js应用开发的状态管理模式,vuex的核心是store(仓库)，这个Store中包含着大部分的状态。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。Vuex适用vuex适用于大型单页面Vuex的使用安装vuexcnpm i vuex在store中的index.js中注册实例并且通过export default来导出...
2019-09-18 17:54:46
80
原创 路由参数变化，页面没有重新加载
问题情境：当点击左侧menu菜单路由参数发生改变，想让右侧的数据随着改变。处理方法：在点击左侧菜单时重新加载页面传递参数获取不同数据从而实现。遇到的问题：路由发生改变，页面没有重新加载进created钩子函数出现的原因：当路由参数改变时，组件会被复用，因为两个路由都渲染同个组件，比起销毁再创建，复用则显得更加高效。不过，这也意味着组件的生命周期钩子不会再被调用。解决方法方法一： 设置路...
2019-09-16 14:12:08
1079
原创 根据后台返回数据动态生成路由
像以前传统的路由配置，会导致有些页面当前用户是访问不到的，但是我把路由添加到了路由表router.js中，导致我可以在地址栏中手动输入路由而访问到当前用户访问不到的页面进行越权访问。现在我将必须的页面路由添加到路由表里面，其他的页面路由根据后台返回的数据自动的进行生成，通过cookie判断当前用户是否登录,如果未登录则到login页面，已登录则获取到当前的权限树菜单。router...
2019-08-20 16:23:37
6110
原创 前端实现文件下载方法总结
文件下载浏览网页时，我们经常能够碰到文件下载的场景，那么，针对前端开发者，该如何实现文件下载，以下是总结的某些方法。1.通过使用window.open下载文件2.通过a标签的download属性进行文件下载：使用方法即给href赋值为下载文件的资源链接地址，之后点击即可下载相应文件,可以给下载后的文件重新命名。这种方法比较简单，但也有一些弊端，在打开例如vedio，mp3还有一些网上存在...
2019-08-20 11:29:45
642
原创 前端文件上传方法总结
1.使用form表单实现文件上传<form method="POST" action="接口地址" enctype="multipart/form-data"> <input name="file" type="file" /> <input type="submit" /></form>2.基于Element前端UI组件库进...
2019-08-19 19:20:28
1396
原创 echarts地图省市两级下钻
地图下钻分四步： 1.参考echarts画地图，将初始地图显示在界面 2.封装方法发送请求获取本地静态资源json，文件名通过mapCode进行拼接，以此来获取不同的地图数据 3.点击地图区域时可以获取到当前区域的名称，将名称与定义的data数据做对比，当名称相同时获取当前区域的mapCode，将获取的值传入方法中去调用方法获取地图...
2019-08-19 17:29:18
1518
2
原创 关于echarts中折线图配置(设置折线的宽度，折线颜色渐变，折线上数字的颜色，以及不显示y轴，改变x轴的颜色等)
<!DOCTYPE html><html><head> <title></title></head><style type="text/css"> #trend { width: 700px; height: 500px; }</style&g...
2019-08-19 15:13:41
20952
原创 柱状图下钻，例如柱状图中都是省级信息，当点击其中一个进入到显示当前省级的所以市级信息，右键返回上一级
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-U...
2019-08-02 10:42:07
380
原创 elementui Dialog中点击新增出现弹框，保存后再次点击新增时表单校验以及表单内容清空
因为dialog弹框打开时有延迟，所以在使用dialog自带方法open()打开弹框之前使用open(){ this.$refs['tabForm'].resetFields()}报错resetFields undefined。这时我想着使用定时器进行延迟// setTimeout(function () {// this.$refs['tabForm'].resetF...
2019-07-21 16:51:13
5374
原创 大屏项目做自适应
通过缩放屏幕来达到自适应的效果，按照ui图实际大小来做function resetScreenSize (dw, dh) { let init = ()=> { let _el = document.getElementById('app'); let hScale = window.innerHeight / (dh || 1080); ...
2019-06-26 09:31:29
8760
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人