Tag

# JavaScript

围绕这个主题持续更新的文章。

响应式布局简单笔记 的封面图
响应式布局简单笔记

响应式开发的本质是针对多种屏幕做适配 ,首先需要掌握几个基本概念: 物理像素:设备的屏幕实际像素点,如常说的 iPhone 6 Plus 的分辨率是 1920 * 1080 像素。 设备独立像素:逻辑像素,用于定义应用的UI。 屏幕像素比(devicePixeRatio):物理像素与设备独立像素的比值。 首先响应式布局是现在比较流行的布局方法之一,因为响应布局可以兼pc,移动,平板端开发代码量远远低于自适应式。 响应式布局开发首先是要以pc端的交互为基础而延续到移动,平板端开发,这里就有人可能有疑问的为什么要以pc端为基础,答案很简单因为pc端的屏幕比例大小无疑是比后两者都要大, 响应式开发就按照屏幕达到特定的比例就改变css,js为特定比例相对应的对象终端。 首先响应式开头哪里要加上 <meta name="viewport" content="width=device-width,initial-scale=1"> viewport 属性 viewport 是指屏幕上能用来显示网页的区域,默认情况下大多数设备的 viewport 的宽度都是 980 像素 ,可以通过在 heade

JavaScript正则表达式 的封面图
JavaScript正则表达式

正则表达式 正则表达式(英语:Regular Expression,在代码中常简写为regex、regexp或RE)使用单个字符串来描述、匹配一系列符合某个句法规则的字符串搜索模式。 搜索模式可用于文本搜索和文本替换。 什么是正则表达式? · 正则表达式是由一个字符序列形成的搜索模式。 · 当你在文本中搜索数据时,你可以用搜索模式来描述你要查询的内容。 · 正则表达式可以是一个简单的字符,或一个更复杂的模式。 · 正则表达式可用于所有文本搜索和文本替换的操作。 学习正则表达式之前首先需要掌握记忆这些基本概念: 1.元字符:(.,\w,\W,\d,\D,\s,/S,^,$,) 字符 含义 . 匹配除了换行符以外的任意字符。 \s 代表任意空白符(换行符,制表符,空格) \S 匹配任意非空字符串 \b 匹配单词边界,匹配单词的开头和结尾。 \B 匹配一个非单词边界 \d 匹配一个数字,等价于[0-9] \D 匹配一个数字,等价于[^0-9] \w 匹配一个单字字符(字母、数字或者下划线)等价于[A-Za-z0-9_],例如, /\w/ 匹配 "apple," 中的 'a',"$5.28,"

AJAX图片上传和验证图片格式 的封面图
AJAX图片上传和验证图片格式

AJAX学习笔记(二)之活用进阶:AJAX上传图片和验证图片格式 上传图片功能就是上传文件的分支,前端最好还是验证一下是否为图片减少服务器压力和保证安全性 互联网面向全部人群害人之心不可有,防人之心不可无,开发者都忌讳有人走上传文件的漏洞借以控制服务器的,所以上传文件这一区域我觉得最安全还是前后台一起都要验证,非法操作的就禁他ip地址到特定的时间才能上传。 还有最好用计时器控制用户在某段时间内上传图片的次数,减少服务器压力提高性能。 一 . 首先我们要了解 FormData 对象 FormData 接口的构造方式,经过它的数据可以使用 XMLHttpRequest.send() 方法送出, 本接口和此方法都相当简单直接。如果送出时的编码类型被设为 “multipart/form-data”, 它会使用和表单一样的格式。 属性 介绍 FormData.append() 向 FormData 中添加新的属性值, **FormData **对应的属性值存在也不会覆盖原值,而是新增一个值,如果属性不存在则新增一项属性值 。 FormData.delete() 从 FormData 对象里面删除

js操作json:拼接json和转换 的封面图
js操作json:拼接json和转换

var data11 = '{"name":"yyy","alexa":100,"site":"123"}'; var data12 = '{"age":11,"grade":10}'; var data21 = '{"name":"zzz","alexa":200,"site":"456"}'; var data22 = '{"age":21,"grade":22}'; var obj1 = JSON.parse(data11);//json字符串转js对象 var obj2 = JSON.parse(data12); var obj3 = JSON.parse(data21); var obj4 = JSON.parse(data22); var result1 = Object.assign({},obj1,obj2) //拼接json对象 var result2 = Object.assign({},obj3,obj4) console.log(result1) console.log(result2) var last=JSON.stringify(result1)//js对