更新拿到一个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页面默认的上传的是比较难看的,需要重做一个背景图片,通过背景图片添加上传的图片...