coder i++
coder i++

JavaScript从入门到精通(第二版) 核心知识总结

JavaScript从入门到精通第二版 .pdf

      • 九、事件处理
      • 十、处理文档(document对象)
      • 十一、文档对象模型（DOM对象）
      • 十二、窗口对象
      • 十三、级联样式表CSS
      • 十四、表单和表单元素

核心知识总结。

基础知识总结可以看下这里 https://blog.csdn.net/weixin_53370274/article/details/121260382

九、事件处理

js是基于对象（object-based）语言，它的一个最基本的特征就是采用事件驱动（event-driven）。它可以使在图形界面环境下的一切操作变得简单化。通常鼠标或热键的动作称为事件（event）。由鼠标或热键引发的一连串程序动作，称为事件驱动（event driver），而对事件进行处理的程序或函数，称为事件处理程序（event handelr）。
事件处理的过程分为三步：
1、发生事件。
2、启动事件处理程序 。
3、事件处理程序做出反应。
其中，要使事件处理程序能够启动，必须通过指定的对象来调用相应的事件，然后通过该事件调用事];mgfxz46890-=理程序。事件处理程序可以是任意javascript语句，但是一般用特定的自定义函数（function)来对事件进行处理。
-js中常用事件
JavaScript从入门到精通(第二版) 核心知识总结_第1张图片
JavaScript从入门到精通(第二版) 核心知识总结_第2张图片
JavaScript从入门到精通(第二版) 核心知识总结_第3张图片

  • dom事件模型
    这点的少许介绍可以看下这里
    事件流
    dom(文档对象模型）结构是一个树形结构，当一个html元素产生一个事件时，该事件会在元素节点与根节点之间的路径传播，路径所经过的节点都会收到该事件，这个传播过程可称为dom事件流。
  • 主浏览器事件模型
    冒泡型事件：从DOM树叶子节点沿祖先节点一直向上传递直到根节点。一直传递到最不确定的目标要元素。
    捕获型事件：netscape navigator的实现，与冒泡相反。由DOM树根节点一直传递到最精确的元素。
    DOM标准事件模型：两个不同的模型各有优缺点和解释，DOM标准支持两个类型，是它们的结合体。可以在一个ＤOM元素上绑定多个事件处理器，并且在处理函数内部，this关键字仍然指向被绑定的DOM元素，另外处理函数参数列表的第一个位置传递事件event对象。
    首先是捕获式传递，接着是冒泡式传递。如果一个函数既注册冒泡型事件监听，又注册了捕获型事件监听，那么在DOM事件模型中就会被调用两次。
  • 事件监听注册与移除
    IE7中 ，IE7已经淘汰。
    element.attachEvent(“onclick”,observer);
    element.detachEvent(“onclick”,observer);
  • DOM标准下注册多个事件监听器与移除监听器方法
    element.addEventListener(“click”,observer,useCapture);
    click为事件名称，这里不以"on"开头；observer为回调函数；useCapture注明该处理回调函数是在事件传递过程中的捕获阶段被调用还是冒泡阶段被调用，默认true为捕获阶段。
    element.removeEventListener(“clck”,observer,useCapture);
  • 直接在DOM节点上添加事件
    取消浏览器的事件传递后，事件将不再传递。
    ie中设置event.cancelBubble为true即可。
function someHandle(){
	window.event.cancelBubble=true;
}

dom标准调用：event.stopPropagation()即可。

  • 取消事件传递后的默认处理
    ie中 ：window.event.returnValue=false
    dom标准：event.preventDefault();
跨浏览器停止
function someHandle(event){
	event = event|window.event;
	if(event.stopPropagation){
		event.stopPropagation();
	}
	else {
		evnt.cancelBubble=true;
	}
}
  • 鼠标键盘事件
    单击事件（onclick）是在鼠标单击时被触发的事件。单击是鼠标停留在对象上，按下鼠标键，在没有移动鼠标的同时释放鼠标按键的这一完整过程。
    一般用于button checkbox radio image link reset submit这些对象。
    鼠标按键事件在上面的图片中有介绍，也比较容易些。
  • 键盘事件
    onkeypress是某个键被按下并且释放时触发，一般用于单键操作。
    onkeydown是某个键被按下时触发，一般用于快捷键。
    onkeyup是某个键被按下后松开时触发，一般用于快捷键。
    JavaScript从入门到精通(第二版) 核心知识总结_第4张图片
    以上键码值只有在文本框中才完全有效，如果在页面中使用（body标记中使用），
    则只有字母键、数字键和部分控制键可用，其字母键和数字键的键值与ascii值相同。
  • 页面相关事件
    加载与卸载事件 大小改变
    onload onunload onresize
  • 表单相关事件
    onfocus() onchange() onsubmit() onreset()
  • 字母滚动
    marquee 标记中的内容滚动到上下或左右边界时触发的事件处理程序，该事件只有在marquee标记的behavior属性设置为aloernate时才有效。
    behavior属性aloernate，direction可设方向,当字母到边界时可以修改scrollAmount来设置滚动速度。
    onbounce() onstart()
  • 编辑事件
    复制 粘贴 剪切等。
    选择事件 onselect()和onselectstart()
  • 对象拖动事件
    JavaScript从入门到精通(第二版) 核心知识总结_第5张图片
    JavaScript从入门到精通(第二版) 核心知识总结_第6张图片
    JavaScript从入门到精通(第二版) 核心知识总结_第7张图片

十、处理文档(document对象)

  • document对象的属性
    JavaScript从入门到精通(第二版) 核心知识总结_第8张图片
    JavaScript从入门到精通(第二版) 核心知识总结_第9张图片
  • document对象的方法
方法 说明
close 文档的输出
open 打开一个文档输出流并接收write()和writeln()方法的创建页面内容
write 向文档中写入html或js语句
writeln 向文档中写入js或html语句，并换行结束
createElement 创建一个html标记
getElementById 获取指定id的html标记
  • document对象的事件
    JavaScript从入门到精通(第二版) 核心知识总结_第10张图片
    JavaScript从入门到精通(第二版) 核心知识总结_第11张图片
  • document对象应用
    超链接颜色设置
<body>
<a id="a1" href="www.sina.com">sina</a>
<script language="text/javascript">
document.vlinkColor="#00ccff";
document.linkColor="#11ddee";
document.alinkColor="#000000";
document.bgColor="#FFFF99";
document.fgColor="#ccffcc";
document.fileModifiedDate
document.lastModified
document.fileSize
document.title
</script>
</body>

<body>
<script type="text/javascript">
document.write(document.URL);
function seturl(t){
	document.URL=t;
	var u = document.URL;
	return u;
}
</script>
<input name="titlename" type="text">
<input name="btn" value="go" onclick="seturl(titlename.value)" type="button">
</body>
  • 获取对象的当前状态
    obj.readyState
状态值 说明
loading 表示该对象正在载入数据
loaded 载入数据完毕
interactive 用户可以和该对象进行交互，不管该对象是否已经加载完毕
complete 初始化完毕 
<body>
<input name="t1" type="text">
<script type="text/javascript">
document.write(t1.readyState);
document.write(document.readyState);
document.writeln(document.readyState);
</script>
</body>
  • 打开新窗口并输出内容
    obj = document.open(url,name);
    document.close();
var dw;
dw = window.open();
dw.document.open();
dw.document.write("a");
dw.document.writeln("abc");
  • 动态添加内容
    var txt= document.createElement(“input”);
    txt.type=“text”;
    txt.name=“txt”;
    txt.value=“动态添加文本”;
    document.form1.appendChild(txt);
    var gtxt = document.getElementById(“txt”);
    gtxt.value=“修改文本内容”;

十一、文档对象模型（DOM对象）

Document Object Model。
JavaScript从入门到精通(第二版) 核心知识总结_第12张图片
JavaScript从入门到精通(第二版) 核心知识总结_第13张图片
JavaScript从入门到精通(第二版) 核心知识总结_第14张图片

  • 文档树遍历
    obj.parentNode obj.firstChild obj.lastChild obj.previousSibling obj.nextSibling
  • 创建新节点
    obj.appendChild(newChild)
    function createChild(){
    var b = document.createElement(“b”);
    var txt = document.createTextNode(“textnode”);
    b.appendChild(txt);
    document.body.appendChild(b);
    }
    或创建多个新节点，通过for循环。
  • 插入节点
    obj.insertbefore(new,ref)。该方法将新的子节点添加到当前节点的末尾。
    new表示新节点，ref指定一个节点，在这个节点前插入新的节点。

JavaScript从入门到精通(第二版) 核心知识总结_第15张图片

  • 复制节点
    obj.cloneNode(deep) deep是否为深度复制。深度复制是将当前节点的所有子节点全部复制，当值为true时表示深度复制，
    当值为false时表示简单复制，简单复制只复制当前节点，不复制其子节点。
  • 删除节点
    obj.removeChild(oldChild)
    JavaScript从入门到精通(第二版) 核心知识总结_第16张图片
  • 替换节点
    obj.replaceChild(new,old)将旧的节点，换为新的节点。
    JavaScript从入门到精通(第二版) 核心知识总结_第17张图片
  • 获取文档中指定元素
    document.getElementById(“id”)
    document.getElementByName("name)
  • 与DHTML对应的DOM
    通过innerHTML innerText outerHTML outerText属性可以很方便地读取和修改HTML元素内容。

JavaScript从入门到精通(第二版) 核心知识总结_第18张图片
JavaScript从入门到精通(第二版) 核心知识总结_第19张图片

十二、窗口对象

JavaScript从入门到精通(第二版) 核心知识总结_第20张图片
JavaScript从入门到精通(第二版) 核心知识总结_第21张图片
JavaScript从入门到精通(第二版) 核心知识总结_第22张图片

  • 对话框 警告 确认
    window.alert(str)
    var bl = window.config(str);
    window.prompt(str1,str2);//
  • 打开窗口
    var win = window.open(url,windowname,[,localtion]);
    JavaScript从入门到精通(第二版) 核心知识总结_第23张图片
    JavaScript从入门到精通(第二版) 核心知识总结_第24张图片
    window.close();
    close();
    this.close();
  • 控制窗口
    window.moveTo(x,y);窗口左上角的x坐，左上角的y坐标
    window.resizeTo(x,y)。x、y表示宽度和高度。
    JavaScript从入门到精通(第二版) 核心知识总结_第25张图片
    window.screen.width
    window.screen.height
    window.screen.colorDepth
    window.screen.availWidth
    window.screen.availHeight
    window.resizeBy(x,y)，将当前窗口改变指定的大小(x,y)，当x,y的值大于0时为扩大，小于0时为缩小。
    window.scroll(x,y) x,y屏幕的横向纵向坐标。
    window.scrollTo(x,y)
    window.scrollBy(x,y)
    JavaScript从入门到精通(第二版) 核心知识总结_第26张图片
    还可用history.go()方法指定要访问的历史记录，若参数为正数，则向前移动，若参数为负数，则向后移动。
    向后退一次
    window.history.go(2)向前前进两次。
    window.history.go(window.history.length-1) 末尾
  • 控制窗口状态栏
    window.status=str;
    window.defaultstatus=str;
    status与defaultstatus的区别在于信息显示时间的长短。defaultstatus()方法的值会在任何时间显示，status()方法的值只在某个事件发生的瞬间显示。
  • 窗口时间与超时设定
    window.setTimeout(timerid)和window.clearTimeout(timerid)
    timerid是一个函数，也可以是其他javascript语句。以毫秒为时间单位。
  • 窗口事件

JavaScript从入门到精通(第二版) 核心知识总结_第27张图片

JavaScript从入门到精通(第二版) 核心知识总结_第28张图片
JavaScript从入门到精通(第二版) 核心知识总结_第29张图片
JavaScript从入门到精通(第二版) 核心知识总结_第30张图片

JavaScript从入门到精通(第二版) 核心知识总结_第31张图片

十三、级联样式表CSS

HTML与CSS是内容与形式的关系。
JavaScript从入门到精通(第二版) 核心知识总结_第32张图片
JavaScript从入门到精通(第二版) 核心知识总结_第33张图片
JavaScript从入门到精通(第二版) 核心知识总结_第34张图片
JavaScript从入门到精通(第二版) 核心知识总结_第35张图片
JavaScript从入门到精通(第二版) 核心知识总结_第36张图片

JavaScript从入门到精通(第二版) 核心知识总结_第37张图片
JavaScript从入门到精通(第二版) 核心知识总结_第38张图片
JavaScript从入门到精通(第二版) 核心知识总结_第39张图片

  • 通用选择器
    通用选择器就是一个"*“，意思包含所有元素，下面是一个定义通用选择器的实例。
*{
	fond-size:8px;
}

上面定义的通用选择器表示，页面中所有文字的大小为8像素，然而通用选择器的优先权不是最高的，如果此时定义了id选择器并设置页面字体的大小，那么页面就遵循id选择器定义的内容。

  • 行内样式

JavaScript从入门到精通(第二版) 核心知识总结_第40张图片

  • 内嵌样式表
    JavaScript从入门到精通(第二版) 核心知识总结_第41张图片
  • 链接式样式表
    JavaScript从入门到精通(第二版) 核心知识总结_第42张图片
    JavaScript从入门到精通(第二版) 核心知识总结_第43张图片
  • css继承
    子标记会继承父标记定义的样式，并且可以在父标记样式的基础上加以修改，这样会产生新的样式，而子标记的样式风格不会影响到父标记。
    在这里插入图片描述

十四、表单和表单元素

表单主要功能是收集用户信息。
表单**之间的一切都属于表单的内容。
method name action
JavaScript从入门到精通(第二版) 核心知识总结_第44张图片
JavaScript从入门到精通(第二版) 核心知识总结_第45张图片

JavaScript从入门到精通(第二版) 核心知识总结_第46张图片

JavaScript从入门到精通(第二版) 核心知识总结_第47张图片

  • js中访问表单
    document.forms[]按编号访问
    document.forms[]按名称访问
    如window.document.forms[0]、window.document.forms[‘form1’]或者使用window.document.form1
  • js中访问表单域
    window.document.forms.text1或者window.document.forms.elements[“text1”]。
  • 表单验证
    对textbox或其它输入的验证。

你可能感兴趣的:(javascript,javascript)

  • Long类型前后端数据不一致 igotyback 前端
    响应给前端的数据浏览器控制台中response中看到的Long类型的数据是正常的到前端数据不一致前后端数据类型不匹配是一个常见问题，尤其是当后端使用Java的Long类型（64位）与前端JavaScript的Number类型（最大安全整数为2^53-1，即16位）进行数据交互时，很容易出现精度丢失的问题。这是因为JavaScript中的Number类型无法安全地表示超过16位的整数。为了解决这个问
  • DIV+CSS+JavaScript技术制作网页（旅游主题网页设计与制作）云南大理 STU学生网页设计 网页设计期末网页作业html静态网页html5期末大作业网页设计web大作业
    ️精彩专栏推荐作者主页:【进入主页—获取更多源码】web前端期末大作业：【HTML5网页期末作业(1000套)】程序员有趣的告白方式：【HTML七夕情人节表白网页制作(110套)】文章目录二、网站介绍三、网站效果▶️1.视频演示2.图片演示四、网站代码HTML结构代码CSS样式代码五、更多源码二、网站介绍网站布局方面：计划采用目前主流的、能兼容各大主流浏览器、显示效果稳定的浮动网页布局结构。网站程
  • 关于城市旅游的HTML网页设计——(旅游风景云南 5页)HTML+CSS+JavaScript 二挡起步 web前端期末大作业javascripthtmlcss旅游风景
    ⛵源码获取文末联系✈Web前端开发技术描述网页设计题材，DIV+CSS布局制作,HTML+CSS网页设计期末课程大作业|游景点介绍|旅游风景区|家乡介绍|等网站的设计与制作|HTML期末大学生网页设计作业，Web大学生网页HTML：结构CSS：样式在操作方面上运用了html5和css3，采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识JavaScrip
  • HTML网页设计制作大作业（div+css） 云南我的家乡旅游景点 带文字滚动 二挡起步 web前端期末大作业web设计网页规划与设计htmlcssjavascriptdreamweaver前端
    Web前端开发技术描述网页设计题材，DIV+CSS布局制作,HTML+CSS网页设计期末课程大作业游景点介绍|旅游风景区|家乡介绍|等网站的设计与制作HTML期末大学生网页设计作业HTML：结构CSS：样式在操作方面上运用了html5和css3，采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识JavaScript：做与用户的交互行为文章目录前端学习路线
  • node.js学习 小猿L node.jsnode.js学习vim
    node.js学习实操及笔记温故node.js，node.js学习实操过程及笔记~node.js学习视频node.js官网node.js中文网实操笔记githubcsdn笔记为什么学node.js可以让别人访问我们编写的网页为后续的框架学习打下基础，三大框架vuereactangular离不开node.jsnode.js是什么官网：node.js是一个开源的、跨平台的运行JavaScript的运行
  • JavaScript 中，深拷贝（Deep Copy）和浅拷贝（Shallow Copy） 跳房子的前端 前端面试javascript开发语言ecmascript
    在JavaScript中，深拷贝（DeepCopy）和浅拷贝（ShallowCopy）是用于复制对象或数组的两种不同方法。了解它们的区别和应用场景对于避免潜在的bugs和高效地处理数据非常重要。以下是对深拷贝和浅拷贝的详细解释，包括它们的概念、用途、优缺点以及实现方式。1.浅拷贝（ShallowCopy）概念定义：浅拷贝是指创建一个新的对象或数组，其中包含了原对象或数组的基本数据类型的值和对引用数
  • JavaScript `Map` 和 `WeakMap`详细解释 跳房子的前端 JavaScript原生方法javascript前端开发语言
    在JavaScript中，Map和WeakMap都是用于存储键值对的数据结构，但它们有一些关键的不同之处。MapMap是一种可以存储任意类型的键值对的集合。它保持了键值对的插入顺序，并且可以通过键快速查找对应的值。Map提供了一些非常有用的方法和属性来操作这些数据对：set(key,value):将一个键值对添加到Map中。如果键已经存在，则更新其对应的值。get(key):获取指定键的值。如果键
  • 切换淘宝最新npm镜像源是 hai40587 npm前端node.js
    切换淘宝最新npm镜像源是一个相对简单的过程，但首先需要明确当前淘宝npm镜像源的状态和最新的镜像地址。由于网络环境和服务更新，镜像源的具体地址可能会发生变化，因此，我将基于当前可获取的信息，提供一个通用的切换步骤，并附上最新的镜像地址（截至回答时）。一、了解npm镜像源npm（NodePackageManager）是JavaScript的包管理器，用于安装、更新和管理项目依赖。由于npm官方仓库
  • 高性能javascript--算法和流程控制 海淀萌狗
    -for,while和do-while性能相当-避免使用for-in循环，==除非遍历一个属性量未知的对象==es5:for-in遍历的对象便不局限于数组，还可以遍历对象。原因：for-in每次迭代操作会同时搜索实例或者原型属性，for-in循环的每次迭代都会产生更多开销，因此要比其他循环类型慢，一般速度为其他类型循环的1/7。因此，除非明确需要迭代一个属性数量未知的对象，否则应避免使用for-i
  • 360前端星计划-动画可以这么玩 马小蜗
    动画的基本原理定时器改变对象的属性根据新的属性重新渲染动画functionupdate(context){//更新属性}constticker=newTicker();ticker.tick(update,context);动画的种类1、JavaScript动画操作DOMCanvas2、CSS动画transitionanimation3、SVG动画SMILJS动画的优缺点优点：灵活度、可控性、性能
  • JavaScript中秋快乐！ Q_w7742 javascript开发语言ecmascript
    我们来实现一个简单的祝福网页~主要的难度在于使用canvas绘图当点击canvas时候，跳出“中秋节快乐”字样，需要注册鼠标单击事件和计时器。首先定义主要函数：初始化当点击canvas之后转到onCanvasClick函数，绘图生成灯笼。functiononCanvasClick(){//事件处理函数context.clearRect(0,0,canvas1.width,canvas1.heigh
  • Nginx从入门到实践(三) 听你讲故事啊
    动静分离动静分离是将网站静态资源（JavaScript，CSS，img等文件）与后台应用分开部署，提高用户访问静态代码的速度，降低对后台应用访问。动静分离的一种做法是将静态资源部署在nginx上，后台项目部署到应用服务器上，根据一定规则静态资源的请求全部请求nginx服务器，达到动静分离的目标。rewrite规则Rewrite规则常见正则表达式Rewrite主要的功能就是实现URL的重写，Ngin
  • Nginx的使用场景：构建高效、可扩展的Web架构 张某布响丸辣 nginx前端架构
    Nginx，作为当今最流行的Web服务器和反向代理软件之一，凭借其高性能、稳定性和灵活性，在众多Web项目中扮演着核心角色。无论是个人博客、中小型网站，还是大型企业级应用，Nginx都能提供强大的支持。本文将探讨Nginx的几个主要使用场景，帮助读者理解如何在实际项目中充分利用Nginx的优势。1.静态文件服务对于包含大量静态文件（如HTML、CSS、JavaScript、图片等）的网站，Ngin
  • 前端知识点 ZhangTao_zata 前端javascriptcss
    下面是一个最基本的html代码body{font-family:Arial,sans-serif;margin:20px;}//JavaScriptfunctionthatdisplaysanalertwhencalledfunctionshowMessage(){alert("Hello!Youclickedthebutton.");}MyFirstHTMLPageWelcometoMyPage
  • 【JS】前端文件读取FileReader操作总结 程序员-张师傅 前端前端javascript开发语言
    前端文件读取FileReader操作总结FileReader是JavaScript中的一个WebAPI，它允许web应用程序异步读取用户计算机上的文件（或原始数据缓冲区）的内容，例如读取文件以获取其内容，并在不将文件发送到服务器的情况下在客户端使用它。这对于处理图片、文本文件等非常有用，尤其是当你想要在用户界面中即时显示文件内容或进行文件预览时。创建FileReader对象首先，你需要创建一个Fi
  • webstorm报错TypeError: this.cliEngine is not a constructor Blue_Color
    点击Details在控制台会显示报错的位置TypeError:this.cliEngineisnotaconstructoratESLintPlugin.invokeESLint(/Applications/RubyMine.app/Contents/plugins/JavaScriptLanguage/languageService/eslint/bin/eslint-plugin.js:97:
  • 创建一个完整的购物商城系统是一个复杂的项目，涉及前端（用户界面）、后端（服务器逻辑）、数据库等多个部分。由于篇幅限制，我无法在这里提供一个完整的系统代码，但我可以分别给出一些关键部分的示例代码，涵盖几 uthRaman 前端ui服务器
    前端（HTML/CSS/JavaScript）grsyzp.cnHTML页面结构（index.html）html购物商城欢迎来到购物商城JavaScript（Ajax请求商品数据，app.js）javascriptdocument.addEventListener('DOMContentLoaded',function(){fetch('/api/products').then(response=
  • 了解 UNPKG：前端开发者的包管理利器 小于负无穷 前端javascripttypescriptcsshtml5node.js
    在现代前端开发中，JavaScript包管理和模块化是至关重要的，而npm则是最流行的JavaScript包管理器之一。不过，随着前端项目复杂性的增加，有时候我们希望快速引入外部依赖，而无需本地安装和构建。此时，CDN（内容分发网络）成为了一种方便快捷的解决方案，而UNPKG就是这种方式中的佼佼者。什么是UNPKG？UNPKG是一个基于npm的内容分发网络（CDN），它允许开发者直接通过URL从n
  • 2019-05-29 vue-router的两种模式的区别 Kason晨
    1、大家都知道vue是一种单页应用,单页应用就是仅在页面初始化的时候加载相应的html/css/js一单页面加载完成,不会因为用户的操作而进行页面的重新加载或者跳转,用javascript动态的变化html的内容优点:良好的交互体验,用户不需要刷新页面,页面显示流畅,良好的前后端工作分离模式,减轻服务器压力,缺点:不利于SEO,初次加载耗时比较多2、hash模式vue-router默认的是hash
  • electron多标签页模式更像客户端 diygwcom electronjavascript前端
    Electron多标签页模式是指在Electron框架中实现的类似Web浏览器的多标签页功能。Electron是一个使用Web技术（HTML、CSS和JavaScript）来创建跨平台桌面应用程序的框架。在Electron中实现多标签页模式，通常需要借助一些特定的库或组件，如BrowserView或electron-tabs，或者通过自定义实现。实现方式1.使用BrowserViewBrowser
  • 外卖霸王餐返利外卖会员卡小程序开发 闹小艾 good506070微信小程序小程序
    外卖霸王餐返利外卖会员卡小程序开发"社交电商赋能下的外卖返利小程序"是专为商家与用户双赢而设计的创新平台。以下是其开发方案的详细步骤：一、需求梳理：首先，我们需要明确小程序的核心功能和特色。包括设定活动类型、返利策略，以及用户体验友好的界面设计。二、技术决策：技术选型是关键。我们采用小程序的开发框架，利用JavaScript作为前端开发语言，并结合微信提供的API进行后端接口调用与数据处理。三、账
  • Axure设计之全屏与退出全屏交互实现 招风的黑耳 Axureaxure交互
    在AxureRP中，设计全屏与退出全屏的交互功能可以极大地提升用户体验，尤其是在展示产品原型或进行演示时。本文将详细介绍如何在AxureRP中通过结合JavaScript代码实现全屏与退出全屏的交互效果。Axure原型设计web端交互元件库：https://1zvcwx.axshare.com一、设计思路全屏与退出全屏的交互设计主要依赖于JavaScript代码来控制浏览器的全屏模式。在Axure
  • 全面指南：用户行为从前端数据采集到实时处理的最佳实践 数字沉思 营销流量运营系统架构前端内容运营大数据
    引言在当今的数据驱动世界，实时数据采集和处理已经成为企业做出及时决策的重要手段。本文将详细介绍如何通过前端JavaScript代码采集用户行为数据、利用API和Kafka进行数据传输、通过Flink实时处理数据的完整流程。无论你是想提升产品体验还是做用户行为分析，这篇文章都将为你提供全面的解决方案。设计一个通用的ClickHouse表来存储用户事件时，需要考虑多种因素，包括事件类型、时间戳、用户信
  • EcmaScript和JavaScript的区别 每天吃八顿 前端ecmascript
    ECMAScript和JavaScript是经常被混淆的两个术语，但实际上它们之间存在一些区别：ECMAScript：ECMAScript（通常缩写为ES，并且有版本号如ES5,ES6和ES7等）是由ECMA国际（EuropeanComputerManufacturersAssociation）制定的一种脚本语言的规范。这个规范定义了语法、命令、数据类型等基本元素。ECMAScript是一种规范，
  • javascript添加p元素，html添加文字，appendChild 游勇一 javascripthtml添加pappendChild
    javascript添加p元素，html添加文字，appendChild。网页添加p元素效果截图。个人签名：游志勇，预制板，南托岭预制场。文字展示#wordsadd{font-size:70px;word-break:break-all;}#wordsaddp{margin:002px0;padding:002px0;line-height:93%;}.btn_width{width:90px;}
  • CesiumJS+SuperMap3D.js混用实现可视域分析 S3M图层加载 裁剪区域绘制 SteveJi666 WebGLcesiumEarthSDKSuperMap3djavascript前端arcgis
    版本简介：cesium：1.99；Supermap3D：SuperMapiClientJavaScript11i(2023)；官方下载文档链家：SuperMap技术资源中心|为您提供全面的在线技术服务示例参考：support.supermap.com.cn:8090/webgl/Cesium/examples/webgl/examples.html#analysissupport.supermap
  • html打开本地excel文件夹,html使用excel表格数据库-html读取本地excel文件并展示 睿理
    html表格如何导入到excel中在vs里面用添加数据源就可以啊,再使用数据控件,就可以操作.添加数据源可以用odbc数据源,两种方式1,是在控制面板的管理工具里在ODBC里先设置好.2,是使用连接字符串.用vs的添加数据源向导做.html中有没有类似excel表格，可以填数的表格控件？首先html不能读取本地excel文件其次就算是javascript也是不允许的这是为了安全考虑如果前端脚本可以
  • 如何在 Python 中声明一个静态属性? 潮易 python开发语言
    在Python中，静态属性的定义和使用方式与JavaScript中的类似，主要是通过`@staticmethod`装饰器来实现。静态属性不需要实例化对象就可以访问，它们属于类本身。###如何声明一个静态属性：1.首先，需要在属性名前添加`@staticmethod`装饰器。2.接下来，定义一个普通方法，该方法的第一个参数通常为`cls`（用于表示类的引用）。###代码示例：```pythoncla
  • 数据格式：什么是JSON和XML isNotNullX jsonxml
    JSON和XML都是数据交换的一种格式，用于在不同的系统和应用程序之间传输和存储数据。本文将解释JSON和XML的基础内容，并探讨两者的不同。一·什么是JSON？1.JSON（JavaScriptObjectNotation）即JavaScript对象标记法：-JSON是一种轻量级的数据交换格式，易于人阅读和编写，同时也易于机器解析和生成。-JSON基于JavaScript的一个子集，但JSON是
  • HighCharts图表自动化简介 知识的宝藏 Selenium高级篇Selenium图表自动化测试highcharts图表自动化Selenium图表自动化图表自动化测试highchartsSelenium
    什么是分析数据？在任何应用程序中捕获并以图形或图表形式显示的分析数据是任何产品或系统的关键部分，因为它提供了对实时数据的洞察。验证此类分析数据非常重要，因为不准确的数据可能会在报告中产生问题，并可能影响应用程序/系统的其他相关领域。什么是HighChart？Highcharts是一个用纯JavaScript编写的j基于SVG成图技术的图表库，提供了一种简单的方法来向您的网站或Web应用程序添加交互
  • 关于旗正规则引擎下载页面需要弹窗保存到本地目录的问题 何必如此 jsp超链接文件下载窗口
    生成下载页面是需要选择“录入提交页面”，生成之后默认的下载页面<a>标签超链接为：<a href="<%=root_stimage%>stimage/image.jsp?filename=<%=strfile234%>&attachname=<%=java.net.URLEncoder.encode(file234filesourc
  • 【Spark九十八】Standalone Cluster Mode下的资源调度源代码分析 bit1129 cluster
    在分析源代码之前，首先对Standalone Cluster Mode的资源调度有一个基本的认识： 首先，运行一个Application需要Driver进程和一组Executor进程。在Standalone Cluster Mode下，Driver和Executor都是在Master的监护下给Worker发消息创建(Driver进程和Executor进程都需要分配内存和CPU，这就需要Maste
  • linux上独立安装部署spark daizj linux安装spark1.4部署
    下面讲一下linux上安装spark，以 Standalone Mode 安装   1）首先安装JDK   下载JDK：jdk-7u79-linux-x64.tar.gz  ，版本是1.7以上都行，解压 tar -zxvf jdk-7u79-linux-x64.tar.gz     然后配置 ~/.bashrc&nb
  • Java 字节码之解析一 周凡杨 java字节码javap
        一： Java 字节代码的组织形式   类文件 {     OxCAFEBABE ，小版本号，大版本号，常量池大小，常量池数组，访问控制标记，当前类信息，父类信息，实现的接口个数，实现的接口信息数组，域个数，域信息数组，方法个数，方法信息数组，属性个数，属性信息数组 } &nbs
  • java各种小工具代码 g21121 java
    1.数组转换成List import java.util.Arrays; Arrays.asList(Object[] obj); 2.判断一个String型是否有值 import org.springframework.util.StringUtils; if (StringUtils.hasText(str)) 3.判断一个List是否有值 import org.spring
  • 加快FineReport报表设计的几个心得体会 老A不折腾 finereport
    一、从远程服务器大批量取数进行表样设计时，最好按“列顺序”取一个“空的SQL语句”，这样可提高设计速度。否则每次设计时模板均要从远程读取数据，速度相当慢！！ 二、找一个富文本编辑软件（如NOTEPAD+）编辑SQL语句，这样会很好地检查语法。有时候带参数较多检查语法复杂时，结合FineReport中生成的日志，再找一个第三方数据库访问软件（如PL/SQL）进行数据检索，可以很快定位语法错误。
  • mysql linux启动与停止 墙头上一根草
    如何启动/停止/重启MySQL一、启动方式1、使用 service 启动：service mysqld start2、使用 mysqld 脚本启动：/etc/inint.d/mysqld start3、使用 safe_mysqld 启动：safe_mysqld&二、停止1、使用 service 启动：service mysqld stop2、使用 mysqld 脚本启动：/etc/inin
  • Spring中事务管理浅谈 aijuans spring事务管理
    Spring中事务管理浅谈 By Tony Jiang@2012-1-20 Spring中对事务的声明式管理 拿一个XML举例 [html]  view plain copy print ? <?xml version="1.0" encoding="UTF-8"?>&nb
  • php中隐形字符65279（utf-8的BOM头）问题 alxw4616
    php中隐形字符65279（utf-8的BOM头）问题 今天遇到一个问题. php输出JSON 前端在解析时发生问题:parsererror.   调试: 1.仔细对比字符串发现字符串拼写正确.怀疑是 非打印字符的问题. 2.逐一将字符串还原为unicode编码. 发现在字符串头的位置出现了一个 65279的非打印字符.        
  • 调用对象是否需要传递对象(初学者一定要注意这个问题) 百合不是茶 对象的传递与调用技巧
        类和对象的简单的复习,在做项目的过程中有时候不知道怎样来调用类创建的对象,简单的几个类可以看清楚,一般在项目中创建十几个类往往就不知道怎么来看   为了以后能够看清楚,现在来回顾一下类和对象的创建,对象的调用和传递(前面写过一篇)   类和对象的基础概念:   JAVA中万事万物都是类 类有字段(属性),方法,嵌套类和嵌套接
  • JDK1.5 AtomicLong实例 bijian1013 javathreadjava多线程AtomicLong
    JDK1.5 AtomicLong实例 类 AtomicLong 可以用原子方式更新的 long 值。有关原子变量属性的描述，请参阅 java.util.concurrent.atomic 包规范。AtomicLong 可用在应用程序中（如以原子方式增加的序列号），并且不能用于替换 Long。但是，此类确实扩展了 Number，允许那些处理基于数字类的工具和实用工具进行统一访问。  
  • 自定义的RPC的Java实现 bijian1013 javarpc
            网上看到纯java实现的RPC，很不错。         RPC的全名Remote Process Call，即远程过程调用。使用RPC，可以像使用本地的程序一样使用远程服务器上的程序。下面是一个简单的RPC 调用实例，从中可以看到RPC如何
  • 【RPC框架Hessian一】Hessian RPC Hello World bit1129 Hello world
    什么是Hessian The Hessian binary web service protocol makes web services usable without requiring a large framework, and without learning yet another alphabet soup of protocols. Because it is a binary p
  • 【Spark九十五】Spark Shell操作Spark SQL bit1129 shell
    在Spark Shell上，通过创建HiveContext可以直接进行Hive操作   1. 操作Hive中已存在的表   [hadoop@hadoop bin]$ ./spark-shell Spark assembly has been built with Hive, including Datanucleus jars on classpath Welcom
  • F5　往header加入客户端的ip ronin47
    when HTTP_RESPONSE {if {[HTTP::is_redirect]}{         HTTP::header replace Location [string map {:port/ /} [HTTP::header value Location]]HTTP::header replace Lo
  • java-61-在数组中，数字减去它右边(注意是右边)的数字得到一个数对之差. 求所有数对之差的最大值。例如在数组{2, 4, 1, 16, 7, 5, bylijinnan java
    思路来自： http://zhedahht.blog.163.com/blog/static/2541117420116135376632/ 写了个java版的 public class GreatestLeftRightDiff { /** * Q61.在数组中，数字减去它右边(注意是右边)的数字得到一个数对之差。 * 求所有数对之差的最大值。例如在数组
  • mongoDB 索引 开窍的石头 mongoDB索引
    在这一节中我们讲讲在mongo中如何创建索引       得到当前查询的索引信息      db.user.find(_id:12).explain();        cursor: basicCoursor 指的是没有索引  &
  • [硬件和系统]迎峰度夏 comsci 系统
      从这几天的气温来看，今年夏天的高温天气可能会维持在一个比较长的时间内    所以，从现在开始准备渡过炎热的夏天。。。。    每间房屋要有一个落地电风扇，一个空调(空调的功率和房间的面积有密切的关系)    坐的，躺的地方要有凉垫，床上要有凉席       电脑的机箱
  • 基于ThinkPHP开发的公司官网 cuiyadll 行业系统
    后端基于ThinkPHP，前端基于jQuery和BootstrapCo.MZ 企业系统 轻量级企业网站管理系统 运行环境:PHP5.3+, MySQL5.0 系统预览 系统下载：http://www.tecmz.com 预览地址：http://co.tecmz.com 各种设备自适应 响应式的网站设计能够对用户产生友好度，并且对于
  • Transaction and redelivery in JMS (JMS的事务和失败消息重发机制) darrenzhu jms事务承认MQacknowledge
    JMS Message Delivery Reliability and Acknowledgement Patterns http://wso2.com/library/articles/2013/01/jms-message-delivery-reliability-acknowledgement-patterns/ Transaction and redelivery in
  • Centos添加硬盘完全教程 dcj3sjt126com linuxcentoshardware
    Linux的硬盘识别: sda        表示第1块SCSI硬盘 hda       表示第1块IDE硬盘 scd0      表示第1个USB光驱 一般使用“fdisk -l”命
  • yii2 restful web服务路由 dcj3sjt126com PHPyii2
    路由 随着资源和控制器类准备，您可以使用URL如 http://localhost/index.php?r=user/create访问资源，类似于你可以用正常的Web应用程序做法。 在实践中，你通常要用美观的URL并采取有优势的HTTP动词。 例如，请求POST /users意味着访问user/create动作。 这可以很容易地通过配置urlManager应用程序组件来完成 如下所示
  • MongoDB查询(4)——游标和分页[八] eksliang mongodbMongoDB游标MongoDB深分页
    转载请出自出处：http://eksliang.iteye.com/blog/2177567 一、游标         数据库使用游标返回find的执行结果。客户端对游标的实现通常能够对最终结果进行有效控制，从shell中定义一个游标非常简单，就是将查询结果分配给一个变量（用var声明的变量就是局部变量），便创建了一个游标，如下所示： > var
  • Activity的四种启动模式和onNewIntent() gundumw100 android
    Android中Activity启动模式详解 　　在Android中每个界面都是一个Activity，切换界面操作其实是多个不同Activity之间的实例化操作。在Android中Activity的启动模式决定了Activity的启动运行方式。 　　Android总Activity的启动模式分为四种： Activity启动模式设置： <acti
  • 攻城狮送女友的CSS3生日蛋糕 ini htmlWebhtml5csscss3
    在线预览：http://keleyi.com/keleyi/phtml/html5/29.htm   代码如下：   <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>攻城狮送女友的CSS3生日蛋糕-柯乐义<
  • 读源码学Servlet（1）GenericServlet 源码分析 jzinfo tomcatWebservlet网络应用网络协议
    Servlet API的核心就是javax.servlet.Servlet接口，所有的Servlet 类（抽象的或者自己写的）都必须实现这个接口。在Servlet接口中定义了5个方法，其中有3个方法是由Servlet 容器在Servlet的生命周期的不同阶段来调用的特定方法。     先看javax.servlet.servlet接口源码：  package
  • JAVA进阶：VO(DTO)与PO(DAO)之间的转换 snoopy7713 javaVOHibernatepo
      PO即 Persistence Object　　VO即 Value Object 　VO和PO的主要区别在于：　　VO是独立的Java Object。　　PO是由Hibernate纳入其实体容器（Entity Map）的对象，它代表了与数据库中某条记录对应的Hibernate实体，PO的变化在事务提交时将反应到实际数据库中。 　实际上，这个VO被用作Data Transfer
  • mongodb group by date 聚合查询日期 统计每天数据（信息量） qiaolevip 每天进步一点点学习永无止境mongodb纵观千象
    /* 1 */ { "_id" : ObjectId("557ac1e2153c43c320393d9d"), "msgType" : "text", "sendTime" : ISODate("2015-06-12T11:26:26.000Z")
  • java之18天 常用的类(一) Luob. MathDateSystemRuntimeRundom
    System类 import java.util.Properties; /** * System: * out:标准输出,默认是控制台 * in:标准输入,默认是键盘 * * 描述系统的一些信息 * 获取系统的属性信息:Properties getProperties(); * * * */ public class Sy
  • maven wuai maven
    1、安装maven：解压缩、添加M2_HOME、添加环境变量path 2、创建maven_home文件夹，创建项目mvn_ch01,在其下面建立src、pom.xml，在src下面简历main、test、main下面建立java文件夹 3、编写类，在java文件夹下面依照类的包逐层创建文件夹，将此类放入最后一级文件夹 4、进入mvn_ch01 4.1、mvn compile ,执行后会在
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他