从零开始实现Vue简单的Toast插件

2018-12-17
阅读 4 分钟
275
概述: 在前端项目中,有时会需要通知、提示一些信息给用户,尤其是在后台系统中,操作的正确与否,都需要给与用户一些信息。 1. 实例 在Vue组件的methods内,调用如下代码 {代码...} 在页面的右侧会出现一个Toast弹框,多次点击时,会依照顺序进行显示,并且Toast可自动关闭,具体效果如图。 代码地址:Github UI-Libra...

vue 之 css module的使用方法

2018-12-17
阅读 2 分钟
252
动手之前先配置项目,网上很多文章说需要下载css-loader插件,Vue中的vue-loader已经集成了 CSS Modules,因此删掉也能正常运行

Vue入门之animate过渡动画效果

2018-12-17
阅读 2 分钟
265
简介: transition方法的使用 transition内置方法 transition-group  animate库实现过渡动画 {代码...} 总结 以上所述是小编给大家介绍的Vue入门之animate过渡动画效果,希望对大家有所帮助

JS正则表达式

2018-12-15
阅读 6 分钟
240
url的正则表达式:包括IP,域名(domain),ftp,二级域名,域名中的文件,域名加上端口!用户名等等信息 {代码...} 匹配手机号 {代码...} 用户名正则,4到16位(字母,数字,下划线,减号) {代码...} 整数正则 {代码...} 数字正则 {代码...} Email正则 {代码...} 身份证号正则 {代码...} URL正则 {代码...} 日期正则 {...

webpack配置proxyTable时pathRewrite无效的解决方法

2018-12-15
阅读 2 分钟
678
在项目开发中,接口联调的时候一般都是同域名下,且不存在跨域的情况下进行接口联调,但是当我们在本地启动服务器后,比如本地开发服务下是 [链接]:8080 这样的访问链接,但是我们的接口地址是  [链接] 这样的,我们这样直接使用就会存在跨域的请求,导致接口请求不成功。

使用正则表达式实现网页爬虫的思路详解

2018-12-14
阅读 2 分钟
460
1.为模拟网页爬虫,我们可以现在我们的tomcat服务器端部署一个1.html网页。(部署的步骤:在tomcat目录的webapps目录的ROOTS目录下新建一个1.html。使用notepad++进行编辑,编辑内容为:

node.js学习笔记之koa框架和简单爬虫练习

2018-12-14
阅读 4 分钟
242
koa是由 Express 原班人马打造的,致力于成为一个更小、更富有表现力、更健壮的 Web 框架。 使用 koa 编写 web 应用,可以免除重复繁琐的回调函数嵌套, 并极大地提升错误处理的效率。koa 不在内核方法中绑定任何中间件, 它仅仅提供了一个轻量优雅的函数库,使得编写 Web 应用变得得心应手。开发思路和express差不多,...

Web安全之XSS攻击与防御小结

2018-12-14
阅读 3 分钟
556
跨站脚本攻击(Cross Site Scripting),缩写为XSS。恶意攻击者往Web页面里插入恶意Script代码,当用户浏览该页之时,嵌入其中Web里面的Script代码会被执行,从而达到恶意攻击用户的目的。

微信小程序实现slideUp、slideDown滑动效果及点击空白隐藏功能示例

2018-12-13
阅读 3 分钟
337
怎样实现jq中的slideUp或者slideDown这种动画效果呢,我的思路是用css3的transform: translateY() 属性,给需要动画的元素添加上一个动画class。

离屏Canvas — 使用Web Worker提高你的Canvas运行速度

2018-12-13
阅读 3 分钟
274
Canvas 是一个非常受欢迎的表现方式,同时也是WebGL的入口。它能绘制图形,图片,展示动画,甚至是处理视频内容。它经常被用来在富媒体web应用中创建炫酷的用户界面或者是制作在线(web)游戏。

详解如何实现一个简单的 vuex

2018-12-12
阅读 3 分钟
291
首先我们需要知道为何要使用 vuex。父子组件通信用 prop 和自定义事件可以搞定,简单的非父子组件通信用 bus(一个空的 Vue 实例)。那么使用 vuex 就是为了解决复杂的非父子组件通信。

使用Vue动态生成form表单的实例代码

2018-12-12
阅读 14 分钟
754
具有数据收集、校验和提交功能的表单生成器,包含复选框、单选框、输入框、下拉选择框等元素以及,省市区三级联动,时间选择,日期选择,颜色选择,文件/图片上传功能,支持事件扩展。

简单谈谈vue的过渡动画

2018-12-11
阅读 2 分钟
214
在vue中,实现过渡动画一般是下面这样: {代码...} 用一个transition对元素或者组件进行封装. 在过渡的时候,会有 4 个(CSS)类名在 enter/leave 的过渡中切换。 1.v-enter: 定义进入过渡的开始状态。在元素被插入时生效,在下一个帧移除。 2.v-enter-active: 定义进入过渡的结束状态。在元素被插入时生效,在 transition...

Html5 Canvas动画基础碰撞检测的实现

2018-12-11
阅读 5 分钟
285
在Canvas中进行碰撞检测,大家往往直接采用游戏引擎(Cocos2d-JS、Egret)或物理引擎(Box2D)内置的碰撞检测功能,好奇的你有思考过它们的内部运行机制吗?下面将针对基本的碰撞检测技术进行讲解:

微信小程序实现两边小中间大的轮播效果的示例代码

2018-12-09
阅读 2 分钟
521
不啰嗦,直接上代码了 {代码...} 字段isChange是用来判断图片样式的 页面代码 {代码...} 样式代码 {代码...}

webpack 入门与解析

2018-12-09
阅读 8 分钟
2.3k
每次学新东西总感觉自己是不是变笨了,看了几个博客,试着试着就跑不下去,无奈只有去看官方文档。 webpack是基于node的。先安装最新的node。

十大热门的JavaScript框架和库

2018-12-09
阅读 4 分钟
1.2k
JavaScript 框架和库可以说是开源项目中最庞大也是最累的类目了,目前在github 上这一类的项目是最多的,并且几乎每隔一段时间就会出现一个新的项目席卷网络社区,虽然这样推动了创新的发展,但不得不说苦了前端的开发者们。因此本文罗列出了一些优秀的 Javascript 框架和库的特及其在 github 上的 star 数,旨在为各位...