前端
文章平均质量分 88
lanmy_dl
重庆邮电大学硕士在读
展开
-
nuxt学习笔记
根目录下新建app.html作为启动页,可以 自定义注入的内容-- 加入个性化的内容 --> < body {{BODY_ATTRS}} > {{APP}} -- 加入个性化的内容 --> < body {{BODY_ATTRS}} > {{APP}}原创 2023-12-20 17:18:53 · 1643 阅读 · 0 评论 -
nextTick和setTimeout那些是非
总结:setTimeout可以解决所有问题。原创 2023-08-06 20:56:08 · 324 阅读 · 0 评论 -
使用elementplus实现文本框的粘贴复制
文本框仅用于显示展示数据并且用户可以进行复制,并不会进行修改和编辑,原创 2023-08-02 16:14:04 · 1447 阅读 · 0 评论 -
4.4——数据库和前后端身份认证
数据库(database)是用来组织、存储和管理数据的仓库。当今世界是一个充满着数据的互联网世界,充斥着大量的数据。数据的来源有很多,比如出行记录、消费记录、浏览的网页、发送的消息等等。除了文本类型的数据,图像、音乐、声音都是数据。为了方便管理互联网世界中的数据,就有了数据库管理系统的概念(简称:数据库)。用户可以对数据库中的数据进行新增、查询、更新、删除等操作。Cookie 是存储在用户浏览器中的一段不超过 4 KB 的字符串。原创 2022-11-25 14:45:12 · 2206 阅读 · 1 评论 -
4.2——Node.js的npm和包
回顾:什么是客户端、什么是服务器?在网络节点中,负责消费资源的电脑,叫做客户端;负责对外提供网络资源的电脑,叫做服务器。http 模块是 Node.js 官方提供的、用来创建 web 服务器的模块。通过 http 模块提供的 http.createServer() 方法,就能方便的把一台普通的电脑,变成一台 Web 服务器,从而对外提供 Web 资源服务。如果要希望使用 http 模块创建 Web 服务器,则需要先导入它:服务器和普通电脑的区别在于,服务器上安装了web 服务器软件。原创 2022-11-18 11:09:51 · 546 阅读 · 0 评论 -
安装node.js详细步骤
Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。win+R输入cmd打开命令窗口,输入node -v命令查看已安装node.js的版本。6. 希望安装哪些Node.js的功能,不用管,直接next。进入后有两个版本,建议选择左边的稳定版进行下载,点击下载。3. 下载完成后点击打开文件进行安装。进入到如下安装页面,点击next。4. 勾选accept,next。原创 2022-11-16 10:04:02 · 331 阅读 · 0 评论 -
4.1——Git和github
Git 标准的工作流程是工作区 → 暂存区 → Git 仓库,但有时候这么做略显繁琐,此时可以跳过暂存区,直接将工作区中的修改提交到 Git 仓库,这时候 Git 工作的流程简化为了工作区 → Git 仓库。如果需要被暂存的文件个数比较多,可以使用如下的命令,一次性将所有的新增和修改过的文件加入暂存区,今后在项目开发中,会经常使用这个命令,将新增和修改过后的文件加入暂存区。当把功能分支的代码合并到 master 主分支上以后,就可以使用如下的命令,删除对应的功能分支:git branch -d 分支名。原创 2022-11-15 16:08:17 · 167 阅读 · 0 评论 -
3.4JavaScript网页编程——JS高级(可以不看)
JavaScript 中一切皆为对象,还有以前学习的 window、Math 对象,最后补充一点无论是引用类型或是包装包类型都包含两个公共的方法toString和valueOf方法获取原始值,数据内部运算的基础,很少主动调用该方法toString方法以字符串形式表示对象Null、undefined:除外 // 对象类型数据 let user = {name : '小明' , age : 18 } // 数值类型 let num = 12.345;原创 2022-10-26 20:13:49 · 3149 阅读 · 2 评论 -
3.3.3JavaScript网页编程——WebAPI(JS之BOM含正则)
回忆DOM:文档对象模型BOM(Browser Object Model ) :是浏览器对象模型window 是浏览器内置中的全局对象,我们所学习的所有 Web APIs 的知识内容都是基于 window 对象实现的常用省略的:JavaScript 内置的一个用来让代码延迟执行的函数,叫 setTimeout只执行一次,所以可以理解为就是把一段代码延迟执行, 平时省略window。应用场景:可以用作时间到自己清除两种定时器对比: setInterval 的特征是重复执行,首次执行会延时 set原创 2022-10-25 14:42:08 · 702 阅读 · 0 评论 -
3.3.1JavaScript网页编程——WebAPI(JS之DOM基础篇,含事件)
插件:Error Lens插件可以提示报错。原创 2022-10-19 16:09:55 · 868 阅读 · 0 评论 -
前端事件案例——全选复选框/购物车加减/轮播图案例
需求:用户点击全选,则下面复选框全部选择,取消全选则全部取消,文字对应变化案例分析:①:遍历下面的所有的checkbox,添加点击事件②:在事件内部,遍历所有的checkbox状态,只要有一个为false 就将全选状态设置为false , 把文字改为全选,并且直接return (退出循环)③:在循环结束将全选的状态直接设置为true原创 2022-10-17 20:09:04 · 510 阅读 · 0 评论 -
前端常用事件案例——抽名字(抽奖)/搜索下拉菜单/微博文本框
实现效果是:点击开始按钮,则方框不断显示名字,点击停止,抽到的人名就是谁,并且删除,继续直到抽完后禁用按钮。③当抽取到最后一个数据的时候,两个按钮同时禁用核心:利用定时器快速展示,停止定时器结束展示。①点击开始按钮随机抽取数组的一个数据,放到页面中。//如果到了最后一个按钮就禁用两个按钮,不再抽。//点击开始,div不停的显示arr中的名字。②点击结束按钮删除数组当前抽取的一个数据。//不停的显示,需要用到定时器。//删除当前暂停的这个。原创 2022-10-17 15:23:10 · 791 阅读 · 0 评论 -
3.2JavaScript网页编程——JavaScript网页编程基础
特殊的几个为假的:undefine、null、0、false、‘’ 这五个和&&直接不用判断后面 和 ||直接看后面,(nan是非数值,所以不考虑,一般也可以暂且看做false,在if条件里面也是),并返回该数组的新长度arr.unshift(‘ewer’,‘rewt’),添加之后是[‘ewer’,‘rewt’,…prompt()的获取输入默认是字符串类型,可以+prompt()获取就是数字类型了,括号里面可以加提示字符串。前面括号是定义,传入的函数是形参,后面的括号是调用执行,里面是实参。原创 2022-10-13 16:09:32 · 1608 阅读 · 0 评论 -
2.4移动Web网页开发——响应式布局(含媒体查询和bootstrap)
适合用于企业网站和非常非常小的布局,不适合电商网站(PC、移动分开做)原创 2022-10-12 18:05:52 · 659 阅读 · 0 评论 -
2.3移动Web网页开发——移动端布局(含Flex伸缩布局、rem、less、vhvw)
使用原因:因为float:left当父级元素的高度是无的时候,会发生浮标现象,导致子集元素在外了,可以用 can i use查看适配浏览器,一般除了老版本78的IE浏览器不能使用flex开发。flexible.js是手淘开发出的一个用来适配移动端的js框架,核心原理就是根据不同的视口宽度给网页中的html根节点设置不同的font-size,直接引入就好,规避了分辨率设置的百分比。例如在less文件中写:(html的标签字号是1rem是37.5px,设计稿的像素值是68px),rem是最后的单位哦。原创 2022-10-11 12:06:02 · 958 阅读 · 1 评论