前端
文章平均质量分 77
简至大道
有道无术,术尚可求也;有术无道,止于术。
文章仅供学习与分享使用,部分文章转载已注明出处
展开
-
JavaScript高阶函数 数组常见方法(filter,map,ruduce,splice)
JavaScript高阶函数 数组常见方法(filter,map,ruduce,splice)***将符合条件的对象组成新的数组***三个参数。表述当前元素的的值(item)。当前元素的索引也就是第几个数组元素。。当前元素属于的数组对象。...原创 2022-07-22 18:52:06 · 90 阅读 · 0 评论 -
jquery
1、JQuery操作html的值①、html()===>JS中的innerHTML:②、text()====>JS中的innerText:③、val()=====>获取输入元素的值:2、jquery绑定html元素的事件①、jqObj.事件名称(function(){});$('#id1').click(function(){}3、通过jquery对象操作html属性获取:jqObj.attr(“属性名”);设置:①、jqObj.attr(“属性名”,‘属性值’).原创 2021-08-26 17:13:15 · 1412 阅读 · 0 评论 -
day0528-jQuery语法、选择器、特效
day0528-jQuery语法、选择器、特效本节内容1.jQuery简介2.jQuery语法3.jQuery基本选择器4.jQuery特效一.jquery语法与选择器1.html/css代码<head> <meta charset="utf-8" /> <title>jquery语法与选择器</title> </head><body>jquery的选择器```html 高山流水 I am原创 2021-08-26 17:11:41 · 91 阅读 · 0 评论 -
day0526CSS3 简介及文本与多列
day0526CSS3的背景、2d-3d转换及过渡动画1.CSS3背景2.2D变换3.3D变换4.过渡动画一.css3的背景1.线性背景(线性渐变颜色)linear-gradient(方向,颜色1,颜色2…)<div class="linear"> 线性渐变背景</div><style type="text/css"> .linear{ width: 300px; height: 80px; line-height: 80px;原创 2021-08-17 12:44:13 · 62 阅读 · 0 评论 -
反射与注解编程及-CSS3
day0525-CSS3课程回顾1.Java反射reflect原理与作用程序运行过程中获取Java类对象,并动态获取元数据(meta),比如:类名,构造器,属性,方法,参数等,同时也能动态修改数据,最终使功能更强大。操作流程:拿到一个类对象->方法->获取元数据->修改(结合注解完成,annotation)2.注解编程Annotaion简化动态管理程序过程,通过简洁的注解对象动态配置或修改程序。比如:@Servicepublic class MyGame{ @原创 2021-08-17 12:42:14 · 57 阅读 · 0 评论 -
15.JS_DOM
32w’s’zcssid: 100 class;10 tag:1!important:最高1. 客户端存储:locaStorage: 必须手动清除。登录之后再不用登录,存个令牌tokensessionStorage: 只活在当前页面(当前选项卡)cookie: 可以设置超时时间。浏览器不关闭,不超时就不会清空登录之后,个半个小时未操作,提升重新登录indexedDB: 非关系型数据库WebSQL: ORDBMS2. Form对象document.forms[0.原创 2021-08-17 12:40:06 · 77 阅读 · 0 评论 -
14.js—DOM
1. 通用元素方法:append/prepend:after/beforeblur/focus/click/: 触发事件onblur/onfocus/onclick/: 触发事件要做的处理οnblur=function(){} .blur()<script> function loadpage() { document.getElementById("ename").focus(); // 获取焦点方法 docu原创 2021-08-17 12:39:34 · 63 阅读 · 0 评论 -
13.js_3
1. Goalbal:alert(); 弹 提示框confirm(); 弹 确认框;点【是】返回true 点【否】 返回false <script> function abc() { // confirm 确认框,点【是】返回true 点【否】 返回false if (confirm("are you sure")) { let ele = document.getElementsBy原创 2021-08-17 12:38:30 · 78 阅读 · 0 评论 -
12.javascript_高级
1. function调用 abc(); abc(1); abc(1, 2) abc(1, 2, 3) function abc(a, b, c) { console.log(a + "\r\n" + b); for (let i = 0; i < arguments.length; i++) { console.info(arguments[原创 2021-08-17 12:37:18 · 69 阅读 · 0 评论 -
10.javascript
1. js : javascript: ecmascript(ES6)1.基于对象, 2.事件驱动 3,弱类型 4.脚本基于对象????:封装、继承 没有多态事件驱动: onclick。。。onchange弱类型: 变量没有类型; var a = 1; a = “”; a = new Date();HTML:标记CSS: 标记的样式JS: 动起来js出现的位置:写在当前页中 script标签中写外部文件中,用script标签的src属性关联原创 2021-08-17 12:35:41 · 92 阅读 · 0 评论 -
9.CSS2
1. CSS3:border-raduis : 边线弧度 <style> .a1 { width: 200px; height: 200px; border-radius: 100px; opacity: 0.5; } .a1:hover { transform: scale(1.2); tr原创 2021-08-17 12:31:44 · 130 阅读 · 0 评论 -
8.CSS1
1. CSS样式:定位:定位一般都是和left/right/top/bottom连用fixed: 固定定位。广告跟着滚动条走。文档流中清除位置。相对与整个窗体定位relative:相对定位: 保留原位置, 相对于原来的位置absolute: 绝对定位: 清除原位置, 相对于非static父如果父没有定位相对与窗口。场景:绝对定位的父是相对定位static: 默认z-index;必须和定位联用。大值在上面 <style> div>原创 2021-08-17 12:31:11 · 181 阅读 · 0 评论 -
7.HMTL7
1. CSS : cascading style sheet(层叠 样式 表)HTML标签,指定元素, CSS让标签更美, javascript: 可动能写在哪??外部引入 css文件 用 link标签内部样式: 用style标签内联样式: 标签的style属性上 <!-- 外部样式 --> <link type="text/css" rel="stylesheet" href="test1.css" /> <style&g原创 2021-08-17 12:30:34 · 64 阅读 · 0 评论 -
6.HTML6
. B:粗体 被Strong淘汰font-weight:bold;font-style:italic;font-size: 2em;font-family: 字体-color: 文字的颜色2. u; del; strike有线text-decoration: underline; none; line-through 1<span>2</span>3 <b>4</b>5<strong>6</strong>原创 2021-05-16 11:44:59 · 85 阅读 · 1 评论 -
5.HTML5
1. Form继续1. 1 Select > option 下拉列表(combox)name:写在select上size: 显示几条multiple=multiple; 可多选option的属性value= :用于提交的参数值label : 和内容一样用显示四大恶心属性: 别的属性 size=10 有值。! 这四个有和没有的关系值无所谓disabled: 灰的不可用。tab选不到。表单提交不了????? type=“hidden” 隐藏的 <原创 2021-05-16 11:44:31 · 115 阅读 · 0 评论 -
4.HTML_4
1. input标签:一堆typetext:文本输入框, 默认value属性:值maxlength: 最大输入个数size: 显示的个数(超级不准)placeholder: 默认显示灰色的 HTML5 <input maxlength="20" size="10" placeholder="。。。请输入" />submit: 提交按钮: value是文本<button>也能提交, 内容就是按钮的文本password: 密原创 2021-05-16 11:43:21 · 81 阅读 · 0 评论 -
3.HTML_3
1 OL>LI:有序列表 – order不管哪个?>Li用于列表; 百度推荐列表, 淘宝商品信息一块一块的思考: 3列的li怎么做?设置ul宽度, 取消padding和list-style.设置li的宽度1/3, 浮动,清除浮动.2. 自定义列表: dl > dt , dd <dl> <dt>魏国</dt> <dd>张辽</dd> <dd&g原创 2021-05-16 11:42:41 · 186 阅读 · 0 评论 -
2.HTML_2
1. 换行与空格HTML不认识空格和换行。变成一个空格。 空格<br /> 换行<pre>转义字符:> > < < " "2. DIV: 标准块只有一个样式:display:block;3 A标签3.1 链接href: 必须属性。链接到的地址wei访问是蓝色访问过是紫的点中的时候是红色target: 目标, 链接页面的方式_self : 默认,自己开自己原创 2021-05-16 11:39:55 · 96 阅读 · 0 评论 -
1. node
1. nodejs跨平台脚本语言。可做前端,可做后端。相当于JDK1.1 安装安装版不需要配置环境变量非安装版:pathnode -vnpm -v– 更新npmnpm install npm;-- 速度变快: cnpm方式 -- npm 命令 install 安装 -g 全局 -i局部 cnpm要安装的东西 --registry注册到 : 安装cnpm指定指向淘宝npm install -g cnpm --registry=https://registry原创 2021-05-16 11:39:06 · 180 阅读 · 0 评论