前端
关注
分享
扫一扫
文章平均质量分 77
简至大道
有道无术，术尚可求也;有术无道，止于术。
展开
-
JavaScript高阶函数 数组常见方法（filter，map，ruduce，splice）
JavaScript高阶函数 数组常见方法（filter，map，ruduce，splice）***将符合条件的对象组成新的数组***三个参数。表述当前元素的的值(item)。当前元素的索引也就是第几个数组元素。。当前元素属于的数组对象。...原创 2022-07-22 18:52:06 · 145 阅读 · 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 · 1488 阅读 · 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 · 137 阅读 · 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 · 109 阅读 · 0 评论 -
反射与注解编程及-CSS3
day0525-CSS3 课程回顾 1.Java反射reflect原理与作用 程序运行过程中获取Java类对象，并动态获取元数据(meta)，比如：类名，构造器，属性，方法，参数等，同时也能动态修改数据，最终使功能更强大。 操作流程：拿到一个类对象->方法->获取元数据->修改(结合注解完成,annotation) 2.注解编程Annotaion 简化动态管理程序过程，通过简洁的注解对象动态配置或修改程序。 比如： @Service public class MyGame{ @原创 2021-08-17 12:42:14 · 87 阅读 · 0 评论 -
15.JS_DOM
32w’s’zcss id: 100 class;10 tag:1 !important:最高 1. 客户端存储： locaStorage: 必须手动清除。登录之后再不用登录，存个令牌token sessionStorage: 只活在当前页面（当前选项卡） cookie: 可以设置超时时间。浏览器不关闭，不超时就不会清空 登录之后，个半个小时未操作，提升重新登录 indexedDB: 非关系型数据库 WebSQL: ORDBMS 2. Form对象 document.forms[0.原创 2021-08-17 12:40:06 · 108 阅读 · 0 评论 -
14.js—DOM
1. 通用元素方法： append/prepend: after/before blur/focus/click/: 触发事件 onblur/onfocus/onclick/： 触发事件要做的处理 οnblur=function(){} .blur() <script> function loadpage() { document.getElementById("ename").focus(); // 获取焦点方法 docu原创 2021-08-17 12:39:34 · 87 阅读 · 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 · 108 阅读 · 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 · 96 阅读 · 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 · 132 阅读 · 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 · 174 阅读 · 0 评论 -
8.CSS1
1. CSS样式：定位： 定位一般都是和left/right/top/bottom连用 fixed: 固定定位。广告跟着滚动条走。 文档流中清除位置。相对与整个窗体定位 relative：相对定位： 保留原位置， 相对于原来的位置 absolute: 绝对定位： 清除原位置， 相对于非static父如果父没有定位相对与窗口。场景：绝对定位的父是相对定位 static: 默认 z-index;必须和定位联用。大值在上面 <style> div>原创 2021-08-17 12:31:11 · 211 阅读 · 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 · 99 阅读 · 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 · 116 阅读 · 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 · 180 阅读 · 0 评论 -
4.HTML_4
1. input标签：一堆type text:文本输入框， 默认 value属性：值 maxlength: 最大输入个数 size: 显示的个数（超级不准） placeholder: 默认显示灰色的 HTML5 <input maxlength="20" size="10" placeholder="。。。请输入" /> submit: 提交按钮: value是文本 <button>也能提交， 内容就是按钮的文本 password: 密原创 2021-05-16 11:43:21 · 123 阅读 · 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 · 228 阅读 · 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 · 128 阅读 · 0 评论 -
1. node
1. nodejs 跨平台脚本语言。可做前端，可做后端。相当于JDK 1.1 安装 安装版不需要配置环境变量 非安装版： path node -v npm -v – 更新npm npm install npm; -- 速度变快： cnpm方式 -- npm 命令 install 安装 -g 全局 -i局部 cnpm要安装的东西 --registry注册到 ： 安装cnpm指定指向淘宝 npm install -g cnpm --registry=https://registry原创 2021-05-16 11:39:06 · 314 阅读 · 0 评论