马优晨

撰写自己前端开发心得

react 常用规范和经验

(1)业务代码里面的异步请求需要 try catch ajax 请求,使用 try catch,错误提示后端返回,并且做一些失败后的状态操作例如进入列表页,我们需要一个 loading 状态,然后去请求数据,可是失败之后,也需要把 loading 状态去掉,把 loading 隐藏的代码就写在 f...

2019-05-23 18:07:56

阅读数 6

评论数 0

vue中style的scoped属性的设计方式

vue中style的scoped属性这里是怎实现的呢? scoped三条渲染规则 给HTML的DOM节点加一个不重复data属性(形如:data-v-2311c06a)来表示他的唯一性 在每句css选择器的末尾(编译后的生成的css语句)加一个当前组件的data属性选择器(如[data-v-23...

2019-05-23 13:50:43

阅读数 3

评论数 0

HTML中的Content-Type的类型

Content-Type的类型如下: 常见的媒体格式类型如下: text/html : HTML格式 text/plain :纯文本格式 text/xml : XML格式 image/gif :gif图片格式 image/jpeg :jpg图片格式 image/png:png图片格式 以ap...

2019-05-23 11:49:15

阅读数 4

评论数 0

qs.parse和qs.stringify

qs是一个npm仓库所管理的包 安装: npm install qs 主要功能: 解析URL或者将字符串拼接成URL qs.parse() 将URL解析成对象的形式 import qs from 'qs'; let url = 'method=query_sql_dataset_data&am...

2019-05-23 10:22:18

阅读数 4

评论数 0

react中setState有三种用法

(1)对象 this.setState({ }) (2)函数,一般是用于在setState之前做一些操作 this.setState( () => { // TODO console.log('') return { a:300 ...

2019-05-23 09:53:01

阅读数 3

评论数 0

vue三级联动组件

在这里封装了一个三级联动的组件,底层是Jquery实现的。 1.使用 <ThreeLevel></ThreeLevel> 2. 准备工作 在vue中安装jquery 在webpack中引入jquery的插件 new web...

2019-05-22 11:15:06

阅读数 13

评论数 0

控制台一直报错, [WDS] Disconnected!

控制台一直报错, [WDS] Disconnected! ,别担心,这里我告诉你解决方案: (1)方案: 在你的webpack配置文件里面找到devServer,然后配置这个 (2)参考地址: https://github.com/webpack/webpack-dev-server/issu...

2019-05-22 10:05:05

阅读数 3

评论数 0

Generator简单了解

Generator是一个生成器,它生成的到底是什么呢? Ta生成的就是一个 Iterator对象 。 function *gen() { yield 1; yield 2; return 3; } const it = gen(); console.log(it.nex...

2019-05-21 10:19:34

阅读数 9

评论数 0

JS设置页面缓存

这里讲一下,JS如何设置页面缓存? 第一种:vue设置页面切换缓存 效果如下: 相互切换页面的时候,如果存在缓存,则使用缓存里面的数据。 项目结构: 代码部分 index.vue <template> <div class="in...

2019-05-16 19:34:24

阅读数 13

评论数 0

vue懒加载插件

(1) 安装: npm i vue-lazyload -S (2)代码: <template> <div class="Lazy"> <ul> <li ...

2019-05-14 14:59:41

阅读数 12

评论数 0

Cookie 和 Session的区别

什么是 Cookie HTTP Cookie(也叫 Web Cookie或浏览器 Cookie)是服务器发送到用户浏览器并保存在本地的一小块数据,它会在浏览器下次向同一服务器再发起请求时被携带并发送到服务器上。通常,它用于告知服务端两个请求是否来自同一浏览器,如保持用户的登录状态。Cookie 使...

2019-05-14 10:19:00

阅读数 14

评论数 0

什么是PNG

什么是PNG PNG的全称叫便携式网络图型(Portable Network Graphics)是目前最流行的网络传输和展示的图片格式,原因有如下几点: 无损压缩: PNG图片采取了基于LZ77派生算法对文件进行压缩,使得它压缩比率更高,生成的文件体积更小,并且不损失数据。 体积小: 它利用特殊...

2019-05-14 10:00:12

阅读数 5

评论数 0

mixins简单使用

混入 (mixins) 是一种分发 Vue 组件中可复用功能的非常灵活的方式。混入对象可以包含任意组件选项。当组件使用混入对象时,所有混入对象的选项将被混入该组件本身的选项。 这里我通过一个小demo来实现功能: 目录结构: 最外面的index.vue <template&...

2019-05-13 17:44:05

阅读数 30

评论数 0

vue元素切换效果

(1) 单个按钮的过度切换 效果: 点击按钮,好人坏人来回切换; 注意: 相同标签切换,需要加上key; HTML <div class="head1" @click="isEditing = !isEditing "&am...

2019-05-13 15:09:56

阅读数 15

评论数 0

webscoket断线重连

export default { name: 'WEB', data () { return { connected: false, //连接状态 reConnectCount: 0 //重新连接次数 } }, methods:{ //重...

2019-05-09 10:07:49

阅读数 9

评论数 0

根据按钮的状态显示hover

状态一: 绿色框里面显示“我是中国人” 状态二: 点击按钮,绿色框里面显示“我是外国人”,hover的时候显示“取消hover效果” 状态三: “取消hover效果”,会取消,在我是外国人上面的hover效果 源代码: 这里我使用了vue的方式,有需要的可以参阅 <te...

2019-05-08 20:17:59

阅读数 24

评论数 0

数组对象去重

数组对象去重~ var allArr = []; //新数组 var oldArr = [ //原数据数组 {id:1,name:"zhangs",age:18,contact_id:1}, {id:1,name:"zhangs&q...

2019-05-08 16:13:54

阅读数 12

评论数 0

vue关闭当前页面

(1) 传统的JS关闭当前窗口 window.opener=null; window.open('',self); window.close(); (2) vue关闭当前窗口 window.opener = null; window.close(); window.open("abo...

2019-05-07 15:15:48

阅读数 91

评论数 0

vue将原生事件绑定到组件

首先我们定义一个 child 组件,什么事件都不绑定,代码如下: Vue.component('child', { template: '<button>click me</button>' }) // 然后我们在根组件中使用它,代码如...

2019-05-06 11:44:03

阅读数 19

评论数 0

vue使用子组件试图改变 prop 的情形

(1)这个 prop 用来传递一个初始值;这个子组件接下来希望将其作为一个本地的 prop 数据来使用。 在这种情况下,最好定义一个本地的 data 属性并将这个 prop 用作其初始值: props: ['initialCounter'], data: function () { retur...

2019-05-06 10:27:16

阅读数 17

评论数 0

提示
确定要删除当前文章?
取消 删除
关闭
关闭