代码改变世界

随笔档案-2020年04月

JSwebAPIs选择器以及操作元素属性和样式

2020-04-03 11:56 by 覃振鸿, 298 阅读, 收藏, 编辑
摘要: id选择器 大小写敏感console.dir 打印我们返回的元素对象 更好的查看里面的属性和方法 标签选择器(getElementsByTagName) 返回的是 获取过来元素对象的集合 以伪数组的形式存储的,可以循环遍历,而且是动态的 element.getElementsByTagName('标 阅读全文

JS小结

2020-04-03 00:34 by 覃振鸿, 151 阅读, 收藏, 编辑
摘要: <script> // 简单数据类型 null 返回的是一个空的对象 object var timer = null; console.log(typeof timer); // 如果有个变量我们以后打算存储为对象,暂时没想好放啥, 这个时候就给 null // 1. 简单数据类型 是存放在栈里面 阅读全文

JS字符串对象

2020-04-03 00:21 by 覃振鸿, 500 阅读, 收藏, 编辑
摘要: 基本包装类型 <script> // 基本包装类型 var str = 'andy'; console.log(str.length); // 对象 才有 属性和方法 复杂数据类型才有 属性和方法 // 简单数据类型为什么会有length 属性呢? // 基本包装类型: 就是把简单数据类型 包装成为 阅读全文

JS数组对象

2020-04-02 23:55 by 覃振鸿, 225 阅读, 收藏, 编辑
摘要: 检测是否为数组 <script> // 翻转数组 function reverse(arr) { // if (arr instanceof Array) { if (Array.isArray(arr)) { var newArr = []; for (var i = arr.length - 1 阅读全文

JS日期对象,倒计时函数

2020-04-02 23:35 by 覃振鸿, 421 阅读, 收藏, 编辑
摘要: <script> // Date() 日期对象 是一个构造函数 必须使用new 来调用创建我们的日期对象 var arr = new Array(); // 创建一个数组对象 var obj = new Object(); // 创建了一个对象实例 // 1. 使用Date 如果没有参数 返回当前系 阅读全文

JS内置对象和Math对象

2020-04-02 23:10 by 覃振鸿, 205 阅读, 收藏, 编辑
摘要: Math对象 <script> // Math数学对象 不是一个构造函数 ,所以我们不需要new 来调用 而是直接使用里面的属性和方法即可 console.log(Math.PI); // 一个属性 圆周率 console.log(Math.max(1, 99, 3)); // 99 console 阅读全文

js对象

2020-04-02 22:48 by 覃振鸿, 128 阅读, 收藏, 编辑
摘要: 1.利用对象字面量创建对象. <script> // 1.利用对象字面量创建对象 {} // var obj = {}; // 创建了一个空的对象 var obj = { uname: '张三疯', age: 18, sex: '男', sayHi: function() { console.log 阅读全文

JS解析

2020-04-02 22:16 by 覃振鸿, 532 阅读, 收藏, 编辑
摘要: <script> // 1问 console.log(num); // 2问 console.log(num); // undefined 坑 1 var num = 10; // 相当于执行了以下代码 // var num; // console.log(num); // num = 10; // 阅读全文

JS作用域

2020-04-02 21:59 by 覃振鸿, 347 阅读, 收藏, 编辑
摘要: <script> // 1.JavaScript作用域 : 就是代码名字(变量)在某个范围内起作用和效果 目的是为了提高程序的可靠性更重要的是减少命名冲突 // 2. js的作用域(es6)之前 : 全局作用域 局部作用域 // 3. 全局作用域: 整个script标签 或者是一个单独的js文件 v 阅读全文

JS函数参数

2020-04-02 21:45 by 覃振鸿, 395 阅读, 收藏, 编辑
摘要: <script> // arguments 的使用 只有函数才有 arguments对象 而且是每个函数都内置好了这个arguments function fn() { // console.log(arguments); // 里面存储了所有传递过来的实参 arguments = [1,2,3] 阅读全文

JS数组

2020-04-02 17:55 by 覃振鸿, 139 阅读, 收藏, 编辑
摘要: <script> // 1.数组(Array) :就是一组数据的集合 存储在单个变量下的优雅方式 // 2. 利用new 创建数组 var arr = new Array(); // 创建了一个空的数组 // 3. 利用数组字面量创建数组 [] var arr = []; // 创建了一个空的数组 阅读全文

JavaScript运算符

2020-04-02 15:14 by 覃振鸿, 182 阅读, 收藏, 编辑
摘要: 算数运算符 <script> console.log(1 + 1); // 2 console.log(1 - 1); // 0 console.log(1 * 1); // 1 console.log(1 / 1); // 1 // 1. % 取余 (取模) console.log(4 % 2); 阅读全文

JavaScript数据类型

2020-04-02 14:26 by 覃振鸿, 196 阅读, 收藏, 编辑
摘要: 变量的数据类型 案例 <script> // int num = 10; java // var num; // 这里的num 我们是不确定属于哪种数据类型的 var num = 10; // num 属于数字型 // js 的变量数据类型是只有程序在运行过程中,根据等号右边的值来确定的 var s 阅读全文

JavaScript变量

2020-04-02 10:13 by 覃振鸿, 223 阅读, 收藏, 编辑
摘要: 谷歌浏览器内核 blink 案例 <script> var myname = '旗木卡卡西'; var address = '火影村'; var age = 30; var email = 'kakaxi@itcast.cn'; var gz = 2000; console.log(myname); 阅读全文

移动端布局总结

2020-04-02 00:35 by 覃振鸿, 245 阅读, 收藏, 编辑
摘要: 移动端主流方案 1. 单独制作移动端页面(主流) 京东商城手机版 淘宝触屏版 苏宁易购手机版 .... 2. 响应式页面兼容移动端(其次) 三星手机官网 .... 移动端技术选型 流式布局(百分比布局) flex 弹性布局(推荐) rem适配布局(推荐) 响应式布局 建议: 选取一种主要技术 阅读全文

移动端WEB开发之响应式布局

2020-04-01 22:04 by 覃振鸿, 335 阅读, 收藏, 编辑
摘要: 1.0 响应式开发原理 1.1 响应式开发原理 就是使用媒体查询针对不同宽度的设备进行布局和样式的设置,从而适配不同设备的目的。 设备的划分情况: 小于768的为超小屏幕(手机) 768~992之间的为小屏设备(平板) 992~1200的中等屏幕(桌面显示器) 大于1200的宽屏设备(大桌面显示器) 阅读全文

移动端布局之路-----rem布局

2020-04-01 17:36 by 覃振鸿, 257 阅读, 收藏, 编辑
摘要: rem基础 rem单位 rem (root em)是一个相对单位,类似于em,em是父元素字体大小。 不同的是rem的基准是相对于html元素的字体大小。 比如,根元素(html)设置font-size=12px; 非根元素设置width:2rem; 则换成px表示就是24px。 /* 根html 阅读全文
点击右上角即可分享
微信分享提示