03 2018 档案

控制input只能输入数字和两位小数
摘要:<input type="text" name="je" onkeyup="clearNoNum(this)" /> function clearNoNum(obj){ obj.value = obj.value.replace(/[^\d.]/g,""); //清除"数字"和"."以外的字符 ob 阅读全文

posted @ 2018-03-27 17:21 ranyonsue 阅读(3310) 评论(1) 推荐(0) 编辑

css3新单位vw、vh的使用详解
摘要:响应式布局的单位我们第一时间会想到通过rem单位来实现适配,但是它还需要内嵌一段脚本去动态计算跟元素大小。 比如: (function (doc, win) { let docEl = doc.documentElement let resizeEvt = 'orientationchange' i 阅读全文

posted @ 2018-03-23 13:55 ranyonsue 阅读(13829) 评论(0) 推荐(0) 编辑

关于图片的Base64编码
摘要:什么是Base64编码 Base64编码是一种图片处理格式,通过特定的算法将图片编码成一长串字符串,在页面上显示的时候,可以用该字符串来代替图片的url属性。 base64编码就是长得像下面这样子的代码: thunder://QUFodHRwOi8vd3d3LmJhaWR1LmNvbS9pbWcvc 阅读全文

posted @ 2018-03-21 11:08 ranyonsue 阅读(18773) 评论(0) 推荐(1) 编辑

字体图标制作的方法
摘要:web端和移动端为什么需要做字体图标? 性能好是最主要的原因,可以减少http请求。在之前项目中,网页的图标是用的图片,当图标很多时,http请求多,而且图片体积比较大。 字体图标制作流程 1设计师设计出图标保存为SVG格式的。 当没有设计师时,也可以在http://www.iconfont.cn/ 阅读全文

posted @ 2018-03-20 14:20 ranyonsue 阅读(9578) 评论(0) 推荐(0) 编辑

使用JSONP实现跨域
摘要:什么是跨域? 简单的来说,出于安全方面的考虑,页面中的JavaScript无法访问其他服务器上的数据,即“同源策略”。而跨域就是通过某些手段来绕过同源策略限制,实现不同服务器之间通信的效果。 什么是JSONP? JSON(JavaScript Object Notation) 是一种轻量级的数据交换 阅读全文

posted @ 2018-03-15 11:13 ranyonsue 阅读(491) 评论(0) 推荐(0) 编辑

前端常见跨域解决方案
摘要:什么是跨域? 跨域是指一个域下的文档或脚本试图去请求另一个域下的资源,这里跨域是广义的。 广义的跨域: 1.) 资源跳转: A链接、重定向、表单提交 2.) 资源嵌入: <link>、<script>、<img>、<frame>等dom标签,还有样式中background:url()、@font-f 阅读全文

posted @ 2018-03-14 16:56 ranyonsue 阅读(957) 评论(0) 推荐(0) 编辑

vue快速入门
摘要:Vue.js是当下很火的一个JavaScript MVVM库,它是以数据驱动和组件化的思想构建的。相比于Angular.js,Vue.js提供了更加简洁、更易于理解的API,使得我们能够快速地上手并使用Vue.js。 如果你之前已经习惯了用jQuery操作DOM,学习Vue.js时请先抛开手动操作D 阅读全文

posted @ 2018-03-09 16:00 ranyonsue 阅读(662) 评论(0) 推荐(0) 编辑

Vue中method与computed的区别
摘要:为了说明method与computed的区别,在此我想先来看看computed属性在vue官网中的说法:模板内的表达式是非常便利的,但是它们实际上只用于简单的运算。在模板中放入太多的逻辑会让模板过重且难以维护。 我们来看一个例子: <!DOCTYPE html> <html lang="en"> < 阅读全文

posted @ 2018-03-05 17:43 ranyonsue 阅读(815) 评论(0) 推荐(0) 编辑

js获取对象长度和名称
摘要:1.对象的长度不能用.length获取,用js原生的Object.keys可以获取到 var obj = {'name' : 'Tom' , 'sex' : 'male' , 'age' : '14'}; var arr = Object.keys(obj); console.log(arr); / 阅读全文

posted @ 2018-03-02 17:46 ranyonsue 阅读(61385) 评论(0) 推荐(0) 编辑

js中判断数组中是否含有某个字符串方法
摘要:1.两个数组间互相校验 Var inArray = function(arr, item) { for(var i = 0; i < arr.length; i++) { if(arr[i] == item) { return true; } } return false; }; var links 阅读全文

posted @ 2018-03-02 14:33 ranyonsue 阅读(38859) 评论(0) 推荐(1) 编辑

正则表达式入门
摘要:正则表达式(Regular Expression)是一种文本模式,包括普通字符(例如,a 到 z 之间的字母)和特殊字符(称为"元字符")。 正则表达式使用单个字符串来描述、匹配一系列匹配某个句法规则的字符串。 一、基本语法 在JS中,正则表达式为对象,用如下两种方式定义: 直接量法: /patte 阅读全文

posted @ 2018-03-02 10:35 ranyonsue 阅读(625) 评论(0) 推荐(0) 编辑

导航