大熊的博客

H5前端攻城狮:致力于前端发展

Webstorm常用快捷键

常用快捷键—Webstorm入门指南 提高代码编写效率,离不开快捷键的使用,Webstorm拥有丰富的代码快速编辑功能,你可以自由配置功能快捷键。 快捷键配置 点击“File”-> “settings” Webstorm预置了其他编辑器的快捷键配置,可以点击   ...

2018-12-06 16:48:36

阅读数 45

评论数 0

Vue.js 快速搭建

Vue.js 现在在后端、前端、微信、移动端Web非常流行,今天简单模拟Vue.js快速安装; 安装npm  npm 是node.js 的包管理工具, 安装流程地址:https://docs.npmjs.com/cli/install  估计会非常慢,我们可以使用淘宝NPM镜像下载安装...

2017-01-16 10:58:23

阅读数 761

评论数 0

响应式布局:CSS3弹性盒flex布局模型

页面布局一直都是web应用样式设计的重点  我们传统的布局方式都是基于盒模型的  利用display、position、float来布局有一定局限性  比如说实现自适应垂直居中  随着响应式布局的流行,CSS3引入了更加灵活的弹性布局模型 flex弹性布局 使用弹性布局可以有效的分配一个容器的...

2017-01-10 17:40:44

阅读数 11667

评论数 0

正则表达式大全

Js代码   function SubmitCk() { var reg = /^([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+@([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+\.[a-zA-Z]{2,3}...

2017-01-10 15:32:00

阅读数 152

评论数 0

input表单禁止输入空格

input在标签内设置禁止输入空格,通过正则匹配解决问题 此处涉及\s:匹配任意空白符 \S:匹配任意非空白字符 <input type="text" onkeyup="this.value=this.value.repl...

2019-03-06 16:10:20

阅读数 18

评论数 0

扩展js的String对象

有些时候我们需要对字符串做一些原生js不支持的复杂操作,可以考虑扩展String对象 String.prototype.delHTMLTag = function(){ return this.replace(/<[^>]+&am...

2019-03-06 10:51:02

阅读数 26

评论数 0

Cannot set property 'render' of undefined at normalizeComponent...

在做vue项目的时候报了这么个错误,找了半天不知道是什么错,后来发现是在vue文件写了script标签对,却没写 export default {} 这句语句... ok,问题解决了。 ...

2019-03-04 19:28:10

阅读数 30

评论数 0

vue h5移动端禁止缩放

安卓 在index.html里面写 <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, us...

2019-03-04 19:27:45

阅读数 449

评论数 0

CSS自动换行、强制不换行、强制断行、超出显示省略号

P标签是默认是自动换行的,因此设置好宽度之后,能够较好的实现效果,但是最近的项目中发现,使用ajax加载数据之后,p标签内的内容没有换行,导致布局错乱,于是尝试着使用换行样式,虽然解决了问题,但是并没有发现本质原因,本质在于,我当时获取的数据是一长串的数字,浏览器应该是对数字和英文单词处理方式相近...

2019-03-04 19:27:07

阅读数 16

评论数 0

利用JS获取用户当前ip地址

新浪的IP地址查询接口:http://int.dpool.sina.com.cn/iplookup/iplookup.php?format=js (默认为纯文本格式,根据format的参数定义,还可以返回JS、Json格式)。 新浪多地域测试方法: http://int.dpool.sina.c...

2019-02-27 18:40:25

阅读数 297

评论数 0

Web端的邮件内容HTML格式规范总结

一、页面要求 1)  统一使用标准的页头和页尾 2)统一使用gb2312编码格式 3)页面显示宽度400px-800px,高度一般控制在一屏以内。 4)页面不向出现js代码及flash内容(如需要动画全用gif) 5)页面所有图片必须为绝对地址 6)页面的内容最好以文字的形式来呈现。 ...

2018-12-06 15:48:57

阅读数 806

评论数 0

git tag常用操作

前言 最近使用git来管理一个项目,到达一定阶段后,需要将稳定的代码发布成一个版本,经过查找资料发现git的标签操作刚好满足我的要求,所以记录下来,方便以后是使用查找。 用途 标签可以针对某一时间点的版本做标记,常用于版本发布,这恰恰是我所需要的功能,将本地标签推送到Github上即发布了一个R...

2018-12-03 16:14:16

阅读数 1519

评论数 0

vue-cli webpack打包开启Gzip时报错

前言 今天看了一下Vue-cli中webpack打包的速度,有点小慢,于是我就开始使用其自带的productionGzip功能。 说明:本人用的node版本:v6.11.3,npm版本:v3.10.10,webpack版本:3.6.0,Vue版本:2.5.2,以免后期版本升级更新造成误导。 ...

2018-11-15 16:46:35

阅读数 425

评论数 0

vue中axios处理http发送请求的示例(Post和get)

本篇文章主要介绍了vue中axios处理http请求的示例(Post和get),这里整理了详细的代码,具有一定的参考价值,感兴趣的小伙伴们可以参考一下   本文介绍了vue中axios处理http发送请求的示例(Post和get),分享给大家,具体如下: axios中文文档   https...

2018-08-28 21:18:33

阅读数 1477

评论数 0

最详细的Vuex教程

什么是Vuex? vuex是一个专门为vue.js设计的集中式状态管理架构。状态?我把它理解为在data中的属性需要共享给其他vue组件使用的部分,就叫做状态。简单的说就是data中需要共用的属性。 引入Vuex(前提是已经用Vue脚手架工具构建好项目) 1、利用npm包管理工具,进行安...

2018-08-28 21:17:35

阅读数 421

评论数 0

简单说 通过CSS实现 文字渐变色 的两种方式

说明 这次的重点就在于两个属性, background 属性 mask 属性  这两个属性分别是两种实现方式的关键。 解释 方式一 效果图 代码 <!DOCTYPE html> <html> ...

2018-07-17 15:01:20

阅读数 1940

评论数 0

JS中的数组转变成JSON格式字符串的方法

有一个JS数组,如: var arr = [["projectname1","projectnumber1"],["projectname2","projectnumb...

2018-07-17 14:59:40

阅读数 4978

评论数 0

vue的双向绑定原理及实现

前言 使用vue也好有一段时间了,虽然对其双向绑定原理也有了解个大概,但也没好好探究下其原理实现,所以这次特意花了几晚时间查阅资料和阅读相关源码,自己也实现一个简单版vue的双向绑定版本,先上个成果图来吸引各位: 代码:                                     ...

2018-07-17 14:57:50

阅读数 130

评论数 0

JS获取本地经纬度

一个最简单的调用方法 window.navigator.geolocation.getCurrentPosition(function (position) { console.log(position.coords.latitude) console.log(position...

2018-07-17 14:51:55

阅读数 3586

评论数 0

input为file上传文件

1、去除input类型为file上传文件时默认样式和默认”选择文件”等; 2、压缩要上传的图片 3、隐藏上传按钮, 手动触发 实现思路 隐藏选择图片的input, 点击显示图片触发input的onchange事件 // xxx.html <img id=&q...

2018-06-19 19:16:34

阅读数 1609

评论数 0

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