- 博客(32)
- 收藏
- 关注
RSS订阅原创 Bootstrap组件
表单\效果navbar导航条进度条单个进度条可以通过添加类名与修改数据来更改进度条内部的进度、动态等组件-字体图标给span标签添加对应的类名即可获得字体图标，且可以更改颜色...
2021-12-07 14:35:39
98
原创 Bootstrap响应式布局全局CSS样式
框架下载与样式查询：全局 CSS 样式 · Bootstrap v3 中文文档 | Bootstrap 中文网栅格布局：调整元素的宽度占比，将父元素分为均等的12份，大于12时换行使用col-md-offset-* 将元素向右偏移对应的格数，中间的空隙不会填充通过使用.col-md-push-*和.col-md-pull-*类就可以很容易的改变列（column）的顺序表格样式：该样式表格可以通过类来修改其他布局：列出部分，其余...
2021-12-06 15:08:23
141
原创 登录与权限验证
登录与其余功能类似，但对数据库进行增删改查时，必须要有权限认证：登录：判断用户名或密码是否对应并进行加密，需要安装jsonwebtokennpm ijsonwebtoken验证：在验证成功后才可以执行其他操作同时需要筛选部分不需要验证的部分...
2021-12-03 19:26:31
904
原创 数据库后台传输三部分
数据格式定义包括引入数据的正则与输入内容数量的限制：const引入类=new类.Schema({})导出部分：功能实现：例：与前面对应格式类似：内容输入声明内容添加的间隔不可移除修改需要确定_id部分...
2021-12-02 20:13:15
687
原创 router、 body
routernpm i koa-router --save 安装包const Router = require('koa-router'); 引入类const router=new Router(); 创建对象创建路由，支持传递参数 router.post("/",async ctx=>{postman console.log(str.url); console.log(ctx.body); })...
2021-11-26 15:06:38
64
原创 nodejs-koa
Visual Studio Code打开空文件夹新建终端获取地址：npm config set registry后跟上对应的网址npm config get registry检查是否为获取的网址安装对应的包新建js输入nodemon js名运行js进入对应网址如 localhost:3000 查看效果...
2021-11-25 13:43:47
154
原创 NODEjs基本使用
在文件中新建终端来初始化项目和安装项目初始化、安装项目依赖、更新和删除使用时需要安装下载 | Node.js 中文网检查版本与是否成功安装
2021-11-24 15:00:07
638
原创 总结：全选、删除、动态改变
全选：当全选框状态改变时，使所有复选框与其同步例：删除：点击删除按钮，将父元素标签tr完全删除例：动态改变：其他复选框状态改变时，改变对应的值例:详解：先定义三个数值分别为复选框总数、选中数目与总价$(":checkbox").length 为复选框总数开始循环（全选除外），if 判断若复选框处于选中状态则选中数目加一，总价累加其中单价处于复选框特定的兄弟标签中，因此先找到父元素 tr 【 parents("tr") 】，再找到该父元素中的特定子元素【...
2021-11-19 20:34:50
231
原创 类型检查与高阶函数
typeof 与 instanceof 都可用于类型检查，区别在于typeof返回的是该对象属于和类型instanceof 判断该对象是否属于给类型并返回flase和true如下例：例二：高阶函数(套娃) :用以上方式，可以尝试对函数的无限套娃，但不推荐使用过于复杂的结构，会同时影响函数的建立与修改、使用...
2021-11-18 15:50:15
163
原创 页面的三部分组成(标签、样式、事件)
以登录页面为例：标签：指主要写在html内部的内容：如： 样式：主要写在css中的内容也可以写在html文件的style中,通过link标签链接：例：事件：主要写在js中的内容，也可以在html文件的script文件中实现，在script中通过src属性链接：例：...
2021-11-16 21:20:35
146
原创 jQuery动画
行内样式：动画路线： 左上 => 右下 ------------------------------"show" 较慢 "normal" 较快 也可以直接在括号里添加动画时间(毫秒)$("div").show() 显示$("div").hide() 隐藏$("div").toggle() 切换...
2021-11-12 12:06:18
687
原创 jQuery的Dom事件
通过点击过其他事件可以对已有的文档列表进行数据插入、包裹、替换、删除和复制操作以ul li 为例：prepend()append() 可以分别在无序列表ul内部的前后添加子节点例：after()before() 可以分别在无序列表ul外部的前后添加兄弟节点例：wrap() 可以为某一个元素添加父节点例：replaceW...
2021-11-11 15:34:26
925
原创 jQuery事件
jQuery与js事件相似，也有一部分与鼠标和键盘相关的事件。、如下：keydown() 按下键盘keypress() 插入字符keyup() 松开键盘mousedown() 鼠标移到元素上方并按下鼠标按键mouseenter() 指针穿过元素mouseleave() 指针离开元素mousemove() 指针在指定元素中移动mouseout() 指针从元素上移开(包括该元素的子元素)mou...
2021-11-10 16:21:47
433
原创 jQuery属性修改与获取
$("")是jQuery的选择器，使用基本选择器、属性选择器等选择器选择后可进行属性值的获取与更改已复选框为例使用console.log($($(":checkbox").attr("name"))可得到复选框的name值"sex"用console.log($($(":checkbox").attr("data-id","1002"))可添加一个新属性且将值设为"1002"但是当有特殊情况如属性checked时，attr()不会有效果，因为该属性并没有进行赋值，只有使用prop().
2021-11-09 15:46:33
351
原创 jQuery与jQ选择器
jQuery是一个 JavaScript 库。jQuery极大地简化了 JavaScript 编程 window.onload=function(){}可以用jQuery简写为$(function(){}) 形式且js可以与jQuery互相转换，转换方式如下： // js => jq // jq = $(js/dom) // jq...
2021-11-08 23:51:17
227
原创 js对象获取使用与事件类型
js文件在产生作用时必须要有对应的标签和事件例如：window.onload=function(){}其中window.onload指在窗口载入时才会触发function事件小数点前是对象，需要获取，格式为：var 对象名=document.具体方法（标签）例： // document.getElementById(); (获取ID) // document.getElementsByClassName()...
2021-11-05 20:46:14
217
原创 创建对象与对象属性添加
创建对象的三个方法：1. 字面量 json2. function3. Object-----------------------------------------------------简单格式与案例：1）var 对象={数值属性："值",数组属性：[ {subject:"属性名"，score:值},]}案例：...
2021-11-04 17:30:39
294
原创 visual Studio Code软件的应用与基本语法记录
选择文件夹右键新建，文件名需要加上后缀名在这里下载需要的扩展，比如中文语言js的部分基本语法如下：// Number 数值 整数、小数// String 字符串(字符) "" ''// Boolean 布尔 true/false// null 空值、无值// undefined 未定义:赋值后才决定数值类型//symbol es6基本数据类型//object 正则、数组 字面...
2021-11-02 17:20:59
466
原创 前端页面主要部分之一——————js
前端页面的交互需要用到js可以通过设置类名，修改特定样式来配合js做出一定的交互js可以使用后缀名文件，也可以通过<script type="text/javascript"></script>再页面中使用使用var在js中新建数据与某些标签关联使用如下格式将对应的标签与世间相连并实现对应的效果合集或者多个相同的标签需要使用for 循环来触发常用的事件类型如下：onclick 鼠标单击 ...
2021-11-01 18:46:02
191
原创 2021-10-29
使用display:flex能更方便的调整布局更详细的使用方法Flex 布局语法教程 | 菜鸟教程修改选中目标样式 :focus去除文本框选中后的边框：outline: none;
2021-10-29 12:00:42
53
原创 2021-10-28
position: relative;position: absolute;调整定位使不同的相邻标签重叠HTML页面上需要使用的特殊符号不能直接输出部分样例符号的编码 空格> 大于>< 小于<& &am...
2021-10-28 14:17:39
42
原创 2021-10-27
中括号可以为标签添加属性，所以当标签有一定的规律时可以用中括号细化，其中$在中括号中是从1开始排列的序号first-child 和 last-child 分别表示相同标签的第一个与最后一个可以使用vertical-align 调整样式使标签水平对齐...
2021-10-27 16:26:07
48
原创 2021-10-26记录
一些长而重复的样式可以通过以下代码便捷的写出来ul>(li>a>img+span.title+div>span.money+img+span.num)*15在这一行代码后可以使用tab键使其生效，生成大量结构相同的代码，从而避免复杂的操作：修改时使用CTRL+H替换掉大量相同的代码：不同工具可能有不同的快捷键想修改大量相同标签中的部分标签样式时可以使用 :first-child...
2021-10-26 14:54:58
51
原创 Html与CSS外部文件笔记
根据页面布局大致写一下所需要的格式，格式通过CSS文件修改：写好大致格式后，新建CSS文件，修改样式，并通过link标签链接：其中CSS文件的样式要精确化，避免修改样式时有不必要的麻烦：同时，排列ul标签的子元素li时，尽量不要使用浮动，可以使用display：inline-block。浮动容易干扰到其他元素。一张图片包含两种或多种不同的元素，包括按钮，标识等，这样的图叫做精灵图...
2021-10-25 15:08:53
108
原创 个人笔记第一天
正式开始学习html部分： 单标签：hr、 br、 img等多标签： div、 span、 a等标签语义化添加正文和底部部分列表格式1. ul2. ol3. dl 不建议使用tablecss部分：css样式使用：一、在<style>标签内使用二、标签内部使用 如：<div style=“color：red”>三、通过外部标签link链接外部样式表适用选择器与过滤器如下...
2021-10-22 17:08:46
49
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人