：table data，表格单元格。
rowspan：这个单元格跨多少行。
colspan：这个单元格跨多少列。
< tableborder = " 1" > < caption> caption > < thead> < tr> < td> td > < td> td > < tdrowspan = " 3" > td > tr > thead > < tbody> < tr> < tdcolspan = " 2" > td > tr > < tr> < td> td > < td> td > tr > tbody > table > 表格样式
样式属性：
border：设置边框。单位 px。cellpadding：单元格内容边距。单位 px 或 %。cellspacing：单元格与单元格之间的距离。单位 px 或 %。width、height：宽、高。单位 px 或 %。
< tableborder = " 1" cellpadding = " 6" cellspacing = " 5" width = " 500" height = " 100" > < tr> < td> td > < td> td > tr > < tr> < td> td > < td> td > tr > < tr> < td> td > < td> td > tr > table > 表单
表单通过
type：表单元素的类型。name：表单元素名称，可以随意设置。下面代码演示中不再赘述。value：表单元素初始值。disabled：禁用这个表单元素。加上后表单元素处于禁止状态，无法输入。
< inputtype = " text" value = " 我是显示的文本" /> < inputtype = " password" value = " 我是显示的密码" /> < inputtype = " radio" name = " 单选框名字" > < inputtype = " radio" name = " 单选框名字" > < inputtype = " radio" name = " 单选框名字" > < inputtype = " radio" name = " 单选框名字" checked > < inputtype = " checkbox" name = " 多选框名字" checked > < inputtype = " checkbox" name = " 多选框名字" checked > < inputtype = " checkbox" name = " 多选框名字" > < inputtype = " checkbox" name = " 多选框名字" checked > < select> < option> option > < optionselected > option > < option> option > select > < textareamaxlength = " 最大字符长度" > textarea > < inputtype = " submit" value = " 提交按钮的名称" > < labelfor = " username" > label > < inputtype = " text" name = " username" >
< form> < labelfor = " username" > label > < inputtype = " text" name = " username" > form > 框架
主页面（index.html）：cols 属性用来定义「分列」。下面示例中定义了两列，第一列宽度 120，第二列占满剩余宽度。name 属性定义该框架的「名称」，用于
< html> < framesetcols = " 120,*" > < framesrc = " tryhtml_contents.html" name = " sidebar" /> < framesrc = " frame_a.html" name = " content" /> frameset > html > 子页面（可以有多个）：
< html> < p> p > < ahref = " frame_b.html" target = " content" > a > html > frame_b.html：
< html> < p> p > < ahref = " frame_c.html" target = " content" > a > html > frame_c.html：
< html> < p> p > < ahref = " frame_a.html" target = " content" > a > html > CSS
基础知识
CSS 的三种引入方式：
< style>
CSS代码
style > < linkrel = " stylesheet" type = " text/css" href = " CSS文件地址" > < pstyle = " CSS代码 " > p > 三种方式的优先级：外部样式 < 内部样式 < 内联样式 。
CSS 基本语法：
选择器 {
属性1 : 值;
属性2 : 值;
}
选择器 {
属性1 : 值;
属性2 : 值;
}
选择器规则
p { }
h1, h2, h3 { }
* { }
.cls { }
.cls, .a { }
.cls.a { }
#hello { }
文本样式
p {
color : green;
color : #ffffff;
color : rgb ( 0, 0, 0) ;
}
p {
font-family : "Times New Roman" ;
font-size : 18px;
font-weight : bold;
font-weight : 200;
font-style : italic;
}
p {
text-decoration : none;
text-decoration : underline;
text-decoration : overline;
text-decoration : line-through;
}
p {
text-align : center;
line-height : 10px;
line-height : 200%;
line-height : normal;
letter-spacing : 10px;
letter-spacing : normal;
word-spacing : 10px;
word-spacing : normal;
}
背景样式
body {
background-color : #cccccc;
background-image : url ( "图片地址" ) ;
background-repeat : repeat-x;
background-repeat : repeat-y;
background-repeat : no-repeat;
background-position : top left;
}
表格样式
th, td {
border : 1px solid black;
}
table {
border-collapse : collapse;
}
Javascript
引入 Javascript
< script>
script > < scriptsrc = " JS源文件路径" /> 基础语法
变量
var global_var = 123 ;
function func ( ) {
var local_var = 114 ;
}
console. log ( local_var) ;
console. log ( local_var) ;
var local_var = 123 ;
数据类型
var a = 123
var b = 123.456
var str1 = '字符串' ;
var str2 = "单双引号皆可" ;
var b = true || false ;
var arr = [ 1 , 2.3 , "js 的数组可以包含不同类型的值" , false ] ;
var n = null ;
var u = undefined ;
var obj = {
属性 : "值" ,
属性2 : "值2"
} ;
类型互转
parseInt ( str) ;
parseFloat ( str) ;
Number ( str) ;
num. toString ( base) ;
Boolean ( val) ;
运算符
a + b
a - b
a * b
a / b
a % b
a++
++ a
a--
-- a
a == b
a === b
a != b
a !== b
a > b
a >= b
a < b
a >= b
a ? b : c
! a
a && b
a || b
a = b
a += b
a -= b
a *= b
a /= b
a &= b
流程控制
只列举特殊的。
for-in 循环：
for ( var prop in obj) {
console. log ( obj[ prop] ) ;
}
数组
var arr1 = new Array ( 5 ) ;
var arr2 = [ undefined , undefined , undefined , undefined , undefined ] ;
arr[ arr. length] = 1122 ;
arr. push ( 1122 ) ;
arr. unshift ( 3344 ) ;
delete arr[ 0 ] ;
arr. pop ( ) ;
arr. shift ( ) ;
for ( var i = arr. length - 1 ; i >= 0 ; i-- ) {
console. log ( arr[ i] ) ;
}
arr. forEach ( function ( element, index, arr ) {
console. log ( element) ;
} ) ;
常用方法
arr. indexOf ( element) ;
arr. lastIndexOf ( element) ;
c = a. contact ( b) ;
arr = arr. reverse ( ) ;
arr. join ( sep) ;
arr. sort ( [ compareFunc] ) ;
subArr = arr. slice ( a[ , b] ) ;
函数
函数的定义：
function foo ( arg1, arg2 ) {
return 114 + 514 ;
}
var foo = function ( arg1, arg2 ) {
return 114 + 514 ;
}
函数的参数：
function a ( arg1, arg2 ) {
console. log ( arg1) ;
console. log ( arg2) ;
}
a ( 1 ) ;
function sum ( ) {
var sum = 0 ;
for ( var i = arguments. length - 1 ; i >= 0 ; i-- ) {
sum += arguments[ i] ;
}
return sum;
}
console. log ( 1 , 2 , 3 ) ;
对象
对象的五种构造方法：
var obj1 = {
prop1 : "value1" ,
prop2 : "value2" ,
} ;
var obj2 = new Object ( ) ;
obj2. prop1 = "value1" ;
obj2. prop2 = "value2" ;
function createObj ( value1, value2 ) {
var obj = new Object ( ) ;
obj. prop1 = value1;
obj. prop2 = value2;
return obj;
}
var obj3 = createObj ( "value1" , "value2" ) ;
function Obj ( value1, value2 ) {
this . prop1 = value1;
this . prop2 = value2;
}
var obj4 = new Obj ( "value1" , "value2" ) ;
function Obj ( ) { }
Obj . prototype. prop1 = "value1" ;
Obj . prototype. prop2 = "value2" ;
var obj5 = new Obj ( ) ;
对象属性的增删查改：
obj. prop
obj[ "prop" ]
prop in obj
obj. hasOwnProperty ( "prop" ) ;
for ( var prop in obj)
console. log ( prop) ;
obj. getOwnPropertyNames ( ) ;
obj. keys ( ) ;
obj. prop = 123 ;
delete obj. prop
异常处理
try {
throw new Error ( "错误信息" ) ;
}
catch {
}
finally {
}
内置库
字符串
[] 内的参数表示可选。
str. indexOf ( 子字符串[ , 开始位置] ) ;
str. lastIndexOf ( 子字符串[ , 开始位置] ) ;
str. charAt ( 下标) ;
str. slice ( a[ , b] ) ;
str. substring ( a[ , b] ) ;
str. substr ( a[ , len] ) ;
str. split ( 分隔符)
str. toUpperCase ( ) ;
str. toLowerCase ( ) ;
数学
Math. PI ;
Math. ceil ( x) ;
Math. floor ( x) ;
Math. sqrt ( x) ;
Math. round ( x) ;
Math. abs ( x) ;
Math. pow ( x, a) ;
Math. max ( a, b, ... , n) ;
Math. min ( a, b, ... , n) ;
时间日期
new Date ( ) ;
new Date ( tt) ;
new Date ( timeString) ;
new Date ( year, month, day, hour, minute, second, millsecond) ;
var date = new Date ( ) ;
date. getFullYear ( ) ;
date. setFullYear ( year[ , month[ , day] ] ) ;
date. getMonth ( ) ;
date. setMonth ( month[ , day] ) ;
date. getDate ( ) ;
date. getDay ( ) ;
JSON
JSON 语法：
{
"值1" : "属性" ,
"值2" : "属性类型可以为：字符串、数字、布尔型、null、对象、数组" ,
"数组演示" : [ 1 , 2.3 , "string" , true , null ] ,
"对象演示" : {
"obj1" : { "key1" : "value1" } ,
"obj2" : { "key1" : "value1" }
}
}
Javascript 与 JSON：
var json = {
"key1" : "value1" ,
"key2" : "value2"
} ;
JSON . parse ( 字符串) ;
JSON . stringify ( JSON 对象) ;
正则
正则语法
表示
含义
[A-Z]
匹配一个从 A-Z 的字符
\w
匹配大小写字符或数字
\W
匹配非字母，非数字
\d
匹配数字
\D
匹配非数字
表示
含义
{x}
前面的字符出现 x 次
{a, }
前面的字符出现 a~∞ 次
{a, b}
前面的字符出现 a~b 次
?
前面的字符出现 0~1 次
*
前面的字符出现 0~∞ 次
+
前面的字符出现 1~∞ 次
表示
含义
^
匹配字符串开头
\b
匹配单词边界
\B
匹配非单词边界
表示
含义
例
(expr)
圆括号用于分组 ，表示一个子表达式。
(play(ed|ing)) (ed|ing) 是第 2 个子表达式
expr1|expr2
将整个正则表达式一份为二，相当于”expr1 或 expr2“。() 使用。
-
\x
表示引用第 x 个子表达式匹配到的内容。
-
Javascript 与 正则
var regex = new RegExp ( "表达式" ) ;
var regex = / 表达式 / ;
/ expr/ i;
/ expr/ g;
/ expr/ m;
regex. test ( str) ;
str. search ( regex) ;
str. split ( regex) ;
str. replace ( regex, str) ;
str. replace ( regex, "$1" ) ;
DOM
document 文档模型
获取 DOM 结点：
document. getElementById ( "idName" ) ;
document. getElementsByTagName ( "tagName" ) ;
document. getElementsByClassName ( "className" ) ;
document. querySelector ( "cssSelector" ) ;
document. querySelectorAll ( "cssSelector" ) ;
DOM 结点操作：
var node;
node. firstElementChild;
node. lastElementChild;
node. previousElementSibling;
node. children;
var node = document. createElement ( "form" ) ;
node. method = "post" ;
node. id = "myForm" ;
document. body. appendChild ( node) ;
document. body. insertBefore ( a, b) ;
node. removeChild ( child) ;
node. replaceChild ( oldChild, newChild) ;
DOM 结点属性操作：
node. innerText;
node. innerHTML;
node. getAttribute ( 属性名称) ;
node. getAttribute ( 属性名称, 值) ;
node. className;
window 浏览器模型
定时
var id = window. setTimeout ( func, millsecond) ;
window. clearTimeout ( id) ;
var id = window. setInterval ( func, millsecond) ;
window. clearInterval ( id) ;
location 对象
window. location. href;
window. location. host;
window. location. hostname;
window. location. pathname;
window. location. port;
window. location. protocal;
window. location. search;
window. location. href = "https://www.baidu.com" ;
对话框
window. alert ( msg) ;
window. comfirm ( msg) ;
var text = window. prompt ( msg[ , default ] ) ;
窗口操作
var win = window. open ( url, name, specs, replace) ;
win. close ( ) ;
你可能感兴趣的:(css,前端,html,javascript)
Javascript 平行四边形周长计算程序(Program for Circumference of a Parallelogram)
给定平行四边形的边，计算周长。示例：输入：a=10，b=8输出：36.00输入：a=25.12，b=20.4输出：91.04平行四边形的对边长度相等且平行。两角相等，但不一定为90度。平行四边形的周长可以计算为两条相邻边之和，每条边乘以2。计算平行四边形周长的公式：（2*a）+（2*b）//JavascriptProgramtocalculatethe//CircumferenceofaParal
推客系统小程序开发实战：2025年技术架构与实现细节
wx_qutudy
java 推客小程序开发 推客系统
引言在电商生态竞争日益激烈的2025年，推客系统作为私域流量运营的核心工具，其技术实现效率与合规性已成为企业增长的关键指标。本文基于实际开发经验，深度解析推客系统小程序的技术选型、架构设计与核心功能实现，旨在为开发者提供可复用的技术方案。一、技术选型：多端统一开发框架的深度实践1.1前端框架选型对比在2025年主流框架对比中，Taro3.6.31展现出显著优势：跨平台能力：支持微信/支付宝/百度小
CSS 样式设计：背景、字体与边框渐变详解
前端呆猿
css 前端
一、CSS背景渐变CSS背景渐变是现代网页设计中常用的技术，可以创建平滑的颜色过渡效果，替代传统的静态背景图像。1.线性渐变(LinearGradient).element{background:linear-gradient(toright,#ff7e5f,#feb47b);}方向参数：toright、toleft、tobottom、totop，或角度如45deg可以添加多个颜色节点：linea
IM即时通讯源码/im源码基于uniapp框架从0开始设计搭建在线聊天系统
宠友信息
uni-app mysql spring boot java 小程序
文章目录前言一、确定技术栈二、数据库设计：1.引入库2.使用SpringBoot创建后端项目3.实现WebSocket通信：3.1创建WebSocket配置类：3.2创建ChatWebSocketHandler类：3.3前端WebSocket连接与通信：总结前言随着人社交产品的不断发展，即时通讯聊天这门技术也越来越重要，很多人都开启了学习通讯技术，本文就介绍了即时通讯的基础内容。一、确定技术栈在开
用项目说话：我的React博客构建成果与经验复盘
Pan Zonghui
移动端 react 项目总结 react.js 前端 前端框架
这是一个基于React19+TypeScript+Vite构建的现代化博客系统，采用了最新的前端技术栈和工程化实践。项目不仅实现了完整的博客功能，更在架构设计、性能优化、开发体验等方面体现了企业级应用的标准。成品展示个人博客链接地址：https://pzhdv.cnpc端页面展示首页分类页面关于我文章详情页面移动端技术栈选择与分层设计技术栈选择核心框架与工具React19.1.0:最新版本的Rea
CSS定位属性全解析
代码的余温
css 前端
CSS的position属性用于定义元素在文档中的定位方式，其属性值及作用如下：1.static（默认值）作用：元素遵循正常文档流，忽略top、right、bottom、left和z-index属性。特点：✓元素按源码顺序自然排列。✓无法通过方向属性调整位置。.element{position:static;}2.relative（相对定位）作用：元素相对于自身原位置进行偏移，原空间保留。特点：✓
白帽必备技术栏目一（javascript基础）
直接进入主题正好也在带学生会把笔记同步发送到csdn上后期不管是去就业还是在家里挖洞都都行javascript基础注意事项局部作用域里面给到的变量不加var就会变成全局变量数据类型boolean布尔类型boolean除了0和空字符串以及nullundefined其他的都是truevarbool=true;varbool=false;number类型varnum=10;//10varnum=0x23
从零开发推客小程序系统：完整技术方案与实战经验
wx_ywyy6798
小程序 推客小程序开发 推客系统开发 微信小程序 推客小程序 推客系统 推客分销系统开发
一、推客小程序的市场价值社交电商爆发式增长背景推客模式的优势：低成本获客、用户裂变小程序作为推客系统载体的天然优势二、技术架构设计text1.前端技术栈：-微信小程序原生开发/uni-app跨平台方案-自定义分享组件开发-可视化数据看板实现2.后端技术选型：-Node.js/PHP/JavaSpringBoot等后端框架对比-高性能分销关系链存储方案-佣金结算系统的设计要点3.数据库设计：-用户层
R语言 绘制散点图
Ora_ge
R语音
［转自：http://blog.sina.com.cn/s/blog_69ffa1f90101siek.html］函数。简单地说，把一些R语句（赋值、计算或其他操作步骤）包装起来并给它一个名称，这就是函数。我们前面接触过的getClass(),class(),head(),rep(),cbind(),rbind()等都是函数。显示（打印）对象也有函数print()，但R有更简单的方法：输入对象名（
混合开发Hybrid，JSBridge原理简述
永恒即是最美
混合开发（Hybrid），是一种开发模式，指使用多种开发模型开发App。一般有两大模式：原生Native、WebH5。混合开发时，原生、Web相互通信都离不开JSBridge。JSBridge：以JavaScript引擎或Webview容器作为媒介，通过协定协议进行通信，实现Native端和Web端双向通信的一种机制。（webView是移动端提供的运行JavaScript的环境，是系统渲染Web网
数字图像处理（三：图像如果当作矩阵，那加减乘除处理了矩阵，那图像咋变）：从LED冬奥会、奥运会及春晚等等大屏，到手机小屏，快来挖一挖里面都有什么
数字图像处理（三）一、（准备工作：咋玩，用什么玩具）图像以矩阵形式存储，那矩阵一变、图像立刻跟着变？1.Python+JupyterNotebook/Lab+库(NumPy,OpenCV,Matplotlib,scikit-image)2.MATLAB+ImageProcessingToolbox3.JavaScript+HTML5Canvas+浏览器4.专业的图像处理软件(带脚本/插件功能)二、
XSS介绍及利用
0x00dream
常见漏洞 web javascript
XSS——跨站脚本攻击XSS介绍及利用**XSS的三种类型****构造xss脚本****自动化XSS——BeEF**XSS介绍及利用1、XSS介绍XSS（crosssitescripting）跨站脚本攻击，恶意攻击者往web页面里插入恶意script代码，当用户浏览该页面时，代码就会被执行2、XSS原理在HTML中常用到字符实体，对常用到的字符实体没有进行转译，导致完整的标签出现，在可输入的文本框
springboot-mybatis-MySQL-集成
张_皮皮
springboot mybatis maven springboot mybatis idea
这也是我第一次搭建springboot-mybatis的项目环境，记录一下。我是用IntelliJIDEA，你可以创建maven项目，也可以直接创建spring项目，最终的项目结构如下，这里说明下，resources下面的mappers里面是存放mybatis的SQL映射文件，static下面存放前端静态资源文件，如js,css等，template下存放前端模板文件，本项目使用的freemarke
GitLab系列2 GitLab Workhorse
weixin_34326558
git 运维 前端 ViewUI
GitLabWorkhorse上一回介绍了GitLab的基础功能和架构，但还没具体讲解用户的请求是怎么被处理的，只是将各个组件的功能职责介绍了一遍，本节将简单介绍gitlab-workhorse的功能首先回顾一下：GitLab利用Nginx将前端的http/https请求代理至gitlab-workhorse，gitlab-workhorse再将请求转发至UnicornWeb服务器。默认情况下gi
题解 | #使用join查询找出没有分类的电影id以及名称#
愤怒的小青春
java
58同城java后端一面凉经主流的哈希算法有哪几种？帮闺蜜们找靠谱男票hc多多光彩积云是什么企业，查不到有用信息太抽象了！培训班装公司招聘阿里巴巴前端暑期实习——无语八面挂怎么写自我介绍|自我介绍保姆级教学灵犀互娱客户端一面面经(求过啊)24找运维实习，这简历可行吗拓竹科技测试开发面经（25届暑期实习）分享一波攒了整个秋招的NLP算法岗面经腾讯广告暑期实习面试1、JVM垃圾回收机制2、syncho
深入理解浏览器解析机制和XSS向量编码
lq_ioi_pl
xss 前端 编码
URL编码"javascript:alert(1)"---->%6a%61%76%61%73%63%72%69%70%74:%61%6c%65%72%74%28%31%29aaa-------浏览器解析不了。页面识别在url解码之前，在识别标签和属性的时候还没解码，页面就不认识这串编码，不会把它们当作JS代码执行页面识别的时候，已经进行HTML实体解码，变成了aaaaa浏览器会识别它为可执行JS代
XSS Game
Earnestfu
xss 前端
hugoserver--bind0.0.0.0--baseURLhttp://192.168.239.128:1313/MaSpaghet!spaghet.innerHTML=(newURL(location).searchParams.get('somebody')||"Somebody")+"TouchaMaSpaghet!"没有什么过滤，直接输入就行payload：http://192.16
【hc多多】华为25届实习生招聘 （东莞、北京、成都、西安）
2301_78234743
java
被面试官羞辱。。。快手—Java日常实习组内急招智谱华章前端一面凉经pdd你真是饿了......2024年4月最新腾讯后端校招实习面经概答：面面俱到的考察千亿元宇宙市场，Soul、映客的新动力学3个月后端了嵌入式简历制作简历优化荣耀错过面试是不是没约面机会了？微众银行25届暑期实习招聘正式启动！荣耀错过面试是不是没约面机会了？成都经纬恒润CE视景仿真部成都经纬恒润CE视景仿真部软件实习生是做什么的
XSS的介绍
lq_ioi_pl
xss 前端
目录XSS的原理反射型XSSDOM型XSS存储型XSS常见的XSSPayloadXSS的原理XSS全称跨站脚本(CrossSiteScripting)，为避免与层叠样式表(CascadingStyleSheets,CSS)的缩写混淆，故缩写为XSS。这是一种将任意Javascript代码插入到其他Web用户页面中执行以达到攻击目的的漏洞。攻击者利用浏览器的动态展示数据功能，在HTML页面里嵌入恶意
Netty集群方案详解与实战(Zookeeper + Redis + RabbitMQ)
懂得节能嘛.
网络编程 zookeeper redis rabbitmq
一、背景二、Netty单体架构的优缺点优点缺点三、Netty集群架构的优缺点优点缺点四、适用场景对比五、Netty单体架构代码实现六、Netty集群架构方案实现方案一、Nginx负载均衡实现集群(较为简单)Nginx配置前端连接方式方案二、Nacos+Gateway（结合SpringCloud生态）Netty服务gateway网关服务前端连接方式方案三、Zookeeper+Redis+Rabbit
001双双-文案课第七次作业
双双执行力财富流教练
作业要求：竞品分析做一个手机的竞品分析至于选择哪两款产品出于什么目的进行分析，需要按照韩老白老师今天讲的四个步骤来对比机型：iPhoneXvs坚果R1iPhoneXvs坚果R1参考资料：iPhoneX参数：http://product.pconline.com.cn/mobile/apple/1048848_detail.html坚果R1参数：http://product.pconline.com
DHTMLX Suite 9.2 重磅发布：支持历史记录、类Excel交互、剪贴板、拖放增强等多项升级
全球知名的JavaScriptUI组件库DHTMLXSuite迎来9.2新版本！此次更新虽为次版本号，却实质性提升了Grid网格组件的交互能力与用户体验，引入了包括历史记录管理、剪贴板操作、数据选择范围管理、Block区块选择等多项高级模块，支持更接近电子表格的使用体验。新版Grid组件不仅在数据可视化、数据编辑方面功能更强，还增强了与主流前端框架（如React、Vue、Angular）的集成示例
如何用纯 HTML 文件实现 Vue.js 应用，并通过 CDN 引入 Element UI
人工智能训练师
VUE html vue.js ui
相关名词解释Vue.jsVue.js：是一款用于构建用户界面的JavaScript框架。它基于标准HTML、CSS和JavaScript构建，提供声明式的、组件化的编程模型，可高效开发用户界面。具有响应式数据绑定等特性，能自动跟踪数据变化并更新DOM。ElementUI：是一个基于Vue.js的流行前端UI框架，由饿了么团队开发和维护。它提供了一系列预设计的Vue组件，如按钮、输入框、表格等，可帮
从头学前端-HTML简介
liangblog
笔记 前端 html javascript
HTML简介:先说下什么是网页：网页是网站中的页面，通长是HTML格式的文件，单个或多个页面就组成了一个网站；现在的技术发展到一般都是单页应用，在一个页面中，通过页面跳转的方式，访问不同数据页面；网页基本都是通过浏览器访问；网页主要有图片，文字、链接、视音频等元素组成；使用不同的标签引入元素；最终生成的文件和展示的方式一般都是html或htm文件;什么是HTMLHTML是超文本标记语言《Hyper
PowerPCB(PADS)常见问题全集
weixin_33774308
数据库
来自:http://hi.baidu.com/huxianfangyuan/blog/item/01bdff730259c5168701b08d.html1、走线很细，不是设定值`有时将预拉线布好线后，所布的线变成了一根很细的线而不是我们所设定的线宽，但是查看它的属性也还是一样的最小线宽显示值的设定大于route线宽。setup--preferences--global--minimumdispl
【原生JS教程】第3节：运算符与表达式
全栈前端老曹
原生JS教程与实战 前端教程 javascript 开发语言 ecmascript 前端
第3课：运算符与表达式引言运算符是JavaScript中用于操作数据的基本工具，表达式则是由变量、常量、运算符等构成的可求值代码片段。掌握运算符的分类和使用方式，是编写逻辑判断、数据处理和复杂计算的基础。通过本节课的学习，你将掌握：JavaScript中常见的运算符类型（算术、比较、逻辑、三元等）运算符的优先级与结合性表达式的基本概念与使用场景常见运算符陷阱与最佳实践本节内容概要✅1.算术运算符（
从代码到终端部署：Prompt如何颠覆传统DevOps流程
LCG元
工具 运维 prompt devops 运维
文章目录基于Prompt工程的DevOps架构重构实践一、架构演进与技术对比1.1架构演进路径1.2核心流程对比二、核心实现方案2.1Prompt解析引擎实现（Python）2.2Kubernetes集成部署（YAML模板）三、生产部署实践3.1安全增强方案3.2性能优化数据四、技术前瞻与演进4.1未来三年技术路线图五、完整技术图谱六、核心代码实现（TypeScript前端）七、部署验证测试基于P
前端------Filter
童小纯
前端系列---从入门到深化 html vue
其实数组的很多函数需要的参数都是一样的arr.fun((item,index,arr)=>{item:数组的元素index:数组元素在的位置arr:整个数组})Filter是数组的一个用法,用来返回一个数组,满足特定条件的数组中的元素letarr=[1,2,3,4];letnewArr=arr.filter((item,index,arr)=>{console.log("数组元素${item}")
CSS实现前端响应式布局
一、响应式布局概述响应式布局的定义与重要性响应式布局是一种能够使网页在不同设备上（如桌面电脑、平板电脑、手机等）都能呈现出良好视觉效果和用户体验的设计方法。它通过使用灵活的布局、可适应的图像和媒体查询等技术，确保网页能够根据设备的屏幕尺寸、分辨率和方向进行自动调整和优化。在当今数字化时代，响应式布局至关重要。随着移动设备的广泛使用，用户越来越多地通过各种设备访问网页。如果网页不能在不同设备上良好地
全栈开发的现状与未来——机遇与挑战并存
Willin 老王躺平不摆烂
chatgpt AIGC 程序员创富 ecmascript javascript
目录全栈开发的现状与未来：机遇与挑战并存1.全栈开发的就业市场现状与趋势1.1当前市场需求与薪资水平1.2行业竞争与公司偏好1.3未来几年发展预测2.全栈开发的技能要求与职业发展2.1核心技能栈：从前端到后端2.2新兴技术：AI与低代码/无代码2.3职业发展路径与晋升空间2.4多元化发展机会3.全栈开发的行业挑战与应对策略3.1主要行业挑战3.2应对策略与建议全栈开发依然充满机遇，市场需求旺盛，薪
web报表工具FineReport常见的数据集报错错误代码和解释
老A不折腾
web报表 finereport 代码 可视化工具
在使用finereport制作报表，若预览发生错误，很多朋友便手忙脚乱不知所措了，其实没什么，只要看懂报错代码和含义，可以很快的排除错误，这里我就分享一下finereport的数据集报错错误代码和解释，如果有说的不准确的地方，也请各位小伙伴纠正一下。
NS-war-remote=错误代码\:1117 压缩部署不支持远程设计
NS_LayerReport_MultiDs=错误代码
Java的WeakReference与WeakHashMap
bylijinnan
java 弱引用
首先看看 WeakReference
wiki 上 Weak reference 的一个例子：
public class ReferenceTest {
public static void main(String[] args) throws InterruptedException {
WeakReference r = new Wea
Linux——（hostname）主机名与ip的映射
eksliang
linux hostname
一、 什么是主机名
无论在局域网还是INTERNET上，每台主机都有一个IP地址，是为了区分此台主机和彼台主机，也就是说IP地址就是主机的门牌号。但IP地址不方便记忆，所以又有了域名。域名只是在公网（INtERNET)中存在，每个域名都对应一个IP地址，但一个IP地址可有对应多个域名。域名类型 linuxsir.org 这样的；
主机名是用于什么的呢？
答：在一个局域网中，每台机器都有一个主
oracle 常用技巧
18289753290
oracle常用技巧 ①复制表结构和数据 create table temp_clientloginUser as select distinct userid from tbusrtloginlog ②仅复制数据 如果表结构一样 insert into mytable select * &nb
使用c3p0数据库连接池时出现com.mchange.v2.resourcepool.TimeoutException
酷的飞上天空
exception
有一个线上环境使用的是c3p0数据库，为外部提供接口服务。最近访问压力增大后台tomcat的日志里面频繁出现
com.mchange.v2.resourcepool.TimeoutException: A client timed out while waiting to acquire a resource from com.mchange.v2.resourcepool.BasicResou
IT系统分析师如何学习大数据
蓝儿唯美
大数据
我是一名从事大数据项目的IT系统分析师。在深入这个项目前需要了解些什么呢？学习大数据的最佳方法就是先从了解信息系统是如何工作着手，尤其是数据库和基础设施。同样在开始前还需要了解大数据工具，如Cloudera、Hadoop、Spark、Hive、Pig、Flume、Sqoop与Mesos。系 统分析师需要明白如何组织、管理和保护数据。在市面上有几十款数据管理产品可以用于管理数据。你的大数据数据库可能
spring学习——简介
a-john
spring
Spring是一个开源框架，是为了解决企业应用开发的复杂性而创建的。Spring使用基本的JavaBean来完成以前只能由EJB完成的事情。然而Spring的用途不仅限于服务器端的开发，从简单性，可测试性和松耦合的角度而言，任何Java应用都可以从Spring中受益。其主要特征是依赖注入、AOP、持久化、事务、SpringMVC以及Acegi Security
为了降低Java开发的复杂性，
自定义颜色的xml文件
aijuans
xml
<?xml version="1.0" encoding="utf-8"?> <resources> <color name="white">#FFFFFF</color> <color name="black">#000000</color> &
运营到底是做什么的？
aoyouzi
运营到底是做什么的？
文章来源：夏叔叔（微信号：woshixiashushu），欢迎大家关注！很久没有动笔写点东西，近些日子，由于爱狗团产品上线，不断面试，经常会被问道一个问题。问：爱狗团的运营主要做什么？答：带着用户一起嗨。为什么是带着用户玩起来呢？究竟什么是运营？运营到底是做什么的？那么，我们先来回答一个更简单的问题——互联网公司对运营考核什么？以爱狗团为例，绝大部分的移动互联网公司，对运营部门的考核分为三块——用
js面向对象类和对象
百合不是茶
js 面向对象 函数创建类和对象
接触js已经有几个月了,但是对js的面向对象的一些概念根本就是模糊的,js是一种面向对象的语言 但又不像java一样有class,js不是严格的面向对象语言 ,js在java web开发的地位和java不相上下 ,其中web的数据的反馈现在主流的使用json,json的语法和js的类和属性的创建相似
下面介绍一些js的类和对象的创建的技术
一:类和对
web.xml之资源管理对象配置 resource-env-ref
bijian1013
java web.xml servlet
resource-env-ref元素来指定对管理对象的servlet引用的声明，该对象与servlet环境中的资源相关联
<resource-env-ref>
<resource-env-ref-name>资源名</resource-env-ref-name>
<resource-env-ref-type>查找资源时返回的资源类
Create a composite component with a custom namespace
sunjing
https://weblogs.java.net/blog/mriem/archive/2013/11/22/jsf-tip-45-create-composite-component-custom-namespace
When you developed a composite component the namespace you would be seeing would
【MongoDB学习笔记十二】Mongo副本集服务器角色之Arbiter
bit1129
mongodb
一、复本集为什么要加入Arbiter这个角色 回答这个问题，要从复本集的存活条件和Aribter服务器的特性两方面来说。 什么是Artiber？ An arbiter does
not have a copy of data set and
cannot become a primary. Replica sets may have arbiters to add a
Javascript开发笔记
白糖_
JavaScript
获取iframe内的元素
通常我们使用window.frames["frameId"].document.getElementById("divId").innerHTML这样的形式来获取iframe内的元素，这种写法在IE、safari、chrome下都是通过的，唯独在fireforx下不通过。其实jquery的contents方法提供了对if
Web浏览器Chrome打开一段时间后，运行alert无效
bozch
Web chorme alert 无效
今天在开发的时候，突然间发现alert在chrome浏览器就没法弹出了，很是怪异。
试了试其他浏览器，发现都是没有问题的。
开始想以为是chorme浏览器有啥机制导致的，就开始尝试各种代码让alert出来。尝试结果是仍然没有显示出来。
这样开发的结果，如果客户在使用的时候没有提示，那会带来致命的体验。哎，没啥办法了 就关闭浏览器重启。
结果就好了，这也太怪异了。难道是cho
编程之美-高效地安排会议 图着色问题 贪心算法
bylijinnan
编程之美
import java.util.ArrayList;
import java.util.Collections;
import java.util.List;
import java.util.Random;
public class GraphColoringProblem {
/**编程之美 高效地安排会议 图着色问题 贪心算法
* 假设要用很多个教室对一组
机器学习相关概念和开发工具
chenbowen00
算法 matlab 机器学习
基本概念：
机器学习(Machine Learning, ML)是一门多领域交叉学科，涉及概率论、统计学、逼近论、凸分析、算法复杂度理论等多门学科。专门研究计算机怎样模拟或实现人类的学习行为，以获取新的知识或技能，重新组织已有的知识结构使之不断改善自身的性能。
它是人工智能的核心，是使计算机具有智能的根本途径，其应用遍及人工智能的各个领域，它主要使用归纳、综合而不是演绎。
开发工具
M
[宇宙经济学]关于在太空建立永久定居点的可能性
comsci
经济
大家都知道,地球上的房地产都比较昂贵,而且土地证经常会因为新的政府的意志而变幻文本格式........
所以,在地球议会尚不具有在太空行使法律和权力的力量之前,我们外太阳系统的友好联盟可以考虑在地月系的某些引力平衡点上面,修建规模较大的定居点
oracle 11g database control 证书错误
daizj
oracle 证书错误 oracle 11G 安装
oracle 11g database control 证书错误
win7 安装完oracle11后打开 Database control 后，会打开em管理页面，提示证书错误，点“继续浏览此网站”，还是会继续停留在证书错误页面
解决办法：
是 KB2661254 这个更新补丁引起的，它限制了 RSA 密钥位长度少于 1024 位的证书的使用。具体可以看微软官方公告：
Java I/O之用FilenameFilter实现根据文件扩展名删除文件
游其是你
FilenameFilter
在Java中，你可以通过实现FilenameFilter类并重写accept(File dir, String name) 方法实现文件过滤功能。
在这个例子中，我们向你展示在“c:\\folder”路径下列出所有“.txt”格式的文件并删除。 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16
C语言数组的简单以及一维数组的简单排序算法示例，二维数组简单示例
dcj3sjt126com
c array
# include <stdio.h>
int main(void)
{
int a[5] = {1, 2, 3, 4, 5};
//a 是数组的名字 5是表示数组元素的个数，并且这五个元素分别用a[0], a[1]...a[4]
int i;
for (i=0; i<5; ++i)
printf("%d\n",
PRIMARY, INDEX, UNIQUE 这3种是一类 PRIMARY 主键。 就是 唯一 且 不能为空。 INDEX 索引，普通的 UNIQUE 唯一索引
dcj3sjt126com
primary
PRIMARY, INDEX, UNIQUE 这3种是一类PRIMARY 主键。 就是 唯一 且 不能为空。INDEX 索引，普通的UNIQUE 唯一索引。 不允许有重复。FULLTEXT 是全文索引，用于在一篇文章中，检索文本信息的。举个例子来说，比如你在为某商场做一个会员卡的系统。这个系统有一个会员表有下列字段：会员编号 INT会员姓名
java集合辅助类 Collections、Arrays
shuizhaosi888
Collections Arrays HashCode
Arrays、Collections
1 ）数组集合之间转换
public static <T> List<T> asList(T... a) {
return new ArrayList<>(a);
}
a）Arrays.asL
Spring Security（10）——退出登录logout
234390216
logout Spring Security 退出登录 logout-url LogoutFilter
要实现退出登录的功能我们需要在http元素下定义logout元素，这样Spring Security将自动为我们添加用于处理退出登录的过滤器LogoutFilter到FilterChain。当我们指定了http元素的auto-config属性为true时logout定义是会自动配置的，此时我们默认退出登录的URL为“/j_spring_secu
透过源码学前端 之 Backbone 三 Model
逐行分析JS源代码
backbone 源码分析 js学习
Backbone 分析第三部分 Model
概述： Model 提供了数据存储，将数据以JSON的形式保存在 Model的 attributes里，
但重点功能在于其提供了一套功能强大，使用简单的存、取、删、改数据方法，并在不同的操作里加了相应的监听事件，
如每次修改添加里都会触发 change，这在据模型变动来修改视图时很常用，并且与collection建立了关联。
SpringMVC源码总结（七）mvc:annotation-driven中的HttpMessageConverter
乒乓狂魔
springMVC
这一篇文章主要介绍下HttpMessageConverter整个注册过程包含自定义的HttpMessageConverter，然后对一些HttpMessageConverter进行具体介绍。
HttpMessageConverter接口介绍：
public interface HttpMessageConverter<T> {
/**
* Indicate
分布式基础知识和算法理论
bluky999
算法 zookeeper 分布式 一致性哈希 paxos
分布式基础知识和算法理论
BY
[email protected]
本文永久链接：http://nodex.iteye.com/blog/2103218
在大数据的背景下，不管是做存储，做搜索，做数据分析，或者做产品或服务本身，面向互联网和移动互联网用户，已经不可避免地要面对分布式环境。笔者在此收录一些分布式相关的基础知识和算法理论介绍，在完善自我知识体系的同
Android Studio的.gitignore以及gitignore无效的解决
bell0901
android gitignore
github上.gitignore模板合集，里面有各种.gitignore ： https://github.com/github/gitignore
自己用的Android Studio下项目的.gitignore文件，对github上的android.gitignore添加了
# OSX files //mac os下 .DS_Store
成为高级程序员的10个步骤
tomcat_oracle
编程
What
软件工程师的职业生涯要历经以下几个阶段：初级、中级，最后才是高级。这篇文章主要是讲如何通过 10 个步骤助你成为一名高级软件工程师。
Why
得到更多的报酬！因为你的薪水会随着你水平的提高而增加
提升你的职业生涯。成为了高级软件工程师之后，就可以朝着架构师、团队负责人、CTO 等职位前进
历经更大的挑战。随着你的成长，各种影响力也会提高。
mongdb在linux下的安装
xtuhcy
mongodb linux
一、查询linux版本号：
lsb_release -a
LSB Version: :base-4.0-amd64:base-4.0-noarch:core-4.0-amd64:core-4.0-noarch:graphics-4.0-amd64:graphics-4.0-noarch:printing-4.0-amd64:printing-4.0-noa
