刚才重新美化了下友人链接的页面（虽然还是挺丑的，不过比之前好一点了，会慢慢改进的..）发现了一个问题在这个页面用到的CSS样式表放在页面中时会导致显示出现问题，与预想的有差别而且若是第二次修改代码会出一些奇奇怪怪的问题，甚至直接失效。但是若是把相关的样式表代码放进style.css中，却感觉 太浪费了。毕竟只有在这个页面才会生效。去网上 搜了搜，发现了一个神奇的东西：自定义栏目默认是关闭的，需要在
原创
2022-07-26 16:41:16
165阅读
定义和用法remove() 方法用于从下拉列表删除选项。语法selectObject.remove(index)说明该方法从选项数组的指定位置移除 元素。如果指定的下标比 0 小，或者大于或等于选项的数目，remove() 方法会忽略它并什么也不做。实例下面的例子可从列表中删除被选的选项：function removeOption()
{
var x=document.getElementById
转载
2024-04-12 19:59:09
210阅读
字符串函数indexOf
返回字符串中一个子串第一处出现的索引（从左到右搜索）。如果没有匹配项，返回 -1 。
var index1 = a.indexOf("l");
//index1 = 2
var index2 = a.indexOf("l",3);
//index2 = 3
lastIndexOf
返回字符串中一个子串最后一处出现的索引（从右到左搜索），如果没有匹配项，返回 -1 。
v
作为前端开发，JS是重中之重，最近结束了面试的高峰期，基本上offer也定下来了就等开奖，趁着这个时间总结下32个手写JS问题，这些都是高频面试题，希望对你能有所帮助。 关于源码都紧遵规范，都可跑通MDN示例，其余的大多会涉及一些关于JS的应用题和本人面试过程 01.数组扁平化 数组扁平化是指将一个多维数组变为一个一维数组 const arr = [1, [2, [3, [4, 5]]], 6];
最近公司业务需要，不得不提前原来的计划，提前开始研究无框架的Javascript动画。不使用任何框架，就算实现一个简单的slide和fide都需要大费周章，但感觉乐在其中，毕竟曾经接触过flash开发。而其间的间隔人眼难以觉察到。关于动画原理，这里就不加赘述了。 想把元素框移动起来，首先要找到元素框的位置，也就是元素框在页面的坐标，不同的参照物有不同的坐标位置。先来普及几个基本概念吧！ o
JavaScript数组常用方法一、数组创建1.（1）使用Array创建数组： 1 var arr1 = new Array(); //创建一个空数组
2 var arr2 = new Array(10); // 创建一个包含10项的数组
3 var arr3 = new Array("a","b","c"); // 创建一个包含3个字符串的数组 （2）使用数组字面量表示法： 1 var a
如果你使用正确的工具，得到一个一致的，坚实的网格布局到WordPress是一个轻松的过程。在本教程中，你将学习到怎样一步一步在WordPress里迅速建立一个非常轻便和易于修改的的网格系统。我们将保持设计简单，使我们可以将目光放在使用合适的工具来建立你的网格上，但请记住，如果需要的话，你可以设计属于你自己的风格网格。本教程中我将在WordPress中使用一个默认的Pool主题，为了告诉你“从头开始
classList的深入学习前言一、classList 的基本使用add方法remove方法toggle方法contains方法二、classList 的高级用法replace方法item方法length用法forEach方法三、代码示例：四、总结 前言classList 是 JavaScript 中一个用于操作元素类名的东西，这个东西有很多好用的方法，可以让我们轻松地添加、删除、切换和检查元素
转载
2024-06-20 16:46:07
133阅读
原理如下：假设要从数值A变化到数值B，如果是线性运动，则每次移动距离是一样；如果是缓动，每次移动距离不一样。那如何才能不一样呢？很简单，按比例移动就可以。例如：每次移动剩余距离的一半。对吧，超容易理解的。比方说：你和初恋之间距离是64，每秒移动一半，则，你们之间的距离下一秒就是32, 再下一秒就是16，然后8，然后4，然后2，然后1，然后……你们就在一起了。你们在一起的这个过程就是一个典型的先快后
转载
2024-02-18 12:48:55
51阅读
前段时间有做过一个关于节点操作的排序问题， 今天就node类型，进行详细的讲解。首先看下他的兼容性。 node共有12类型。 类型详情可以参考http://www.w3school.com.cn/jsref/prop_node_nodetype.asp 1.nodeValue和nodeName 其中最常用的就是1和3，那今天我们就1和3来展开讲解，了解节点的属性主要有nodeValue和
转载
2024-04-12 15:05:04
98阅读
1、javascript删除元素节点 我们可以先去找到要删除节点的父节点，然后在父节点中运用removeChild来移除我们想移除的节点。我们可以定义一个方法叫removeElement：function removeElement(_element){
var _parentElement = _element.parentNode;
if(_parentEl
转载
2024-09-06 07:56:18
489阅读
一、声明字符串: var normal_monkey = "I am a monkey!<br>";
document.writeln("Normal monkey " + normal_monkey);var bold_monkey = normal_monkey.bold();
document.writeln("Bold monkey " + bold_monkey);这里的
解决css样式冲突的解决方案官网链接：CSS IN JSstyled-components 是一种新的语法，需要学习CSS Modules 脚手架中已经集成，学习成本也低CSS Modules是独立于框架的一种编写css方案，可以在react中使用，也可以在vue中使用，任何解决css冲突的地方使用css Modules 说明css Modules 在项目中怎么使用###
原创
2022-11-18 10:00:18
100阅读
文章目录数组数据类型分类创建一个数组字面量创建一个数组内置构造函数创建数组数组的 length数组的索引数据类型之间存储的区别（重点）基本数据类型在内存中的存储情况复杂数据类型在内存中的存储情况数据类型之间的比较数组的常用方法数组的查询---indexOf、lastIndexOf数组的新增---unshift、push数组的首位删除与末位删除---shift、pop数组的截取---slice数组
含义和基本用法JavaScript 的对象（Object），本质上是键值对的集合（Hash 结构），但是传统上只能用字符串当作键。这给它的使用带来了很大的限制。const data = {};
const element = document.getElementById('myDiv');
data[element] = 'metadata';
data['[object HTMLDivEle
转载
2024-09-19 12:37:54
47阅读
forEach 和 $.eachforEach是ECMA5中Array新方法中最基本的一个，就是遍历，循环。例如下面这个例子：[1, 2 ,3, 4].forEach(alert);等同于下面这个for循环var array = [1, 2, 3, 4];
for (var k = 0, length = array.length; k < length; k++) {
alert(
转载
2024-04-18 20:18:52
88阅读
js里面没有map，用object[key]=value，自己写map方法。 // js中没有map，写一个，提供了remove、put、get、clean、each、entrys、isEmty、toString、size方法。并给了使用例子。使用时，放置项目js文件中即可。
function Map() {
/*
* 找到元素位置，删除元素
* */
A
转载
2023-06-08 13:08:15
119阅读
1、javascript删除元素节点
我们可以先去找到要删除节点的父节点，然后在父节点中运用removeChild来移除我们想移除的节点。我们可以定义一个方法叫removeElement：function removeElement(_element){
var _parentElement = _element.parentNode;
if(_parentEl
2.1 —— List的简述列表是一组有序的数据，每个列表中的数据项称为元素。列表拥有描述元素位置的属性，列表有前有后（front和end）。使用next()方法可以从当前元素移动到下一个元素，使用next（） 可以从当前元素移动到下一个元素，使用prev()方法可以移动到当前元素的前一个元素，还可以使用moveTo(n)方法直接移动到指定位置2.1 —— List的方法定义的属性有：listSi
转载
2024-04-04 20:10:16
713阅读
关于css元素居中，查阅资料和实验有以下几种方法： 水平居中1.最简单的在父元素中加入 text-align:center 。这条语句不用关心子元素是否有固定的尺寸大小。但只能对图片，按钮，文字等行内元素(display为inline或inline-block等)进行水平居中。但要说明的是在IE6、7这两个奇葩的浏览器中，它是能对任何元素进行水平居中的。 2.子元素宽度确定，可
转载
2024-04-25 23:25:58
35阅读
