Web开发( 右侧选择分类 )
web

webstorm不能识别一些js方法,如require

直接上图吧js运行不会报错,但webstorm却不认识这个方法,怎么办呢?添加个支持就好了还是直接上图吧ECMAScript中几乎包含了当前所有开源js的源码支持。我这边需要的是nodejs的require方法。上面实际上我已经下载了Nodejs,我把他删除了重新下载。下载好之后require方法就可以识别啦,还可以直接看源码。其他的一些方法支持也是同理的。
502 人浏览
web

常用正则表达式—邮箱(Email)

常用正则表达式—邮箱(Email) 本文针对有一点正则基础的同学,如果你对正则一无所知,请移步“正则表达式30分钟入门教程”学习。 要验证一个字符串是否为邮箱的话,首先要了解邮箱账号的格式。我尝试过在网上找出一个标准的格式,但是很遗憾我没有找到。我也尝试使用RFC标准来判断邮箱的格式,但是也没有结果。网上些博客说不应该使用RFC标准来验证邮箱是否合法,有兴趣的可以看看“is this email
403 人浏览
web

vue2 keep-alive最佳实践

1.基本用法vue2.0提供了一个keep-alive组件用来缓存组件,避免多次加载相应的组件,减少性能消耗<keep-alive> <component> <!-- 组件将被缓存 --> </component> </keep-alive>有时候 可能需要缓存整个站点的所有页面,而页面一般一进去都要触发请求的在使用keep-
474 人浏览
web

vue.js 利用vue-cli vue-router搭建一个带有底部导航栏移动前端项目

1.首先安装vue-cli脚手架不多赘述,主要参考WiseWrong 的 Vue 爬坑之路(一)—— 使用 vue-cli 搭建项目2.项目呈现效果项目呈现网址:www.zhoupeng520.cn/index.html项目中主要用了Flex布局,以及viewport相关知识,已达到适应各终端屏幕的目的3.项目主要目录4主要代码如下(1)App.vue<template> <
698 人浏览
web

在vue中获取dom元素

在vue中经常会通过js操作dom对象,可以通过给标签添加ref属性实现,下面通过操作dom对象实现一个点击按钮改变屏幕背景的demo,效果如下下面是代码:<template> <div class="box" ref="boxHook"> <div class="change-button" @click="changeBackground">
1483 人浏览
web

Vue2.0 探索之路——生命周期和钩子函数的一些理解

前言在使用vue一个多礼拜后,感觉现在还停留在初级阶段,虽然知道怎么和后端做数据交互,但是对于mounted这个挂载还不是很清楚的。放大之,对vue的生命周期不甚了解。只知道简单的使用,而不知道为什么,这对后面的踩坑是相当不利的。因为我们有时候会在几个钩子函数里做一些事情,什么时候做,在哪个函数里做,我们不清楚。于是我开始先去搜索,发现vue2.0的生命周期没啥文章。大多是1.0的版本介绍。最后还
462 人浏览
web

给 Web 开发人员推荐的测试工具

用户对于现代 Web 应用除了美观要求之外,对产品体验度也有较高的要求。在推荐过几期开源图形库和通用独立 UI 组件后,觉着是时候推荐一些测试工具了。这应该也是该系列的最后一篇,感谢大家的支持。给 Web 开发人员推荐的通用独立 UI 组件(二)给 Web 开发人员推荐的通用独立 UI 组件(一)给 Web 开发人员推荐的开源图形库 —— 2D/3D给 Web 开发人员推荐的开源图形库 —— 动画
443 人浏览
web

给 Web 开发人员推荐的开源图形库 —— 数据可视化

现代 Web 开发在将体验和功能做到极致的同时,对于美观的追求也越来越高,数据可视化、动画交互、2D/3D 等元素已然成为标配。以下是为 Web 开发者推荐的一些精品开源图形库,旨在专注于最常见的问题和最常用的东西。将针对动画(Animation)、数据可视化(Data Visualization)、2D/3D 分别整理,欢迎保持关注。给 Web 开发人员推荐的开源图形库 —— 动画给 Web 开
448 人浏览
web

给 Web 开发人员推荐的开源图形库 —— 动画

现代 Web 开发在将体验和功能做到极致的同时,对于美观的追求也越来越高,数据可视化、动画交互、2D/3D 等元素已然成为标配。以下是为 Web 开发者推荐的一些精品开源图形库,旨在专注于最常见的问题和最常用的东西。将针对动画(Animation)、数据可视化(Data Visualization)、2D/3D 分别整理,欢迎保持关注。给 Web 开发人员推荐的开源图形库 —— 2D/3D给 We
337 人浏览
web

给 Web 开发人员推荐的开源图形库 —— 2D/3D

现代 Web 开发在将体验和功能做到极致的同时,对于美观的追求也越来越高,数据可视化、动画交互、2D/3D 等元素已然成为标配。以下是为 Web 开发者推荐的一些精品开源图形库,旨在专注于最常见的问题和最常用的东西。将针对动画(Animation)、数据可视化(Data Visualization)、2D/3D 分别整理,欢迎保持关注。给 Web 开发人员推荐的开源图形库 —— 动画给 Web 开
373 人浏览
web

给 Web 开发人员推荐的通用独立 UI 组件(二)

现代 Web 开发在将体验和功能做到极致的同时,对于美观的追求也越来越高。在推荐完图形库之后,再来推荐一些精品的独立 UI 组件。这些组件可组合在一起,形成美观而交互强大的 Web UI 。给 Web 开发人员推荐的通用独立 UI 组件(一)给 Web 开发人员推荐的开源图形库 —— 2D/3D给 Web 开发人员推荐的开源图形库 —— 动画给 Web 开发人员推荐的开源图形库 —— 数据可视化上
561 人浏览
web

给 Web 开发人员推荐的通用独立 UI 组件(一

现代 Web 开发在将体验和功能做到极致的同时,对于美观的追求也越来越高。在推荐完图形库之后,再来推荐一些精品的独立 UI 组件。这些组件可组合在一起,形成美观而交互强大的 Web UI 。给 Web 开发人员推荐的开源图形库 —— 2D/3D给 Web 开发人员推荐的开源图形库 —— 动画给 Web 开发人员推荐的开源图形库 —— 数据可视化下面将针对 Layout(布局)、Icon(图标)、P
348 人浏览
web

从Vue.js源码角度再看数据绑定

写在前面因为对Vue.js很感兴趣,而且平时工作的技术栈也是Vue.js,这几个月花了些时间研究学习了一下Vue.js源码,并做了总结与输出。 文章的原地址:https://github.com/answershuto/learnVue。 在学习过程中,为Vue加上了中文的注释https://github.com/answershuto/learnVue/tree/master/vue-src,希
331 人浏览
web

Intellij idea破解办法(转)

最开始的时候intellij用得是社区版,因为博主没有钱去买专业版。。。但是后来发现社区版的功能确实弱了很多,比如流弊闪闪的Diagrams功能就没有…比如社区版不支持web项目,想起个tomcat跑个web项目都没法搞。于是,博主重新下载了个专业版的intellij,果然各项功能用得飞起,起个web项目再也不用担心没有tomcat server了。专业版下载地址:https://www.jetb
410 人浏览
web

html5和css3实现绚丽动画-网页加载进度条的实现,下载进度条等

今天给大家带来一个比较炫的进度条,进度条在一耗时操作上给用户一个比较好的体验,不会让用户觉得在盲目等待,对于没有进度条的长时间等待,用户会任务死机了,毫不犹豫的关掉应用;一般用于下载任务,删除大量任务,网页加载等;如果有使用HTML5为手机布局的,也可以用于手机中~效果图:1、html结构:<div id="loadBar01" class="loadBar"> <di
480 人浏览
web

html5和css3实现绚丽动画-3D立方体旋转动画

转载请标明出处:http://blog.csdn.net/lmj623565791/article/details/34120047创意来自:http://www.html5tricks.com/demo/HTML5-3d-cube/inde... , 同学给我发的例子,感觉很不错,不过实在想不出来实际的用处,但是效果很炫~效果图:知识点:1、perspective ,transform 的复习2
390 人浏览
web

html5和css3实现绚丽动画-canvas 模拟实现电子彩票刮刮乐

转载请标明出处:http://blog.csdn.net/lmj623565791/article/details/34089553 今天给大家带来一个刮刮乐的小例子~基于HTML5 canvas的,有兴趣的可以改成Android版本的,或者其他的~ 效果图: 贴一张我中500w的照片,咋办啊,怎么花呢~ 好了,下面开始原理: 1、刮奖区域两个Canvas,一个是front ,
389 人浏览
web

html5和css3实现绚丽动画-诱人的实例 3D展示商品信息

原文链接:http://blog.csdn.net/lmj623565791/article/details/...强化下perspective和transform:translateZ的用法。传统的商品展示或许并不能很好的吸引用户的注意力,但是如果在展示中添加适当的3D元素,~说不定效果不错哈~效果图:说明一下:这个创意不是我想的,哈~模仿别人的,创意应该是w3cplus上的。当然了,重点是教大
377 人浏览
web

html5和css3实现绚丽动画-诱人的实例 3D旋转木马效果相册

转载请标明出处:http://blog.csdn.net/lmj623565791/article/details/32964301首先说明一下创意的出处:http://www.zhangxinxu.com/study/201209/pictures-3d-slide-view.html(张鑫旭的博客 ),对前台感兴趣的可以没事去看看他的博客,很给力~这篇博客的目的是因为上篇HTML5 CSS3专
298 人浏览
web

html5和css3实现绚丽动画-CSS3打造百度贴吧的3D翻牌效果

原文链接:http://blog.csdn.net/lmj623565791/article/details/...首先感谢w3cfuns的老师~今天给大家带来一个CSS3制作的翻牌效果,就是鼠标移到元素上,感觉可以看到元素背后的信息。大家如果制作考验记忆力的连连看、扑克类的游戏神马的,甚至给女朋友写一些话语,放在使用该实例制作的相册之后都可以尝试下,哈~效果图:实例用到的一些css3的新属性:
354 人浏览