- 博客(19)
- 收藏
- 关注
转载 js基础知识点以及常考面试(一)
1 js的原始类型? null是对象么?在js中有6中原始值,分别是: string / boolean / object / number / null / undefined / symbol扩展:1 原始类型存储的都是值,是没有函数调用的,比如undefined.toString()2 "1".toString() 之所以可以使用,是因为"1"已经不是原始类型,而是被强制转换成了string类型也就是对象类型,可以调用toString函数3 除了必要情况下的强制类型转换,原始类型其
2020-08-06 10:05:56 176
原创 前端初级JavaScript面试题
基础知识 : 原型 原型链 作用域 闭包 异步 单线程js web api:DOM BOM Ajax 跨域 事件 存储开发环境 : 版本管理 调试 抓包 打包构建运行环境 : 页面渲染 性能优化 web安全题目1: typeof 能判断哪些类型?考点:js变量类型题目2:何时使用===何时使用==考点:强制类型转换题目3:window.onload和DOMCon...
2020-04-16 17:00:42 297
原创 js 算法 笔记
简单算法:字符串 数组 正则 排序 递归字符串:反转字符串中的单词:给定一个字符串,需要反转字符串中的每个单词的字符顺序,同时仍保留空格和单词的初始顺序示例:输入 "Let's take LeetCode contest"输出 "s'tsL ekat edoCteeL tsetnoc"注意:在字符串中,每个单词由单个空格分隔,并且字符串中不会由任何额外的空格...
2020-04-16 16:40:55 160
原创 移动端布局页面实现
目前在的手机的大小有很多,所以要做到页面适应每一个手机页面,不仅麻烦,而且不利于后期维护。解决方法: var pixclPatio = 1 / window.devicePixelRatio; document.write(''); var html = document.getElementsByTagName('html')[0]; var pageWidth = html.g
2017-10-13 14:20:17 528
原创 工作中jQuery常用实例-主要功能总结整理
1、jQuery鼠标经过选项卡内容切换代码引入jQuery库,主要代码jQuery代码:$('.o-m .ul-o li').hover(function () { var linum = $(this).index() $('.o-m .ul-t li').eq(linum).stop().show().siblings().hide()})$(function () {
2017-10-11 17:06:01 428
原创 jquery实例以及常用jQuery主要功能实现
1、页面分析、规划(页面的目录划分,结构样式分离:创建样式表,js文件以及ico图标)2、模块化搭建页面结构
2017-10-11 13:30:10 506
原创 日常常用功能-tab切换-原生js和jQuery两种写法,同一思路
思路:1、先设置所以得选项的className为空,内容部分display:none;2、当点击的时候,选项的className显示active,内容部分display:block;原生js部分:body{ margin:0; padding:0;}.active{ background:red;}ul{ margin:0; padding:0; padding-b
2017-09-19 09:36:48 449
原创 列表文字溢出
1、li不浮动时,li里面内容浮动,产生li与li之间的间隙问题;2、文字溢出问题ul{width:302px; margin:0;padding:0; list-style:none;}li{ height:30px; font-size:12px; line-height:30px;border:1px solid #000; vertical-align:top;}p
2017-09-11 16:20:01 300
原创 未知宽高img的居中问题
.box{ width:800px;height:600px;border:2px solid #000; text-align:center;}span{ display:inline-block; height:100%; vertical-align:middle;}img{ vertical-align:middle;} 兼容ie6,7和标准版本第二种方法,
2017-09-11 16:06:02 203
原创 html部分(包括浏览器的兼容)知识总结
HTML部分1、结构样式:width、height、background、border、padding、margin;2、复合属性:background、border、padding、margin、fontbackground:url(/img.jpg) no-repeat(repeat-x/y) x轴(left、center、right) y轴 fixed(是否滚动-at
2017-09-11 15:58:35 451
原创 图片倒计时实现原理--js
系统时间对象window.onload = function(){var oBody = document.body;var oP = document.getElementById('time');//系统时间对象//var time = new Date();//alert( time );//myTime typeof objectfunction fnTime(){v
2017-09-11 15:47:55 731
原创 定时器-自动切换焦点图--js
定时器制作图片自动切换ul{ margin:0; padding:0;}li{ list-style:none;}img{ border:none; vertical-align:top;}body{ background:#ccc;}#pic{ width:300px; height:400px; margin:40px auto; background:#fff; position
2017-09-11 15:45:08 842
原创 基础延迟定时器原理--js
基础延迟定时器#qq{ width:200px; height:500px; background:#ccc;}#pop{ width:100px; height:100px; background:#fc3; position:absolute; left:220px; top:10px; display:none;}window.onload =function(){ var
2017-09-11 15:43:07 317
原创 index首页布局
商务网站DD_belatedPNG.fix('*'); 切换城市: 北京 上海 苏州 南京 深圳 香港 天气预告 | 环境情况 理财 直播 海淘
2017-09-11 15:25:22 625
原创 tab切换
源于之前根据jQuery写的js库。原理:1、通过find方法获取需求的子元素(aLI、aCont(内容)); 2、aLI(目标元素),通过click方法,将aLI的attr中的className全部设置成鼠标未经过的样式(link),并设置当鼠标经过时的样式(hover); 3、设置内容隐藏hide(),然后设置所在内容索引值的那个内容显示s
2017-09-08 16:38:36 208
原创 源于jQuery来理解实现原理---第一篇
主要来理解jQuery中的一些常用方法,涉及click()、show()、hide()、hover()、css()、attr()、toggle()、eq()、find()、index();1、第一步:获取页面中元素function VQuery(vArg) //参数可以使fn,oArg(对象),sArg(字符串),所以设置vArg 可以三个当中的任何一种参数{ //elem
2017-09-08 16:24:22 768
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人