序言
入门学习和参考手册建议翻阅JavaScript.The.Definitive.Guide.5th.Edition的附录(有电子版).
Firefox上有许多插件是开发必备的，用法大家Google，我列一下名称
FireBug
Web Developer Toolbar
Html Validator
3. 如何嵌入网页?
3.1. 写在网页中
3.2. 在链接上使用伪协议Open
4. 语言核心
4.1. 关于分号
但是,建议你不要省略分号,理由如下
加了分号的代码可以用软件压缩,来节省带宽(附带效果是加密你的Js代码:) )(Ajax基础教程 上的理由)
4.2. 输出Html最简单的方式
doucment.write("Hello World");
4.3. alert : 弹出窗口,调试必备
alert("弹出窗口,调试必备");
4.4. 命名规则
4.5.1. 字符串
"test"
'name="zsp"' //双引号可以放在单引号中,反之亦然
'You/'re right' //转义字符,和C++的转义相同
字符串的属性
str="zsp007@gmail.com"
str.length
str.charAt(str.length-1)
str.indexOf("@")
str.substring(str.lastIndexOf(".")+1,str.length);
str.toUpperCase();
4.5.2. 十六进制
4.5.5. 布尔值
4.5.6.1. 创建
var o = new Object();
var o={x:2.3 , y:-1.2};
一个复杂点的例子 见例子1_3
var point={x:2.3,y:-1.2};
alert(square["upperLeft"]["x"]);//显示2.3
function Rectangle(w,h)//构造函数.不要返回值,因为返回值会使this失效
function Rectangle_area(){return this.width * this.height;}//声明函数
function Rectangle(w,h)
this.area = Rectangle_area;//关联函数为成员函数
var r=new Rectangle(3,2);
4.5.6.4. 继承
//定义一个父类
//为父类添加一个方法,通过定义父类原型prototype的函数
//定义一个Complex函数,该函数不会被继承(这时不要加this了)
//定义一个子类
//继承父类,注意这时MoreComplex的构造函数被父类的构造函数覆盖
//明确指定,使MoreComplex使用自己的构造函数
//定义子类自己的函数
a=new MoreComplex(11,33);
alert(a);//自动调用Complex.toString()
4.5.6.5. 公共基类的属性
constructor属性 构造器,由于构造函数确定了一个对象的类型,可以用如下代码确定一个对象的类型
toString() 返回一个字串,内容为对象的值或类型. 默认的toString对于对象返回
[object class]
Object.prototype.toString.apply(x);
Math.hasOwnProperty("cos");//true:Math有cos属性
var o = {x:1};
Object.isPrototypeOf(o);//false
Function.prototype.isPrototypeOF(Object);
4.5.7. 数组
4.5.7.1. 创建
var a = new Array();
var a=new Array(2,"I'm a earthman .",true,{x:1 , y:3});
var a=[2,"I'm a earthman .",true,{x:1 , y:3}];
var base=11;
var a4=[1,,,,5];//有3个未定义的元素
4.5.7.2. 数组的函数
var a=[1,2,3];
function randOrd(){
anyArray = new Array('3','a','5','F','x','47');
anyArray = new Array(47,33);
anyArray.concat(8,99,88 );
anyArray.concat([8,99],[88,53] );
anyArray.concat(2,[3,[4,5]]);
var a = [1,2,3,4,5]
var a = [1,2,3,4,5,6,7];
var a = [1,2,3,4,5,6,7];
var a = [1,2,3,4,5,6,7];
var stack=[];
stack.push(1,2);//stack=[1,2],return 2(2表示数组长度)
stack.pop();//stack=[1],return 2
stack.push(3);//stack=[1,3],return 2(2表示数组长度)
stack.pop();//stack=[1],return 3
stack.push([4,5]);//stack=[1,[4,5]],return 2
stack.pop();//stack=[1],return [4,5]
stack.pop();//stack=[],return 1
var a=[2];
a.unshift(3,[4,5]);//a=[3,[4,5],1,2]
a.shift();
var now = new Date();
var christmas = new Date(2000,11,25);
christmas.toLocaleString();//返回时间的本地表示,如果是中国大陆,这里返回"2000年12月25日 0:00:00 "
christmas.getDay()
4.5.9. null 和 undefined
可以用===区别null和undefinedes
4.6.1. 定义函数
function square(x){
var square = function(x){return x*x;}
var square = new Funtion("x","return x*x");
4.6.2. 一个函数,多个函数名
var square = function(x){return x*x;}
4.6.3. 函数嵌套函数
function hypotenuse(){
4.6.4. 函数参数
arguments.length可以说明它所含的元素个数
注意:arguments不是数组(不可以用for...in循环),它是一个Aguments对象
arguments可以用于参数个数检查,或接受任意数目参数...
function max()
4.6.5. 函数自身的length
//一个检查参数是否相符的函数
function f(x,y)
4.6.6. arguments.callee : 递归无名函数
function(x)
4.6.7. 函数的静态变量
uniqueInteger.counter=0;//静态变量
4.7. 作用域
即函数中无论在那里声明的变量,在整个函数体中都是有定义的.如:
(见例1_4)
var i="global";
function test(o){
document.write(i);//i为undefined,即函数中i已被声明,但没定义
if(typeof o == "object")
document.write("out loop j=",j);//仍然有定义,如果o不是object(),则j没有被初始化,值为undefined,否则为9
}
备注:把所有的变量集中在函数开头声明(不一定要定义)可以避免许多诡异的错误.
4.8. 引用
var a = [1 , 2 , 3];
a={x:1}
4.9. ＝＝（等于）和＝＝＝（全等）
4.9.1. 等于
"2"==2
null == undinfined
4.9.2. 全等 (否定为!==)
var a = [1,2,3];
4.10. +加
任何和NaN的比较都返回false
4.12. in
var point = {x:1};
4.13. instanceof
var d=new Date();
4.14. typeof
typeof 1; //number
typeof [1,2];//object
typeof function(x){};//function
typeof xxx;//未定义的对象返回undefined
4.15. new
o=new Date;
4.16. delete
var o={x:1,y:2};
delete o.x; //返回true
delete o.x;//删除不存在的属性,返回true
delete o;//不能删除var声明的对象,返回true
x=1;//不用var关键字,隐式声明一个变量
var my = new Object;
my.hire = new Date;
delete my.hire;
alert(my.fire);//显示当前的时间
4.17. void
常用于javascript : URL中.可以计算一个计算一个表达式的值,又不让浏览器显示它.如
Open
4.18. []
//用于数组
//用于对象,比"."运算符的优势是其要取的属性名可以动态生成
for(f in o){
== for...in === 可循环对象的所有用户定义属性,包括继承的(但是不包括内建属性)
for(a[i++] in o);//把o的属性名复制到一个数字中(注意,顺序不固定)
for (i in a)
4.19. switch
function convert(x){
4.20. label(标签)/break/continue
outerloop:
4.21. throw / try...catch...finally
function factorial(x){
try{
4.22. 正值表达式
和
的onload在文档被完全加载完成时触发,onunload在文档被卸载时触发
* confirm() 见图js_0002.png
document.write("
你好, "+n+"! ");
5.1.2. 状态栏
function hi(){alert("hi!");}
5.1.4. 错误处理onerror
如果onerror返回true,它将屏蔽系统的错误处理程序
//如果你不想错误消息打搅用户,无论你的代码有多Bug
5.1.5. 浏览器信息navigator
* appName Web浏览器的名称 * userAgent 浏览器在USER-AGENT HTTP标题中发送的字符串,通常包含了appName和appVersion * platform 平台,如Win32
//一个简单浏览器探测器
5.1.6. 屏幕screen
//注意,直接弹出窗口容易被浏览器广告拦截了
window.close可以关闭你用javascript打开的窗口
//一个把URL串中查询内容解析为键值对的函数 var pos=pair[i].indexOf("=");
//检查浏览器是否支持DOM,如果不支持则跳转
5.1.12. 历史History
每个窗口有一个frame[]数组(如果一个窗口没有框架则它的frame[]是空的,frames.length==0),frame[0]表示它的第一个子框架,如此类推
每个窗口还有一个parent属性,为包含这个窗口的window对象,这样一个窗口通过诸如parent.frames[1]的方式,引用他的兄弟窗口
对于顶层窗口,有parent==window
对于框架中的框架,可以用top直接引用最顶层的窗口
见图js_0004.png
框架可以用name指定名字,这个名字可以为链接的target值.当这个链接被激活的时候会在指定的框架中显示内容
在javascript也可以通过名字访问框架,如一个框架如下
需要注意的在一个框架定义的函数/变量,在另一个框架中要通过框架名来调用
见例1_6.html
5.2.1. 基本常识
5.2.1.1. 属性
//可以在文档末加入
5.2.1.2. 数组
//如果一个元素有name还可以这样访问
//对于它的子元素可以这样访问
//如果有重名的元素,以上的引用方法将返回一个数组
5.2.2. DOM树
appendChild(), removeChild(), replaceChild(), 和 insertBefore() 可以在文档中动态的添加/删除节点
每个节点都有一个nodeType属性,表明了它的类型
Interface nodeType constant nodeType value
Element Node.ELEMENT_NODE 1
getAttribute(), setAttribute(), removeAttribute() 可以用来操作属性,标准的Html元素的属性也可以通过这种方式访问 getAttributeNode()可以返回一个Attr对象,它有一个specified属性,可以判断文档是否指定了该属性,或判断它是否是默认值
5.2.2.1. 搜索文档的特定元素
//虽然只有一个body,还是返回一个数组
//有多少表格
* document.getElementById() 返回id号为指定值元素,因为每个id应该的独一无二的,所以该方法最多返回一个元素
// Find
5.2.2.2. 动态改变文档内容
test
Sort list 5.2.2.4. 一个把文章中字母都变为大写的演示
// This function recursively looks at Node n and its descendants,
This is paragraph #1.
This is paragraph #2.
Embolden
5.2.2.6. 更改属性
var headline = document.getElementById("headline"); // Find named element
5.2.2.7. 临时容器DocumentFragment
// 翻转元素
// Finally, move the children of f all at once back to n, all at once.
element 5.2.2.8. 选中内容 getSelection
Hi , everybody . My name is Zsp .
//一个实际使用的演示
5.2.3. CSS
//一个用来隐藏广告代码的演示
e.style.position = "absolute";
5.2.3.1. 当前的CSS设置
但是IE不支持标准,但它有每个元素都有一个currentStyle属性,可以取得同样的效果
//一段兼容的代码
5.2.3.2. 指定样式表
5.2.4. 事件驱动
5.2.4.1. HTML中事件设置
This is another paragraph
6.2. $F()返回输入控件的值
6.3. $A()参数转Array
Buchanan, Steven Callahan, Laura Davolio, Nancy
6.4. $H()转类似联合数组的Hash对象
6.5. Try.these()尝试直到一个成功
在下面的例子中， xmlNode.text在一些浏览器中好用，但是xmlNode.textContent在另一些浏览器中正常工作。 使用Try.these()方法我们可以得到正常工作的那个方法的返回值。
如果你不使用任何的帮助程序包，你很可能编写了整个大量的代码来创建XMLHttpRequest对象并且异步的跟踪它的进程，然后解析出响应 然后处理它。当你不需要支持多于一种类型的浏览器时你会感到非常的幸运。
为了支持 AJAX 功能。这个包定义了 Ajax.Request 类。
假如你有一个应用程序可以通过url http://yoursever/app/get_sales?empID=1234&year=1998与服务器通信。它返回下面这样的XML响应。
1234 1998-01 $8,115.36 1234 1998-02 $11,147.51
Buchanan, Steven Callahan, Laura Davolio, Nancy 1996 1997 1998
还有一些其它的属性可以在这个对象里面定义和设置，如 asynchronous，可以为true 或 false 来决定AJAX对服务器的调用是否是异步的（默认值是 true）。
这个参数定义AJAX调用的选项。在我们的例子中，在第一个参数通过HTTP GET命令请求那个url，传入了变量 pars包含的查询字符串， Ajax.Request 对象在它完成接收响应的时候将调用showResponse 方法。
也许你知道， XMLHttpRequest在HTTP请求期间将报告进度情况。这个进度被描述为四个不同阶段：Loading, Loaded, Interactive, 或 Complete。你可以使 Ajax.Request 对象在任何阶段调用自定义方法 ，Complete 是最常用的一个。想调用自定义的方法只需要简单的在请求的选项参数中的名为 onXXXXX 属性/方法中提供自定义的方法对象。 就像我们例子中的 onComplete 。你传入的方法将会被用一个参数调用，这个参数是 XMLHttpRequest 对象自己。你将会用这个对象去得到返回的数据并且或许检查包含有在这次调用中的HTTP结果代码的 status 属性。
还有另外两个有用的选项用来处理结果。我们可以在onSuccess 选项处传入一个方法，当AJAX无误的执行完后调用， 相反的，也可以在onFailure选项处传入一个方法，当服务器端出现错误时调用。正如onXXXXX 选项传入的方法一样，这两个在被调用的时候也传入一个带有AJAX请求的XMLHttpRequest对象。
我们的例子没有用任何有趣的方式处理这个 XML响应， 我们只是把这段XML放进了一个文本域里面。对这个响应的一个典型的应用很可能就是找到其中的想要的信息，然后更新页面中的某些元素， 或者甚至可能做某些XSLT转换而在页面中产生一些HTML。
在1.4.0版本中，一种新的事件回传外理被引入。如果你有一段代码总是要为一个特殊的事件执行，而不管是哪个AJAX调用引发它，那么你可以使用新的Ajax.Responders对象。
Loading...
MoinMoin PoweredPython PoweredValid HTML 4.01
你可能感兴趣的:(js,ajax,脚本语言)
vite-plugin-vconsole在windows不生效的原因排查
vitevue3
背景在Vite使用vConsole，方便移动端的本地开发。官方文档见这里：https://github.com/vadxq/vite...。场景复现windows客户端"vite-plugin-vconsole":"^1.1.0""vite":"^2.7.0","vconsole":"^3.9.5",nodev12.18.3yarn1.22.15vite.config.js配置如下：import{
logback+kafka+ELK实现日志记录（操作）
酷酷的码农小哥
java kafka spring boot spring
logback+kafka+ELK实现日志记录前言环境准备配置Logbackpom文件改造新增logback-spring.xmlboot配置文件一下怎么去下载安装我就不多说了，直接上代码。日志平台业务思路用户请求进入后台根据搜索的参数去查询内容返回所有信息,返回json数据，当用户查看详情后根据查询到的内容里面的traceId去es里查询和traceId相等的所有日志信息最后返回给前端业务流程[
Vue 全局自适应大小：使用 postcss-pxtorem
前端程序猿i
vue.js postcss 前端
在现代前端开发中，响应式设计已经成为不可或缺的一部分。尤其是在移动设备的普及下，保证网页在各种屏幕尺寸下的显示效果变得尤为重要。Vue.js作为一个流行的前端框架，能够很方便地实现响应式设计。而在这方面，postcss-pxtorem是一个非常有用的工具，它可以将px单位自动转换为rem单位，从而实现更好的自适应布局。本文将介绍如何在Vue项目中使用postcss-pxtorem实现全局自适应大小
14天速成小程序开发：第九章 首页banner轮播图效果的实现
雁于飞
14天速成小程序开发 bug uni-app vue 微信小程序 学习 笔记 后端
文章目录前言一、获取数据二、渲染样式三、成果展示四、代码展示1.index.vue页面1.1template1.2script1.3style2.utils.js公共逻辑前言本文将学习调用组件和接口文档实现首页banner轮播图效果的实现一、获取数据二、渲染样式三、成果展示四、代码展示1.index.vue页面1.1template点击右上角“添加到我的小程序”，方便下次找到！0"class="i
华为OD机试2024年E卷-数组拼接[100分]（ Java | Python3 | C++ | C语言 | JsNode | Go）实现100%通过率
梅花C
华为OD题库 华为od
题目描述现在有多组整数数组，需要将它们合并成一个新的数组。合并规则，从每个数组里按顺序取出固定长度的内容合并到新的数组中，取完的内容会删除掉，如果该行不足固定长度或者已经为空，则直接取出剩余部分的内容放到新的数组中，继续下一行。输入描述第一行是每次读取的固定长度，0<长度<10第二行是整数数组的数目，0<数目<1000第3-n行是需要合并的数组，不同的数组用回车换行分隔，数组内部用逗号分隔，最大不
js 获取一定范围内的随机数
小众独行
//封装functionrandomNum(min,max){varrange=max-min;varrand=Math.random();varnum=min+Math.round(rand*range);returnnum;}//调用randomNum(666,999);
docker pull 镜像失败 Error response from daemon: Get “https://registry-1.docker.io/v2/“: net/http: reque
jjw_zyfx
docker/k8s Java docker http 容器
解决方法：多加几个docker的镜像源，步骤如下：使用vim打开/etc/docker/daemon.json这个文件vim/etc/docker/daemon.json填写内容如下：{"registry-mirrors":["https://docker.211678.top","https://docker.1panel.live","https://hub.rat.dev","https:/
华为OD机试E卷 - 最大值（Java & Python& JS & C++ & C ）
算法大师
最新华为OD机试 华为od java python javascript c++ 华为OD机试E卷 C语言
最新华为OD机试真题目录：点击查看目录华为OD面试真题精选：点击立即查看题目描述给定一组整数（非负），重排顺序后输出一个最大的整数。示例1输入：[10,9]输出：910说明:输出结果可能非常大，所以你需要返回一个字符串而不是整数。输入描述数字组合输出描述最大的整数示例1输入109输出910说明解题思路题目要求是：给定一组
Powershell语言的云计算
萧澄华
包罗万象 golang 开发语言 后端
PowerShell与云计算：新时代的自动化管理工具在当今快速发展的信息技术时代，云计算已经成为企业和个人计算资源的主要选择。随着云服务的普及，如何高效地管理和自动化云环境中的资源，成为了IT管理员和开发者们面临的重要挑战。PowerShell作为一款强大的脚本语言和自动化框架，凭借其优秀的功能和灵活性，逐渐在云计算管理中扮演了不可或缺的角色。一、PowerShell简介1.1什么是PowerSh
python爬取电影天堂beautiful_Python爬虫 -- 抓取电影天堂8分以上电影
carafqy
看了几天的python语法，还是应该写个东西练练手。刚好假期里面看电影，找不到很好的影片，于是有个想法，何不搞个爬虫把电影天堂里面8分以上的电影爬出来。做完花了两三个小时，撸了这么一个程序。反正蛮简单的，思路和之前用nodejs写爬虫一样。爬虫的入口从分页的列表开始，比如美剧的列表第一页地址这样：http://www.ygdy8.net/html/gndy/oumei/list_7_1.html，
Mathtype使用记录
白粥行
软件工具 Mathtype
1、把大括号中的公式左对齐https://jingyan.baidu.com/article/86fae346d436053c48121a50.html2、加粗字符https://www.mathtype.cn/jiqiao/mathtype-wjsjc.html3、修改公式编号todo4、插入省略号https://office.tqzw.net.cn/office/mathtype/21827.
搭建vue项目
LYy0
vue.js 前端 javascript
一、VueVue是一款用于构建用户界面的JavaScript框架。它基于标准HTML、CSS和JavaScript构建，并提供了一套声明式的、组件化的编程模型，帮助你高效地开发用户界面。无论是简单还是复杂的界面，Vue都可以胜任。二、环境1.nodejs环境:下载地址三、创建Vue应用创建的项目将使用基于Vite的构建设置，并允许我们使用Vue的单文件组件(SFC)。$npmcreatevue@l
认识包管理工具： npm、yarn和pnpm
前端npm工程化
包管理工具的发展2010年1月，一款名为npm的包管理器诞生。它确立了包管理器工作的核心原则。npm的发布诞生了一场革命，在此之前，项目依赖项都是手动下载和管理的。npm引入了文件和元数据字段，将依赖项列表存储在package.json文件中，并且将下载的文件保存到node_modules文件夹中。后来因为npm的缺陷或者旧版本的不足，又出现了一个个替代npm来进行包管理的轮子，例如：yarn，y
【odoo】odoo 公共方法的设计与实现
种花的人_
odoo python
Odoo公共方法的设计与实现1.功能需求2.seController类分析2.1res_ok方法：返回成功响应2.2res_err方法：返回错误响应2.3res_exception方法：捕获并返回异常2.4json_default方法：自定义JSON序列化2.5错误码字典error_code3.总结在Odoo开发中，我们常常需要编写一些通用的功能方法，这些方法可以帮助我们更高效地处理数据格式化、错
html两级地区选择级联,index.html · RockYang/JAreaSelect-js省市区级联选择插件 - Gitee.com...
猫咪兔兔
html两级地区选择级联
地区选择插件.form-control{margin-right:5px;}传统表单selectUI样式获取地址仿京东UI样式选择区域vararea=$("#area-select-box").JAreaSelect({prov:1,city:72,dist:2839,level:3});$(".btn-success").on('click',function(){$(this).text(ar
Python笔记1.2（open、logging、os、shutil、glob、decode、encode、pickle、tqdm）
qq742234984
python 笔记 数据库
Python笔记1.1（datetime、argparse、sys、overwrite、eval、json、os、zfill、endswith、traceback、深浅拷贝）Python笔记2（函数参数、面向对象、装饰器、高级函数、捕获异常、dir）Python笔记1.214、withopen()asfile和open()参数详解15、logging日志的等级logging.basicConfig
ES6 （三）字符串的扩展、模板字符串、模板编译、标签模板
ChrisP3616
前端工程师1——汇总 前端工程师3——ES6 字符串 es6 unicode json
ES6（三）字符串的扩展、模板字符串、模板编译、标签模板文章目录ES6（三）字符串的扩展、模板字符串、模板编译、标签模板1.字符的Unicode表示法2.字符串的遍历器接口3.直接输入U+2028和U+20294.JSON.stringify()的改造5.模板字符串6.实例：模板编译（==Review==）7.==标签模板==8.模板字符串的限制1.字符的Unicode表示法ES6加强了对Unic
vuex中commit
努力搬砖的程序媛儿
前端 javascript vue.js
一、不使用模块的基础模式看vuex相关的文件夹，放在src下的store文件夹，里面有一个index.js文件，为vuex的入口，如果不使用模块，可以将所有相关代码写在index.js文件里面，下面是最基础的index.js文件演示:importVuefrom'vue'importVuexfrom'vuex'Vue.use(Vuex)exportdefaultnewVuex.Store({stat
antd datepicker禁用日期设置为今天的前一天，禁用时间设置为当前时间点之前的时间
每一天，每一步
ant design - react javascript 前端 开发语言
在使用AntDesign(antd)的DatePicker组件时，可以通过disabledDate和showTime的disabledHours,disabledMinutes,disabledSeconds属性来禁用特定的日期和时间。1.禁用今天的前一天及之前的日期：可以提供一个函数给disabledDate属性，该函数将接收一个current参数（一个moment.js对象），然后返回一个布尔
JS经纬度正则验证
scorpion_V
前端
经纬度的校验（保留5位小数）：需求：一个页面多个经纬度需要经验，然后采用此方法就可以一步到位啦~1.在util.js全局写经纬度的范围校验代码如下：constformValidation={//经度validatorLongitude:(rule,value,callback)=>{constreg=/^(\-|\+)?(((\d|[1-9]\d|1[0-7]\d|0{1,3})\.\d{0,15
uniapp或小程序使用jsencrypt
钢铁熊猫33
小程序 前端 uniapp 小程序 jsencrypt rsa
uniapp或小程序使用报错jsencrypt.js使用了window对象，app、小程序中没有窗口对象的环境解决办法在jsencrypt.js文件插入以下代码varnavigator2={appName:'Netscape',userAgent:'Mozilla/5.0(iPhone;CPUiPhoneOS9_1likeMacOSX)AppleWebKit/601.1.46(KHTML,like
Element-plus封装表格Validate
努力搬砖的宣
vue.js 前端 javascript elementui
Element-plus实现表格内的表单验证：useAttrValidateHook在Vue.js项目中，表单验证是一个常见的需求，尤其在处理复杂表格编辑场景时。本文将详细介绍一个基于Vue3的自定义Hook——useAttrValidate，它提供了一种便捷的方式来处理表格组件中的字段校验。效果如下：1.导入与初始化Javascriptimport{reactive,nextTick}from"
JS通过ASCII码值实现随机字符串的生成（可指定长度以及解决首位不出现数值）
觉醒法师
JavaScript javascript 前端 开发语言 typescript
在之前写过一篇“JS实现随机生成字符串（可指定长度）”，当时写的过于简单和传统，比较粗放。此次针对此问题，对随机生成字符串的功能进行优化处理，对随机取到的字符都通过程序自动来完成。在写之前，我们先了解下String.charCodeAt、Array.from()、String.fromCharCode等方法，以及随机获取指定范围中的值，这些在此次功能优化中起到关键作用。一、String.charC
uniapp小程序项目从0到1开发
扶园
uni-app 小程序
一、在HBuilderX新建项目,然后可以先把可能用到的文件夹建好二、引入UI框架,根据npm方式配置文档uView2地址:https://uviewui.com/components/install.htmlcmd执行
[email protected] 引入并使用uView的JS库，注意这两行要放在importVue之后。//main.jsimportuViewfrom"uview
uniapp 小程序目录搭建以及 pages.json 配置
YZRHANYU
uniapp+微信小程序 json uni-app 小程序
uniapp小程序目录搭建1.分包结构├──api各个模块接口文件夹├──login.js登录模块接口文件├──common公共模块，包含公共基础css等├──base.css公共基础css├──components主包当中使用的组件或者复用率较高的组件作为全局组件├──node_modulesnodejs相关依赖包文件目录├──pages主包:业务页面文件存放的目录├──common├──sys
Vue.js 深度剖析：2024 前端高频面试题详解
跟着小郑学前端
前端 vue.js javascript
Vue.js深度剖析：2024前端高频面试题详解1.Vue的响应式原理是什么？2.Vue组件通信方式有哪些？3.Vue的生命周期是什么？4.如何优化Vue应用性能？5.什么是Vue的CompositionAPI？6.什么是Vue的VirtualDOM？7.Vuex与Pinia的区别是什么？1.Vue的响应式原理是什么？答：Vue的响应式系统基于数据劫持和发布-订阅模式。数据劫持：Vue2使用Obj
Vue 3中的路由（Router）详解
scorpion_V
vue.js 前端 javascript
在前端开发中，路由是构建单页应用程序的核心慨念之一。允许应用根据URL的变化动态地渲染不同的组件或页面。Vue.js提供了官方的路由管理工具——VueRouter。接下来这篇文章将逐步讲解Vue3中的路由概念以及使用。一、什么是路由？路由其实就是URL与应用程序视图之间的映射关系。在传统的多页应用里面，每次跳转都是向服务器发送请求，服务器返回新的页面的过程。但是在SPA中，页面并不会刷新，而是根据
2025年计算机专业毕业设计选题推荐 速存
小晓程序设计
课程设计 java spring boot 毕业设计
2025最新计算机专业毕业设计选题推荐博主介绍CSDN特邀作者、博客专家、CSDN新星计划导师Java领域优质创作者，荣获“博客之星”称号掘金、华为云、阿里云、InfoQ等平台优质作者专注于Java技术及学生毕业项目实战指导高校教师/讲师，擅长同行交流合作文末获取源码联系方式主要内容SpringBoot、Vue、SSM框架应用HLMT（假设为某特定技术或框架）、Jsp、PHP、Node.js、Py
EventLoop事件循环机制(浏览器和Node EventLoop)
前端的同学们应该都听说过EventLoop的概念，网上各大平台关于它的文章也是成百上千质量参差不一，其实在笔者刚开始接触js的时候这对这方面一头雾水，也是看了高程、官方文档以及大量的文章后才对它有了深刻认识，在这儿就来和大家分享下我对它的的认识和理解，不过要讲明白EventLoop这个东东还是要从头说起。本篇内容循序渐进比较长，需要耐心看完。注：如遇到有一些链接无法访问可能需要科学上网文章首发本人
threejs 复习笔记
three.js
import*asTHREEfrom'https://unpkg.com/
[email protected] /build/three.module.js'import{OrbitControls}from'https://github.com/mrdoob/three.js/blob/master/examples/jsm/controls/OrbitControls.js'import{OrbitCon
java类加载顺序
3213213333332132
java
package com.demo;
/**
* @Description 类加载顺序
* @author FuJianyong
* 2015-2-6上午11:21:37
*/
public class ClassLoaderSequence {
String s1 = "成员属性";
static String s2 = "
Hibernate与mybitas的比较
BlueSkator
sql Hibernate 框架 ibatis orm
第一章 Hibernate与MyBatis
Hibernate 是当前最流行的O/R mapping框架，它出身于sf.net，现在已经成为Jboss的一部分。 Mybatis 是另外一种优秀的O/R mapping框架。目前属于apache的一个子项目。
MyBatis 参考资料官网：http:
php多维数组排序以及实际工作中的应用
dcj3sjt126com
PHP usort uasort
自定义排序函数返回false或负数意味着第一个参数应该排在第二个参数的前面, 正数或true反之, 0相等usort不保存键名uasort 键名会保存下来uksort 排序是对键名进行的
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8&q
DOM改变字体大小
周华华
前端
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml&q
c3p0的配置
g21121
c3p0
c3p0是一个开源的JDBC连接池，它实现了数据源和JNDI绑定，支持JDBC3规范和JDBC2的标准扩展。c3p0的下载地址是：http://sourceforge.net/projects/c3p0/这里可以下载到c3p0最新版本。
以在spring中配置dataSource为例：
<!-- spring加载资源文件 -->
<bean name="prope
Java获取工程路径的几种方法
510888780
java
第一种：
File f = new File(this.getClass().getResource("/").getPath());
System.out.println(f);
结果:
C:\Documents%20and%20Settings\Administrator\workspace\projectName\bin
获取当前类的所在工程路径;
如果不加“
在类Unix系统下实现SSH免密码登录服务器
Harry642
免密 ssh
1.客户机
(1)执行ssh-keygen -t rsa -C "
[email protected] "生成公钥，xxx为自定义大email地址
(2)执行scp ~/.ssh/id_rsa.pub root@xxxxxxxxx:/tmp将公钥拷贝到服务器上，xxx为服务器地址
(3)执行cat
Java新手入门的30个基本概念一
aijuans
java java 入门 新手
在我们学习Java的过程中,掌握其中的基本概念对我们的学习无论是J2SE,J2EE,J2ME都是很重要的,J2SE是Java的基础,所以有必要对其中的基本概念做以归纳,以便大家在以后的学习过程中更好的理解java的精髓,在此我总结了30条基本的概念。 Java概述: 目前Java主要应用于中间件的开发(middleware)---处理客户机于服务器之间的通信技术,早期的实践证明,Java不适合
Memcached for windows 简单介绍
antlove
java Web windows cache memcached
1. 安装memcached server
a. 下载memcached-1.2.6-win32-bin.zip
b. 解压缩，dos 窗口切换到 memcached.exe所在目录，运行memcached.exe -d install
c.启动memcached Server,直接在dos窗口键入 net start "memcached Server&quo
数据库对象的视图和索引
百合不是茶
索引 oeacle数据库 视图
视图
视图是从一个表或视图导出的表，也可以是从多个表或视图导出的表。视图是一个虚表，数据库不对视图所对应的数据进行实际存储，只存储视图的定义，对视图的数据进行操作时,只能将字段定义为视图,不能将具体的数据定义为视图
为什么oracle需要视图;
&
Mockito(一) --入门篇
bijian1013
持续集成 mockito 单元测试
Mockito是一个针对Java的mocking框架，它与EasyMock和jMock很相似，但是通过在执行后校验什么已经被调用，它消除了对期望 行为（expectations）的需要。其它的mocking库需要你在执行前记录期望行为（expectations），而这导致了丑陋的初始化代码。
&nb
精通Oracle10编程SQL(5)SQL函数
bijian1013
oracle 数据库 plsql
/*
* SQL函数
*/
--数字函数
--ABS(n):返回数字n的绝对值
declare
v_abs number(6,2);
begin
v_abs:=abs(&no);
dbms_output.put_line('绝对值：'||v_abs);
end;
--ACOS(n):返回数字n的反余弦值，输入值的范围是-1~1，输出值的单位为弧度
【Log4j一】Log4j总体介绍
bit1129
log4j
Log4j组件：Logger、Appender、Layout
Log4j核心包含三个组件：logger、appender和layout。这三个组件协作提供日志功能：
日志的输出目标
日志的输出格式
日志的输出级别(是否抑制日志的输出)
logger继承特性
A logger is said to be an ancestor of anothe
Java IO笔记
白糖_
java
public static void main(String[] args) throws IOException {
//输入流
InputStream in = Test.class.getResourceAsStream("/test");
InputStreamReader isr = new InputStreamReader(in);
Bu
Docker 监控
ronin47
docker监控
目前项目内部署了docker，于是涉及到关于监控的事情，参考一些经典实例以及一些自己的想法，总结一下思路。 1、关于监控的内容 监控宿主机本身
监控宿主机本身还是比较简单的，同其他服务器监控类似，对cpu、network、io、disk等做通用的检查，这里不再细说。
额外的，因为是docker的
java-顺时针打印图形
bylijinnan
java
一个画图程序 要求打印出：
1.int i=5;
2.1 2 3 4 5
3.16 17 18 19 6
4.15 24 25 20 7
5.14 23 22 21 8
6.13 12 11 10 9
7.
8.int i=6
9.1 2 3 4 5 6
10.20 21 22 23 24 7
11.19
关于iReport汉化版强制使用英文的配置方法
Kai_Ge
iReport汉化 英文版
对于那些具有强迫症的工程师来说，软件汉化固然好用，但是汉化不完整却极为头疼，本方法针对iReport汉化不完整的情况，强制使用英文版，方法如下：
在 iReport 安装路径下的 etc/ireport.conf 里增加红色部分启动参数，即可变为英文版。
# ${HOME} will be replaced by user home directory accordin
[并行计算]论宇宙的可计算性
comsci
并行计算
现在我们知道,一个涡旋系统具有并行计算能力.按照自然运动理论,这个系统也同时具有存储能力,同时具备计算和存储能力的系统,在某种条件下一般都会产生意识......
那么,这种概念让我们推论出一个结论
&nb
用OpenGL实现无限循环的coverflow
dai_lm
android coverflow
网上找了很久，都是用Gallery实现的，效果不是很满意，结果发现这个用OpenGL实现的，稍微修改了一下源码，实现了无限循环功能
源码地址：
https://github.com/jackfengji/glcoverflow
public class CoverFlowOpenGL extends GLSurfaceView implements
GLSurfaceV
JAVA数据计算的几个解决方案1
datamachine
java Hibernate 计算
老大丢过来的软件跑了10天，摸到点门道，正好跟以前攒的私房有关联，整理存档。
-----------------------------华丽的分割线-------------------------------------
数据计算层是指介于数据存储和应用程序之间，负责计算数据存储层的数据，并将计算结果返回应用程序的层次。J
&nbs
简单的用户授权系统,利用给user表添加一个字段标识管理员的方式
dcj3sjt126com
yii
怎么创建一个简单的(非 RBAC)用户授权系统
通过查看论坛，我发现这是一个常见的问题，所以我决定写这篇文章。
本文只包括授权系统.假设你已经知道怎么创建身份验证系统(登录)。 数据库
首先在 user 表创建一个新的字段(integer 类型),字段名 'accessLevel',它定义了用户的访问权限 扩展 CWebUser 类
在配置文件(一般为 protecte
未选之路
dcj3sjt126com
诗
作者:罗伯特*费罗斯特
黄色的树林里分出两条路,
可惜我不能同时去涉足,
我在那路口久久伫立,
我向着一条路极目望去,
直到它消失在丛林深处.
但我却选了另外一条路,
它荒草萋萋,十分幽寂;
显得更诱人,更美丽,
虽然在这两条小路上,
都很少留下旅人的足迹.
那天清晨落叶满地,
两条路都未见脚印痕迹.
呵,留下一条路等改日再
Java处理15位身份证变18位
蕃薯耀
18位身份证变15位 15位身份证变18位 身份证转换
15位身份证变18位，18位身份证变15位
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
蕃薯耀 201
SpringMVC4零配置--应用上下文配置【AppConfig】
hanqunfeng
springmvc4
从spring3.0开始，Spring将JavaConfig整合到核心模块，普通的POJO只需要标注@Configuration注解，就可以成为spring配置类，并通过在方法上标注@Bean注解的方式注入bean。
Xml配置和Java类配置对比如下：
applicationContext-AppConfig.xml
<!-- 激活自动代理功能 参看：
Android中webview跟JAVASCRIPT中的交互
jackyrong
JavaScript html android 脚本
在android的应用程序中,可以直接调用webview中的javascript代码,而webview中的javascript代码,也可以去调用ANDROID应用程序(也就是JAVA部分的代码).下面举例说明之:
1 JAVASCRIPT脚本调用android程序
要在webview中,调用addJavascriptInterface(OBJ,int
8个最佳Web开发资源推荐
lampcy
编程 Web 程序员
Web开发对程序员来说是一项较为复杂的工作，程序员需要快速地满足用户需求。如今很多的在线资源可以给程序员提供帮助，比如指导手册、在线课程和一些参考资料，而且这些资源基本都是免费和适合初学者的。无论你是需要选择一门新的编程语言，或是了解最新的标准，还是需要从其他地方找到一些灵感，我们这里为你整理了一些很好的Web开发资源，帮助你更成功地进行Web开发。
这里列出10个最佳Web开发资源，它们都是受
架构师之面试------jdk的hashMap实现
nannan408
HashMap
1.前言。
如题。
2.详述。
(1)hashMap算法就是数组链表。数组存放的元素是键值对。jdk通过移位算法（其实也就是简单的加乘算法），如下代码来生成数组下标(生成后indexFor一下就成下标了）。
static int hash(int h)
{
h ^= (h >>> 20) ^ (h >>>
html禁止清除input文本输入缓存
Rainbow702
html 缓存 input 输入框 change
多数浏览器默认会缓存input的值，只有使用ctl+F5强制刷新的才可以清除缓存记录。
如果不想让浏览器缓存input的值，有2种方法：
方法一： 在不想使用缓存的input中添加 autocomplete="off";
<input type="text" autocomplete="off" n
POJO和JavaBean的区别和联系
tjmljw
POJO java beans
POJO 和JavaBean是我们常见的两个关键字，一般容易混淆，POJO全称是Plain Ordinary Java Object / Pure Old Java Object，中文可以翻译成：普通Java类，具有一部分getter/setter方法的那种类就可以称作POJO，但是JavaBean则比 POJO复杂很多， Java Bean 是可复用的组件，对 Java Bean 并没有严格的规
java中单例的五种写法
liuxiaoling
java 单例
/**
* 单例模式的五种写法：
* 1、懒汉
* 2、恶汉
* 3、静态内部类
* 4、枚举
* 5、双重校验锁
*/
/**
* 五、 双重校验锁，在当前的内存模型中无效
*/
class LockSingleton
{
private volatile static LockSingleton singleton;
pri
