wenbin_ouyang - 博客园

js DOM（三）节点、元素创建3种方式、为元素绑定多个事件addEventListener、attachEvent

摘要：目录： 1.节点的概念 2.节点的属性(nodeType,nodeName,nodeValue) 3.父节点(父元素) 4.获取子节点或子元素 5.获取节点、元素的方法（12行代码） 6.案例：div标签里面的p标签背景高亮(使用子节点或子元素的方式) 7.封装节点兼容代码 8.案例：切换背景图片阅读全文

posted @ 2020-01-12 23:33 wenbin_ouyang 阅读(2204) 评论(0) 推荐(1) 编辑

js DOM（二）获取元素的方式、innerText、textContent、innerHTML、自定义属性

摘要：目录： 1.案例：阻止超链接默认跳转行为 2.案例：相册 3.案例：列表隔行变色 4.案例：列表鼠标进入高亮显示(鼠标进入和鼠标移出事件) 5.显示和隐藏二维码 6.通过name属性获取元素（表单标签才有那么属性） 7.根据类样式的名字获取元素 8.其他获取元素的方式 9.案例：div的高亮显示(鼠阅读全文

posted @ 2020-01-12 21:34 wenbin_ouyang 阅读(3113) 评论(0) 推荐(0) 编辑

js DOM（一）注册事件、修改标签属性和样式

摘要：目录： 1.DOM的概念 2.为元素注册事件 3.案例：点击按钮显示图片及设置宽高 4.案例：点击按钮设置p标签的文本内容 5.案例：点击按钮修改超链接的地址及热点文字 6.案例: 点击按钮设置多个p标签内容 7.案例：点击按钮修改图片的alt和title属性 8.案例: 点击按钮修改多个文本框的值阅读全文

posted @ 2020-01-12 21:09 wenbin_ouyang 阅读(1064) 评论(0) 推荐(0) 编辑

js ECMAscript（二）作用域，预解析，创建对象，内置对象

摘要：目录： 1、作用域 2、预解析 3、创建对象的三种方式 4、访问对象属性和方法的方式 5、json格式的数据及遍历 6、简单类型和复杂类型，参数传递 7、内置对象 8、js的Math对象 9、js的String对象10、js的Araay对象11、js的Date对象 1、作用域 <--返回目录块级作阅读全文

posted @ 2020-01-12 01:54 wenbin_ouyang 阅读(167) 评论(0) 推荐(0) 编辑

js ECMAscript（一）变量，类型，运算符，流程控制，数组，函数

摘要：目录： 1、js介绍 2、js的书写位置 3、js代码的注意事项和注释 4、输出消息的几种方式 5、变量 6、数据类型和typeof 7、类型转换 8、运算符 9、流程控制10、数组11、函数12、js的全局函数13、js的函数重载 1、js介绍 <--返回目录 * js是一款运行在客户端的网页编程阅读全文

posted @ 2020-01-11 15:53 wenbin_ouyang 阅读(201) 评论(0) 推荐(0) 编辑

旧create-react-app项目集成jest+enzyme

摘要：在create-react-app创建的老项目上面集成jest-enzyme发现用上一篇博客的配置报错：看报错知道是上篇博客的.babelrc.js的配置没有生效。使用npm run eject指令将create-react-app项目的配置暴露出来，命令执行结果： Copying files 阅读全文

posted @ 2020-01-10 11:13 wenbin_ouyang 阅读(440) 评论(0) 推荐(0) 编辑

create-react-app项目集成jest+enzyme测试react组件

摘要：非create-react-app项目集成jest-enzyme参考https://github.com/facebook/jest/tree/master/examples/enzyme 1、create-react-app项目集成jest+enzyme 结构： 2、项目搭建创建项目：creat 阅读全文

posted @ 2020-01-09 16:25 wenbin_ouyang 阅读(918) 评论(0) 推荐(0) 编辑

现代化前端测试

摘要：目录 1、现代化前端测试模型2、nodejs的断言模块assert3、单元测试断言库 chai4、mocha--JavaScript test framework5、测试的覆盖率--Istanbul, a JavaScript test coverage tool 1、现代化前端测试模型 <--返回阅读全文

posted @ 2020-01-08 22:56 wenbin_ouyang 阅读(303) 评论(0) 推荐(0) 编辑

puppeteer入门

摘要： 1、demo结构： 2、安装puppeteer, 同时安装Chromium npm i puppeteer 3、代码 demo1.js const puppeteer = require('puppeteer'); (async () => { const browser = await puppe 阅读全文

posted @ 2020-01-08 16:14 wenbin_ouyang 阅读(353) 评论(0) 推荐(0) 编辑

windows安装解压版redis

摘要：目录： 1、windows安装解压版redis2、脚本启动redis服务和客户端（bat脚本放在redis安装根目录）3、redis注册成windows服务 1、windows安装解压版redis <--返回目录下载：https://github.com/MicrosoftArchive/redi 阅读全文

posted @ 2020-01-08 13:58 wenbin_ouyang 阅读(2823) 评论(0) 推荐(0) 编辑

木心

导航

公告