蔡俊锋的博客 Internet of things

Change all the time, change for the better !

vue 项目中 自定义过滤器 全局使用 filter

新建filter文件 src目录下新建filters目录,filters目录里新建index.js文件   exports.formatMoney = (value) => { if (value) { value = Number(value); ...

2018-12-12 09:54:28

阅读数:20

评论数:0

“四大设计原则”在排版中的应用

最基本的原则,对齐原则 对齐原则是最基本也是最简单的一个原则:页面上的所有元素应该是遵循秩序的,而不是随便放置的,有一条看不见的线将它们约束起来。对齐的方式有三种,居中对齐,居左对齐,居右对齐,在一个界面中最好只有一种对齐方式,也就是要么居中,要么居左,要么居右。好了,我们应用对齐原则,将所有元...

2018-12-10 11:35:39

阅读数:18

评论数:0

史上最全JavaScript数组去重的十种方法(推荐)

一、前言: 我们在实际工作中,或者在面试找工作时,都会用到或者被问到一个问题,那就是“数组如何去重”。是的,这个问题有很多种解决方案,看看下面的十种方式吧! 二、数组去重方式大汇总: Methods 1: 思路:定义一个新数组,并存放原数组的第一个元素,然后将元素组一一和新数组的元素对比,若...

2018-12-06 15:19:50

阅读数:4

评论数:0

input 模糊匹配功能 文本框模糊匹配(纯html+jquery简单实现) demo

input 模糊匹配功能 文本框模糊匹配(纯html+jquery简单实现) demo <!DOCTYPE HTML> <html lang="en"> &...

2018-09-17 17:24:16

阅读数:126

评论数:0

给所有的input设置 autocomplete="off"

有些浏览器会自动填充表单, 比如firefox, 但有时我们又不希望浏览器自动填充  所以我们会使用 autocomplete="off" 属性告诉浏览器不要自动填充  但是每个input都要写一次autocomplete="off&q...

2018-08-17 16:50:04

阅读数:464

评论数:0

登录页面居中示例代码

登录页面居中示例代码 <html> <head> <meta charset="utf-8"> ...

2018-08-16 17:31:42

阅读数:213

评论数:0

动态生成li 根据后台返回个数动态生成li

//根据后台返回端口个数动态生成 for (let i = 0; i < 8; i++) { var temp=` <li><p>P`+i+`</p&a...

2018-08-16 17:30:20

阅读数:143

评论数:0

React ant design UI 禁用 启用 switch 开关 加弹窗确认提示 代码片段

import { Switch, Modal,} from 'antd'; const confirm = Modal.confirm; state = { is_switch: Math.random() > 0.5, }; <...

2018-07-23 19:02:11

阅读数:462

评论数:0

es6,es7,es8语法总结

ES61. var let const    let,const具有块级作用域,不具有变量提升    const 用于不能被重新赋值的变量2. 箭头函数    我们经常要给回调函数给一个父级的this    常用办法就是 var self = this 定义一个变量接住他    使用 箭头函数,t...

2018-07-11 15:44:58

阅读数:763

评论数:0

Chrome开发者工具使用小技巧

正所谓不用Chrome的开发者不合格,不晓得Chrome开发者工具进行web调试也不是合格的web开发者。所以本文总结了Chrome开发者工具使用的一些小技巧。一:首先来说下如何打开开发者工具吧:a.直接在页面上点击右键,然后选择审查元素或者检查; b.打开浏览器工具下的开发者工具; c.直接F1...

2018-04-20 10:47:36

阅读数:178

评论数:0

前端 HTML 获取自定义标签tag 的值方法

<button type="button" class="btn btn-danger" onclick="changelang(this)" tag=...

2018-04-20 09:55:34

阅读数:757

评论数:0

npm publish npm resource busy or locked 4082 发布出错解决方案

错误: npm resource busy or locked 4082解决方法:更新node到最新版本执行npm命令  npm install 之后才执行   npm publish ,更新也是如此。

2018-04-19 11:17:12

阅读数:518

评论数:0

浏览器端的九种缓存机制介绍

浏览器缓存是浏览器端保存数据用于快速读取或避免重复资源请求的优化机制,有效的缓存使用可以避免重复的网络请求和浏览器快速地读取本地数据,整体上加速网页展示给用户。浏览器端缓存的机制种类较多,总体归纳为九种,这里详细分析下这九种缓存机制的原理和使用场景。打开浏览器的调试模式->resources...

2018-01-02 11:12:36

阅读数:108

评论数:0

2017年UI、Web、微服务顶级框架都有啥?不看就落伍了1

【IT168 评论】作为程序员一定要先了解技术趋势,不要单纯地每天埋头苦干,抽时间给自己充充电吧。以下技术趋势针对UI、Web、微服务相关的程序员,是JAXenter.com和JAXenter.de网站用了一个月的时间,大约900+程序员共同参与投票的结果,值得一看。   UI 趋势 ...

2017-11-14 15:03:25

阅读数:452

评论数:0

vue 开发中element-ui库的switch开关绑定number类型数据不成功问题 解决方法

最近在使用element-ui库进行vue项目的开发,这个ui库对于一些后台管理项目的开发还是非常实用的,各种组件都比较齐全,而且文档也很详细。但是对于我这种初学者来说,部分组件的文档还需更加详细。 其中的switch开关组件,我在这就花费了不少时间才完成自己想要的效果。    ...

2017-11-14 11:29:48

阅读数:5564

评论数:6

选择恐惧症的福音!教你认清MVC,MVP和MVVM

相信大家对MVC,MVP和MVVM都不陌生,作为三个最耳熟能详的Android框架,它们的应用可以是非常广泛的,但是对于一些新手来说,可能对于区分它们三个都有困难,更别说在实际的项目中应用了,有些时候想用MVP的,代码写着写着就变成了MVC,久而久之就对它们三个的选择产生了恐惧感,如果你也是这样的...

2017-11-08 14:33:02

阅读数:215

评论数:0

MVC,MVP 和 MVVM详解

复杂的软件必须有清晰合理的架构,否则无法开发和维护。 MVC(Model-View-Controller)是最常见的软件架构之一,业界有着广泛应用。它本身很容易理解,但是要讲清楚,它与衍生的 MVP 和 MVVM 架构的区别就不容易了。 一、MVC MVC模式的意思是,软件可以分...

2017-11-08 14:26:49

阅读数:369

评论数:0

Vue2.0 之 自带浏览器里无法打开(兼容IE处理) - 解决方案 命令

Vue 之 android内嵌H5页面不显示出现这个问题,原因有很多 首先,别急,请看下面的推荐方案: 1、找个android真机测试下(机型版本为4.4以上),真机联调测试(如果不知道怎么联调,那么请看这里:Android真机 - 联调chrome调试) 2、如果报 报...

2017-10-27 17:22:49

阅读数:3842

评论数:0

web前端中的命名规则

规范目的 为提高团队协作效率, 便于后台人员添加功能及前端后期优化维护, 输出高质量的文档, 特制订此文档. 本规范文档一经确认, 前端开发人员必须按本文档规范进行前台页面开发. 本文档如有不对或者不合适的地方请及时提出, 经讨论决定后方可更改. 基本准则 符合web标准, 语义...

2017-10-27 14:42:04

阅读数:1622

评论数:0

如何将页脚固定在页面底部

作为一个Web的前端攻城师,在制作页面效果时肯定有碰到下面这种现象:当一个HTML页面中含有较少的内容时,Web页面的“footer”部分随着飘上来,处在页面的半腰中间,给视觉效果带来极大的影响,让你的页面看上去很不好看,特别是现在宽屏越来越多,这种现象更是常见。那么如何将Web页面的“foote...

2017-10-24 11:03:42

阅读数:223

评论数:1

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