JavaScript笔记本
四月四日梦
一个爱记笔记的小学生
展开
-
节点插入,删除,替换总结
节点插入,删除,替换总结创建新节点的方法:document.createElement(tag) — 用给定的标签创建一个元素节点,document.createTextNode(value) — 创建一个文本节点(很少使用),elem.cloneNode(deep) — 克隆元素,如果 deep==true 则与其后代一起克隆。插入和移除节点的方法:node.append(...nodes or strings) — 在 node 末尾插入,node.prepend(...no原创 2021-04-16 10:54:40 · 374 阅读 · 0 评论 -
获取HTML节点属性(Attribute)
elem.hasAttribute(name) — 检查是否存在这个特性。elem.getAttribute(name) — 获取这个特性值。elem.setAttribute(name, value) — 设置这个特性值。elem.removeAttribute(name) — 移除这个特性。elem.attributes — 所有特性的集合。...原创 2021-04-16 10:49:21 · 827 阅读 · 0 评论 -
节点插入
插入方法这里是更多的元素插入方法,指明了不同的插入位置:node.append(…nodes or strings) —— 在 node 末尾 插入节点或字符串,node.prepend(…nodes or strings) —— 在 node 开头 插入节点或字符串,node.before(…nodes or strings) —— 在 node 前面 插入节点或字符串,node.after(…nodes or strings) —— 在 node 后面 插入节点或字符串,node.repla原创 2021-04-16 10:47:51 · 460 阅读 · 0 评论 -
JS 获取节点和元素
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-j8LfWfhG-1618540867886)(en-resource://database/19353:1)]获取节点获取元素原创 2021-04-16 10:44:46 · 79 阅读 · 0 评论 -
关于sort的疑惑
/*** a和b,其实就是要对比的两个数而已,不存在前后,根据对比的结果来返回值来决定某个数在前,某个数在后* console出来为* a, b 23 5 * a, b 5 43 * a, b 23 43 * a, b 54 23 * a, b 4 23 * a, b 656 23 * a, b 6 23 * a, b 45 23 * a, b 5 23 * ...* return -1 那么 a 就排在b前面* retu原创 2021-04-16 10:32:34 · 73 阅读 · 0 评论 -
electron 使用 `vue-cli-plugin-electron-builder`无法使用`node`模块找不到`fs`
electron 使用 vue-cli-plugin-electron-builder无法使用node模块找不到fs需要在vue.config.js中配置electronBuilder -> nodeIntegration:true,直接在backage.js中开启并无效果原创 2021-04-16 09:52:54 · 949 阅读 · 2 评论 -
electron和electron-build 镜像配置
electron和electron-build 镜像配置// 配置淘宝镜像地址npm config setregistry = https://registry.npm.taobao.org/// 配置electron镜像地址npm config setELECTRON_MIRROR = https://npm.taobao.org/mirrors/electron/// 打包时的各种文件的下载npm config setELECTRON_BUILDER_BINARIES_MIRROR =原创 2021-04-09 10:24:37 · 1608 阅读 · 0 评论 -
react-native 环境搭建
react-native 环境搭建大部分看中文网,这里补充一些细节react 中文网 环境搭建https://reactnative.cn/docs/getting-started.htmlNodeNode 的版本必须⾼于 8.3,npm config set registry https://registry.npm.taobao.org --globalnpm config set disturl https://npm.taobao.org/dist --globa安装及原创 2021-04-09 10:20:13 · 125 阅读 · 0 评论 -
vue2 几种初始化 挂载方式
vue2 几种初始化 挂载方式常见的new Vue 传入el和render的方式 【在cli创建出的项目中】el类型:string | Element限制:只在用 new 创建实例时生效。详细:提供一个在页面上已存在的 DOM 元素作为 Vue 实例的挂载目标。可以是 CSS 选择器,也可以是一个 HTMLElement 实例。在实例挂载之后,元素可以用 vm.$el 访问。如果在实例化时存在这个选项,实例将立即进入编译过程,否则,需要显式调用 vm.$mount() 手动开启原创 2021-04-09 10:18:54 · 2164 阅读 · 0 评论 -
vue-scroll 使用注意(仅作参考)
vue-scroll 使用注意(仅作参考)没有固定的高 100% 采取的布局及需要注意的点/** 【在没有固定高的情况下,使用此种布局】需要注意下面五点 <div class="main_left"> <div class="shceme_list_wrapper"> <vue-scroll> <div class="shceme_list原创 2021-04-09 10:12:52 · 397 阅读 · 0 评论 -
vuex modul vuex使用模块
vuex module * 如果模块名称为:company * state: { ... }, // this.$store.state.company.xxx getters: { isAdmin () { ... } // -> this.$store.getters['company/isAdmin'] }, actions: { login () { ... } // -> this.$store.disp原创 2021-04-09 10:10:39 · 78 阅读 · 0 评论 -
安装puppeteer 设置镜像
安装puppeteer 设置镜像npm config set PUPPETEER_DOWNLOAD_HOST=https://npm.taobao.org/mirrorsnpm install --save puppeteer原创 2021-03-11 10:06:57 · 950 阅读 · 0 评论 -
navigator对象判断用户浏览器类型
转载 2018-10-24 23:02:20 · 198 阅读 · 0 评论 -
JS中 location对象-设置页面跳转
转载 2018-10-24 23:01:08 · 1499 阅读 · 0 评论 -
addEventListener事件解绑则绑定的时候需要用命名函数
转载 2018-10-24 00:18:30 · 814 阅读 · 0 评论 -
元素和节点
元素页面中所有的标签都是元素,元素可以看成是对象节点(node)页面中所有的内容都是节点,标签,属性,文本根(root)转载 2018-10-24 00:13:43 · 454 阅读 · 0 评论 -
CSS3 动画属性
属性详解 [ animation-name ]: // 检索或设置对象所应用的动画名称 [ animation-duration ]: 检索或设置对象动画的持续时间 [animation-timing-function ]: 检索或设置对象动画的过渡类型 [animation-d...转载 2018-10-24 00:12:45 · 145 阅读 · 0 评论 -
获取用户地理位置-获取经纬度-定位
获取用户地理位置-获取经纬度-定位 /*h5 geolocation */ if(navigator.geolocation){ navigator.geolocation.getCurrentPosition(function (position) { /*获取定位成功回调函数*/ /*定位数据*/ ...转载 2018-10-24 00:07:28 · 2370 阅读 · 0 评论 -
网络状态
//拔掉网线,接上网线window.addEventListener("online",function () { alert("网络状态以连接")});window.addEventListener("offline",function () { alert("网络状态已断开");});...转载 2018-10-24 00:03:21 · 143 阅读 · 0 评论 -
jQuery 事件绑定
本文只介绍 on 的绑定和解绑方式不代表jQuery 就只有这一种绑定方式和解绑方式事件绑定on方式(最现代的方式,兼容zepto),强烈建议使用的方式)作用:给匹配的元素绑定事件,包括了上面所有绑定事件方式的优点语法:jQuery1.7版本后,jQuery用on统一了所有的事件处理的方法// 第一个参数:events,绑定事件的名称可以是由空格分隔的多个事件(标准事件或者自...转载 2018-10-23 23:58:31 · 119 阅读 · 0 评论 -
jQuery 元素 高宽-定位 操作
高度和宽度操作高度操作height() :作用:设置或获取匹配元素的高度值/带参数表示设置高度$(selector).height(200);//不带参数获取高度$(selector).height();宽度操作width() :作用:设置或获取匹配元素的宽度值//带参数表示设置宽度//不带参数获取宽度$(selector).width(200);cs...转载 2018-10-23 23:52:08 · 276 阅读 · 0 评论 -
jQuery 元素的属性操作用 --- 元素值
属性操作设置属性:// 第一个参数表示:要设置的属性名称// 第二个参数表示:改属性名称对应的值$(selector).attr(“title”, “传智播客”);获取属性:此时,返回指定属性的值// 参数为:要获取的属性的名称,改操作会返回指定属性对应的值$(selector).attr(“title”);移除属性:// 参数为:要移除的属性的名称$(sel...转载 2018-10-23 23:42:52 · 207 阅读 · 0 评论 -
jQuery元素操作
创建元素$()函数的另外一个作用:动态创建元素var $spanNode = $(“<span>我是一个span元素</span>”);html()设置或返回所选元素的html内容(包括 HTML 标记)设置内容的时候,如果是html标记,会动态创建元素,此时作用跟js里面的 innerHTML属性相同// 动态创建元素$(selector).htm...转载 2018-10-23 23:36:40 · 90 阅读 · 0 评论 -
获取元素的各种类型宽度
转载 2018-10-25 23:24:07 · 1242 阅读 · 0 评论 -
location对象-页面跳转-页面刷新 刷新页面
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>title</title> <script> //对象中的属性和方法 //location对象 /转载 2018-10-25 23:23:25 · 1177 阅读 · 0 评论 -
js -- 本地存储--会话存储
本地存储<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>本地存储</title></head> <input type="text&转载 2018-10-25 23:21:52 · 1413 阅读 · 0 评论 -
JS-自定义函数创建对象 --工厂模式创建对象 --- 区别和相同点
自定义构造函数工厂模式区别转载 2018-10-24 23:08:50 · 209 阅读 · 0 评论 -
JS原型中 _proto_ 原型和prototype原型的区别以及作用 -- 实例对象调用方法的顺序
proto 原型对象和prototype原型对象的区别和作用通过原型来添加方法结构图实例对象调用方法和属性的顺序转载 2018-10-24 23:17:19 · 367 阅读 · 0 评论 -
input标签行内式调用function时
input标签行内式调用function时,是先通过window调用function,所以打印this等于打印window,原创 2018-10-17 23:03:30 · 3667 阅读 · 0 评论 -
简单的媒体查询
注意:小值在上,大值在下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>媒体查询</title> <style> .content {转载 2018-11-14 22:32:13 · 436 阅读 · 0 评论 -
图片 居中 铺满容器 高度固定 (作为背景)轮播图 -不让图片变形使用
转载 2018-11-14 22:30:04 · 1367 阅读 · 0 评论 -
bootstart 列抵消 列排序 列偏移
<!DOCTYPE html><html lang="zh-cn"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta n转载 2018-11-14 22:19:56 · 245 阅读 · 0 评论 -
boostart栅格系统
<!--h5文档申明--><!DOCTYPE html><!--文档语言申明 en zh-CN zh-tw --><html lang="zh-CN"><head> <!--文档编码申明--> <meta charset="utf-8"> &转载 2018-11-14 22:05:07 · 942 阅读 · 0 评论 -
fastclick 插件 --解决移动端300ms延迟的问题
通过fastclick在移动端来正常使用click转载 2018-11-14 21:54:39 · 276 阅读 · 0 评论 -
tap事件原理
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>手势事件</title> <style> .box { width转载 2018-11-14 21:49:48 · 1273 阅读 · 0 评论 -
boostarp 各种屏幕元素显示和隐藏
转载 2018-11-14 22:22:04 · 745 阅读 · 0 评论 -
触摸事件-Jquery 触摸事件
touch是触摸事件组touchstart 当手指触摸屏幕touchmove 当手指在屏幕上移动touchend 当手指离开屏幕touchcancel 当被迫终止滑动touchList是触摸点changedTouches 改变后的触目点集合每个点都会去记录targetTouches 当前元素触摸点集合手指离开了不会记录touches 页面上所有触摸...转载 2018-11-14 21:13:43 · 2122 阅读 · 0 评论 -
点击高亮效果的设置和清除
/*点击高亮效果的清除 */ -webkit-tap-highlight-color: transparent;转载 2018-11-14 20:57:51 · 1888 阅读 · 0 评论 -
改变原型对以此来继承
由以上代码可知在正常的情况下,即 var stu = new Student();通过Student构造函数,创建了一个Studet实例对象stu那么 stu 的非标准原型对象__proto__根据原型链指向stu的构造函数 Student的标准原型对象prototype,而sayHi() 方法是添加到原型中的的方法,自然stu局可以调用 sayHi() 方法但是通过 Studen...原创 2018-10-28 22:55:57 · 142 阅读 · 0 评论 -
局部变量变为全局变量
转载 2018-10-24 23:18:31 · 1034 阅读 · 0 评论