- 博客(19)
- 收藏
- 关注
RSS订阅转载 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
146
原创 前端初级JavaScript面试题
基础知识 ： 原型 原型链 作用域 闭包 异步 单线程js web api：DOM BOM Ajax 跨域 事件 存储开发环境 ： 版本管理 调试 抓包 打包构建运行环境 ： 页面渲染 性能优化 web安全题目1： typeof 能判断哪些类型？考点：js变量类型题目2：何时使用===何时使用==考点：强制类型转换题目3：window.onload和DOMCon...
2020-04-16 17:00:42
264
原创 js 算法 笔记
简单算法：字符串 数组 正则 排序 递归字符串：反转字符串中的单词：给定一个字符串，需要反转字符串中的每个单词的字符顺序，同时仍保留空格和单词的初始顺序示例：输入 "Let's take LeetCode contest"输出 "s'tsL ekat edoCteeL tsetnoc"注意：在字符串中，每个单词由单个空格分隔，并且字符串中不会由任何额外的空格...
2020-04-16 16:40:55
129
原创 移动端布局页面实现
目前在的手机的大小有很多，所以要做到页面适应每一个手机页面，不仅麻烦，而且不利于后期维护。解决方法： var pixclPatio = 1 / window.devicePixelRatio; document.write(''); var html = document.getElementsByTagName('html')[0]; var pageWidth = html.g
2017-10-13 14:20:17
495
原创 工作中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
403
原创 jquery实例以及常用jQuery主要功能实现
1、页面分析、规划（页面的目录划分，结构样式分离：创建样式表，js文件以及ico图标）2、模块化搭建页面结构
2017-10-11 13:30:10
497
原创 日常常用功能-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
440
原创 列表文字溢出
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
236
原创 未知宽高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
182
原创 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
420
原创 图片倒计时实现原理--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
696
原创 定时器-自动切换焦点图--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
808
原创 基础延迟定时器原理--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
303
原创 index首页布局
商务网站DD_belatedPNG.fix('*'); 切换城市: 北京 上海 苏州 南京 深圳 香港 天气预告 | 环境情况 理财 直播 海淘
2017-09-11 15:25:22
590
原创 tab切换
源于之前根据jQuery写的js库。原理：1、通过find方法获取需求的子元素（aLI、aCont（内容））； 2、aLI（目标元素），通过click方法，将aLI的attr中的className全部设置成鼠标未经过的样式（link），并设置当鼠标经过时的样式（hover）； 3、设置内容隐藏hide（），然后设置所在内容索引值的那个内容显示s
2017-09-08 16:38:36
198
原创 源于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
738
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人