更新拿到一个DOM节点后，我们可以对它进行更新。可以直接修改节点的文本，方法有两种：一种是修改innerHTML属性，这个方式非常强大，不但可以修改一个DOM节点的文本内容，还可以直接通过HTML片段修改DOM节点内部的子树：// 获取<p id="p-id">...</p> var p = document.getElementById(p-id); // 设置文本为abc: p.innerHTML = ABC; // <p id="p-id">ABC</p> // 设置HTML: p.innerHTML = ABC <span style="color:red">RED</span> XY...
js中有六种数据类型，包括五种基本数据类型（Number,String,Boolean,Null,Undefined）,和一种混合数据类型（Object）。js中变量是松散类型的，因此有时候我们需要检测变量的数据类型。1.Number类型Number类型包含整数和浮点数（浮点数数值必须包含一个小数点，且小数点后面至少有一位数字）两种值。浮点数将会自动转换为整数。var num = 1.00; console.log(num);//1，自动转换为整数浮点数的最高精度是17位，看下面的例子，结果竟然...
一：数组元素的添加1：pushvar f1=[1,2,3]f1.push(4,5)console.log(f1) //[1,2,3,4,5] 2:unshift() 方法可向数组的开头添加一个或更多元素，并返回新的长度。var f1=[1,2,3]f1.unshift(4,5) console.log(f1) //[4,5,1,2,3]3:splice() 方法向/从数组中添加/删除项目，然后返回被删除的项目(1)删除var f1=[1,2,3,4,5,6,7]f1.splice(4,2) console.log(f1) //[1, 2, 3, 4, 7](2)删除并添加var f1=[1,2,3,4,5,6] f1.splice(1,2,h) conso...
现在基于 js 和 web浏览器核心构建的 C/S 程序越来越多，比如微信桌面版（基于 duilib 和 cef）、VS CODE（基于electron）等，出于了解的目的，最近学习了 electron。electron具体是什么，可以做什么，这里不做过多的介绍，网上很多相关的介绍，这里主要介绍在VS2017下怎么进行 electron 应用程序的开发。一、环境搭建安装 node.js 及 npm。安装 vs2017 ，必须安装 node.js web开发包。二、创建空白 Node.js 控制台应用程序项目创建...
图片懒加载， 思路:当鼠标滑动到对应图片的高度时，进行图片的加载； <!DOCTYPE html> <html><head><meta charset="UTF-8"><title></title><style type="text/css">#div{width: 575px;height: auto;overflow: hidden;border: red 1px solid;margin: 0 auto;/*给该div设置定位*/position: relative;}#div img{width: 267px;height: 396px;margin-left: 10px;border: 1px solid #000;}</style><script type="text/javascript">...
本文记录了自己利用原生javascript构建自己的动画库的过程，在不断改进的过程中，实现以下动画效果：针对同一个dom元素上相继发生的动画，针对以下功能，尝试实现方案，（从一个元素向多个元素的拓展并不难，这里不做深入探究）：功能1.知道动画A和动画B的发生顺序（如A先发生，B后发生），能够按照代码撰写顺序实现动画A结束时，动画B调用功能2.在满足功能1的基础上更进一步，当不知道动画A和动画B的发生顺序（如点击按钮1触发动画...
怎样FileUpload控件浏览选择图片的时候在img上同时显示出来(不用按上传) 下面代码能实现:这个我也找过很长时间， 我把我的给你你再试一下吧。Js部分：<script type="text/javascript">function ShowImg(obj) {var AllowExt = ".jpg|.gif|.bmp|.png|";var FileExt = obj.value.substr(obj.value.lastIndexOf(".")).toLowerCase();if (AllowExt != 0 && AllowExt.indexOf(FileExt + "|") == -1) //判断文件类型是否允许上传{alert("...
按模块定义配置文件thinkjs 允许开发者直接在 src/common/config/ 下面配置自己的参数，直接增加 js 文件即可，文件名只要符合 json 属性名要求即可，文件内容遵照如下格式：// 新增文件 assets.js 键入如下内容use strict;export default {// key: value};文件内容只要符合一个 json 对象格式的定义即可。来看一个 log4js 的配置定义：// log4js.jsuse strict;export default {appenders: [{ type : "console", category: "c...
本文github仓库地址: ，里面包括了本教程的所有代码。【如果你觉得这篇文章写得不错，麻烦给本仓库一颗星:-D】1. 导语1.1 什么叫做webpackwebpack is a module bundler.webpack takes modules with dependencies and generates static assets representing those modules.简单的概括就是：webpack是一个模块打包工具，处理模块之间的依赖同时生成对应模块的静态资源。1.2 webpack可以做一些什么事情图中已经很清楚的反应了几个信息...
直接打开html文件，是以file:///方式打开的，这种方式很多时候会遇到跨域的问题，因此我们一般会搭建一个简易的本地服务器，来运行测试页面。一、构建静态服务器1、使用express模块建立个js文件，命名server，内容代码如下： 1 var express = require(express); 2 var app = express(); 3 var path = require(path); 4 5 //指定静态资源访问目录 6 app.use(express.static(require(path).join(__dirname, public))); 7 // app.use...
1、批量设置样式setGroupCssfunction setGroupCss(curEle,options){//通过检测options的数据类型，如果不是一个对象，则不能进行批量操作if(Object.prototype.toString.call(options)!=="[object Object]"){return;}//遍历对象中的每一项，调取setCss方法一个个进行设置即可for(var key in options){if(options.hasOwnProperty(key)){setCss(curEle,key,options[key])} }}2、封装css方法//此方法实现了获取、单独设置、批量...
关注点：父子组件之间的通信看图说话：Pass Props子组件本身与父组件是孤立的，通过子组件中显示声明的props属性，接收父组件数据;父组件的数据更新时，子组件的prop会跟着更新；此数据流动是单向的（看着）;Emit Events子组件使用$.emit(fn)向外抛出自己的内部触发的事件;父组件是否监听？如果父组件需要监听，使用v-on绑定监听，触发对应事件;以上为通用语，具体分析子组件可以接收一个字符串，在子组件内部可以用{{label}}使用 ...
本实现基于jquery,完美实现拖动改变表格的列大小功能，只需将代码放置在你页面的底部即可（jquery必须先引入）。$(function () {var isMouseDown = false;var currentTh = null;$(table th).bind({mousedown:function (e) { var $th = $(this); var left = $th.offset().left; //元素距左 var rightPos = left + $th.outerWidth(); if (rightPos-4<= e.pageX && e.pageX <= rightPos) {isMouseDow...
实例选择鼠标指针浮动在其上的元素，并设置其样式：a:hover{ background-color:yellow;}//hover,鼠标移入移出的另一种用法<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title>左导航特效</title><style type="text/css">* {margin: 0px;padding: 0px;font-size: 12px;}#nav .navsBo...
本篇文章主要介绍了NodeJS实现图片上传代码(Express) ，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧文件上传是每个网站不可避免的，最近需要做些上传图片的功能，主要解决两个问题，一个是文件上传样式和服务端路径保存，功能很简单，做起来倒是没那么简单，先从最简单的页面的上传页面的样式开始。页面样式Html页面默认的上传的是比较难看的，需要重做一个背景图片，通过背景图片添加上传的图片...