关闭

常用正则表达式汇总

^\d+$   //非负整数 ^[0-9]*[1-9][0-9]*$  //正整数 ^((-\\d+)|(0+))$  //非正整数 ^-[0-9]*[1-9][0-9]*$  //负整数 ^-?\\d+$     //整数 ^\\d+(\\.\\d+)?$  //非负浮点数 /^[1-9...
阅读(47) 评论(0)

AngularJS服务之 Factory vs Service vs Provider

AngularJS的service层用于处理业务逻辑和数据持久化,以下3钟方法可以创建并注册我们自己的service,在控制器中注入已创建的service服务,就可以调用service里面的属性和方法了。 1、Factory 2、Service 3、Provider 1、最简单的方式:Factory工厂方法 Angular里创建service最简单的方式就是使用factory()方法,使...
阅读(67) 评论(0)

Angular动态绑定HTML文本

AngularJS中输出变量使用{{}}花括号或者ng-bind命令,在进行数据绑定时默认是以文本的形式输出,如果变量中有HTML标签的话,默认是不转义的,直接以标签的形式显示,这样防止了XSS脚本注入攻击。XSS攻击指的是通过对网页注入可执行客户端代码且成功地被浏览器执行,来达到攻击的目的,形成了一次有效XSS攻击,一旦攻击成功,它可能会获取到用户的一些敏感信息、改变用户的体验、诱导用户等非法行...
阅读(100) 评论(0)

CSS布局大集合

布局是CSS的一个重要部分,本文主要对CSS布局中常见的经典案例进行实现,涉及到Web端两栏式、三栏式布局及APP端布局 1、左列定宽,右列自适应 方法一:position + margin布局,外层容器设置相对定位,左侧容器设置相对定位及宽度,右侧容器设置左边距 .parent{position: relative;} .left{position:absolute;width:...
阅读(117) 评论(0)

JS常用小结

开发过程中我们遇到的一些JS的问题,总结一下,未完待续…… 1、滚动条滚动到页面容器底部,设置滚动条距离顶部的高度为容器内容高度和容器可视区域高度的差,并添加动画。 var obj = document.getElementById('msgList'); if(obj.scrollHeight > obj.clientHeight){ $(obj)...
阅读(84) 评论(0)

Swiper内容超出添加横向/纵向滚动

在使用Swiper做移动端内容切换时,有些swiper-slide节点中的内容超出节点的宽度或高度,想要在swiper-slide节点中添加滚动条,当滚动条滚动到节点的顶部/左侧时切换上一个swiper-slide节点,当滚动条滚动到节点的底部/右侧时切换下一个swiper-slide节点,要肿么实现嘞? 首先要设置swiper-slide的overflow属性 .swiper-slide {...
阅读(813) 评论(0)

Clipboard.js实现复制文本到剪贴板功能

Clipboard.js是一个轻量级的实现复制文本到剪贴板功能的JavaScript插件,该插件可以将输入框,文本域,DOM节点元素中的文本内容复制到剪贴板中。 官网地址:https://clipboardjs.com/  浏览器兼容性:兼容Chrome、Firefox、Opera、Safari、IE9+ 对于不兼容的浏览器版本也有优雅的降级处理,可以采用下面的方式 clipboard.o...
阅读(300) 评论(0)

Vue父子组件通信实践

1、父组件通知子组件 2、子组件通知父组件...
阅读(57) 评论(0)

v-html中使用filters

Vue2.0的过滤器只能应用在{{ }}和v-bind中,不再支持v-html中使用,如果要在v-html中使用过滤器,怎么办呢? 解决方法有三种: 1、使用全局方法 定义方法 methods: { formatTrend(val) { let trend = 'up'; if(val.indexOf('-') > -1){ trend =...
阅读(205) 评论(0)

Vue大括号字符换行踩的坑

最近遇到这样一个问题,在页面上要显示一段自定义的文本,文本如果较长的话需要换行显示。 在HTML中可以通过标签换行,也可以通过\n转义字符换行 在Vue中用大括号显示的变量,加会直接被当成字符串显示出来,加\n显示一个空格,加\r\n显示两个空格,因为{{}}}是文本插值,内部都会按照普通字符串进行处理,可以用v-html进行显示 如下显示name变量 data() { retu...
阅读(939) 评论(1)

vue-router动态设置页面title

由于用Vue框架开发的应用是SPA(单页面应用),采用的是路由的形式,没有所谓的页面,所以想让网页的标题随着路由的改变而改变,可以使用document.title = ×××来改 变网页标题。 但是在IOS APP里这种方式不起作用,原因是在IOS webview中网页标题只加载一次,动态改变是无效的。 解决方案是在路由切换完成之后,静默加载一个空的iframe动态设置title util...
阅读(1240) 评论(0)

vue-cli脚手架构建Vue项目及相关配置

Vue是移动端H5开发比较流行的一个MVVM框架,它是以数据驱动的,不需要像jQuery那样操作DOM,而是通过将DOM和数据绑定,利用Object.defineProperty中的setter/getter代理数据,监控对数据的变化,当数据改变时更新DOM。 Vue项目构建有两种方式,构建大型应用时推荐使用命令行工具构建: 1、直接标签引入 2、vue-cli命令行工具 vue-cli是...
阅读(105) 评论(0)

Yeoman配置攻略

Yeoman是Google团队开发的项目,通过内部三个工具yo,grunt,bower协同工作,可以让网络前端开发者快速打造一个漂亮的网络应用。 yo: 脚手架工具,用于构建一个新的项目框架,项目工程依赖目录和文件生成工具,项目生产环境和编译环境生产工具 bower: web开发的包管理,类似npm, npm专注于nodejs模块,bower专注于css、js、图像等前端内容管理,bower的...
阅读(116) 评论(0)

移动端CSS常用小结

1、Meta标签 移动端页面添加meta标签,可以让文档的宽度与设备的宽度保持1:1,文档的最大宽度比例是1.0,不允许用户点击屏幕放大浏览。 2、禁止IOS自动识别电话和Android自动识别邮箱 3、禁止文本选择 -webkit-user-select:none4、屏蔽输入框阴影,去掉按钮默认样式 -webkit-appearance:none 5、border-box...
阅读(78) 评论(0)

JSONP跨域原理浅析

JSONP的出现是因为浏览器的同源策略,同源是指所请求的域名、协议、端口号和当前请求相同,同源策略限制了原生XMLHttpRequest()对象无法获取到JSON数据,但是标签是可以跨域的。 JSONP的原理是通过标签向服务器发送请求,将前端方法作为参数传递到服务器,服务器接收到请求后将SON数据作为该方法的参数,返回JavaScript文本,前端方法就可以拿到数据。 注:由于...
阅读(94) 评论(0)
    个人资料
    • 访问:4327次
    • 积分:194
    • 等级:
    • 排名:千里之外
    • 原创:14篇
    • 转载:0篇
    • 译文:0篇
    • 评论:1条
    文章分类
    文章存档
    最新评论