Javascript 对象(二) 基于原型的继承
继承中最重要的两个地方：设置原型和构造函数的引用 将”子类“原型指向父类的原型 Teacher.prototype = Object.create(Person.prototype); 将”子类“原型上的 constructor 属性指向子类构造函数 Teacher.prototype.constr ... 查看全文
JavaScript 随机
Math.random() Math.random() 返回 0（包括） 至 1（不包括） 之间的随机数： 实例 Math.random(); // 返回随机数 亲自试一试 Math.random() 总是返回小于 1 的数。 JavaScript 随机整数 Math.random() 与 Math ... 查看全文
超简单的求后缀数组算法-JavaScript
//查找 function find(str,hasSortArr,callback) { let l=0,r=hasSortArr.length; let index=-1; if(hasSortArr.length>0){ const ri=callback(str,hasSortArr[r-1 ... 查看全文
web前端入门到实战：html DOM简介
一 DOM是什么DOM是HTML和XML文档的编程接口。它不同于把html源码在浏览器窗口当做页面或使用文本编辑器当做纯文本展示，它是对文档的另一种结构化的表述。DOM把文档的所有节点都解析为一个对象，并提供了一些属性和方法来描述它们。DOM是W3C的标准。它被分为3个部分：核心DOM：针对任何结构化文档的标准模型XMLDOM：针对XML文档的标准模型HTMLDOM：针对HTML文档的标准模型D 查看全文
web前端入门到实战：HTML规范新内容，HTML6 真正需要的功能
HTML5规范在2014年正式发布。时至今日，虽然这一规范已经引入了许多新的API、功能和改进，但许多开发人员已经在展望下一代HTML规范了。一点点背景介绍有些人还是不知道HTML标准是怎样制定出来的。具体来说，一些组织提出自己的模式和协议，希望浏览器接受并使用它们；但很显然，唯一真正有话语权的组织是W3C。所以W3C来分析Web世界需要什么，然后他们编写并规划一些语言指南，这些指南最后将成为浏览 查看全文
node.js中http-server的使用
http-server的特点： http-server is a simple, zero-configuration command-line http server. It is powerful enough for production usage, but it's simple and ... 查看全文
selenimu--find_element_by_css_selector()方法汇总
一、单一属性定位 type selector driver.find_element_by_css_selector('input') id 定位 driver.find_element_by_css_selector('#kw') class定位 driver.find_element_by_cs ... 查看全文
深入理解React：diff 算法
目录 序言 React 的核心思想 传统 diff 算法 React diff 两个假设 三个策略 diff 具体优化 tree diff component diff element diff 小结 参考 1.序言 此篇文章所讨论的是 React 16 以前的 Diff 算法。而 React 16 ... 查看全文
javascript实用
JavaScript引擎是一个事件驱动的执行引擎，代码总是以单线程执行，而回调函数的执行需要等到下一个满足条件的事件出现后，才会被执行。 1. JavaScript不区分整数和浮点数，统一用Number表示。 NaN：表示Not a Number，当无法计算结果时用NaN表示。 Infinity：表 ... 查看全文
用JS和CSS3实现打字动画
我们经常希望一段文本中的字符逐个显示，模拟出一种打字的效果。类似于终端命令行的感觉。最终效果 用JS去实现： html： <span class="text"></span> <i class="cursor" style="display: none; border-right:2px solid ... 查看全文
纯css修改radio样式
效果如下： radio demo 注：这里如果radio加id，label标签for属性指向id则可以点击label是radio触发 如果不通过id来关联，则是需要直接点击radio才产生效果 ... 查看全文
窥探 Script 标签（步入现代 Web 开发的魔法世界）
窥探 Script 标签 0x01 什么是 script 标签？ script 标签允许你包含一些动态脚本或数据块到文档中，script 标签是非闭合的，你也可以将动态脚本或数据块当做 script 的文本节点。就是内联脚本。 一般我们最常用的就是写一些 JavaScript 脚本在 script ... 查看全文
html+css+js开发文本编辑器，有各种排版功能！
当点击上面的按钮，例如添加图片，就会直接向textarea文本框添加一段预设的图片标签。如果添加超链接，就会向文本框添加超链接标签，我们只需要把超链接和链接文字填上去即可。 <!DOCTYPE html> <html> <head> <title>Hello World</title> <meta ... 查看全文
JavaScript面试题（1）
第一题：赋值，调用 var a, b; (function () { alert(a); alert(b); var a = b = 3; alert(a); alert(b); })(); alert(a); alert(b); 依次弹出：undefined,undefined,3,3,undef ... 查看全文
使用node爬虫，爬取指定排名网站的JS引用库
前期准备 本爬虫将从网站爬取排名前几的网站，具体前几名可以具体设置，并分别爬取他们的主页，检查是否引用特定库。 github地址 所用到的node主要模块 express 不用多说 request http模块 cheerio 运行在服务器端的jQuery node-inspector node调试 ... 查看全文
extjs自定义下拉树
//创建treeCombox.jsExt.define('Redm.commons.TreeCombox', { extend : 'Ext.form.field.Picker', xtype : 'treecombox', triggerCls : Ext.baseCSSPrefix + 'for ... 查看全文
使用 html2canvas 将页面中某一部分转为图片下载
今天在项目中遇到一个需求是将生成的二维码和一些背景作为海报，然后将海报以图片的形式下载 使用了 html2canvas 插件 import html2canvas from "html2canvas"; <div class="tc" v-for="(item,index) in qrcodeLis ... 查看全文
Webpack.js 配置基本项说明
module.exports = { entry: "./src/main.js", //是页面中的入口文件，比如我这边的入口文件时main.js //output 是指页面通过webpack打包后生成的目标文件放在什么地方去，此处是在根目录下生成build文件夹，该文件夹内有一个build.js文... ... 查看全文
它的JS与HTML标签是分离的吗
一个单的利用JS切换图片的功能写法1： <section> <h2>JS切换图片</h2> <ul class="pictable"> <li><a href="img/1.jpg" onclick="showPic(this);return false" title="this picture i ... 查看全文
HTML CSS 实现鼠标悬停时图片拉近效果
前言 为了让网页的使用体验更好，我们会让网页的某些元素对鼠标的动作做出响应。例如鼠标滑过、单击按钮的时候按钮变色、变形。之前在很多网页上看到了鼠标滑过一个图片链接时图片放大、拉近的效果，今天尝试实现一下。 1. 使用background实现 思路：设置以图片作为div元素的背景，鼠标滑过div的时候 ... 查看全文