自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(29)
  • 收藏
  • 关注

原创 VUE之旅—day1

Vue 是一个用于的 。创建Vue实例,初始化渲染插值表达式利用表达式进行插值,将数据渲染页面中插值表达式的注意点:什么是响应式?数据改变,视图自动更新使用Vue开发---->更专注于业务核心逻辑如何访问或修改数据?data中的数据,最终会被添加到实例上安装vue工具指令就是带有v-前缀的特殊属性,不同属性对应不同的功能。学习不同的指令——>解决不同业务场景需求v-showv-ifv-show和v-if的区别v-else和v-else-ifv-onv-bindv-for

2024-04-24 15:35:26 791

原创 解决动态规划问题

动态规划(Dynamic programming,简称 DP),是一种在数学、管理科学、计算机科学、经济学和生物信息学中使用的,通过把原问题分解为相对简单的子问题的方式求解复杂问题的方法。动态规划常常适用于有重叠子问题和最优子结构性质的问题。动态规划就是给定的一个问题拆成一个个子问题,直到子问题可以直接解决。把子问题答案保存起来,以减少重复计算。再根据子问题答案反推,得出原问题解的一种方法。

2024-04-11 22:03:36 674

原创 桌面图标变白如何有效解决

方法二(最有效):![在这里插入图片描述](https://img-blog.csdnimg.cn/direct/7c5e40093bab45c796fb1a51a1c8c203.png

2024-03-01 17:45:24 232

原创 MongoDB数据库

MongoDB是一个基于分布式文件存储的数据库,官方地址https://www.mongodb.com/Mongoose是一个对象文档模型库,官网http://www.mongoosejs.net/

2023-12-14 09:35:42 991

原创 express框架

express是一个基于Node.js平台的极简、灵活的WEB应用开发框架,官方网址https://www.expressjs.com.cn/简单来说,express是一个封装好的工具包,封装了很多功能,便于我们开发WEB应用(HTTP服务)**官方定义:**路由确定了应用程序如何相应客户端对特定端点的请求每一个请求到达服务端之后都会执行全局中间件函数/*** 记录每一个请求的URL与Ip地址(服务器的访问日志)*/// 导入express// 创建应用对象//声明中间件函数。

2023-12-14 09:29:57 842

原创 API接口(前端学习)

接口是前后端通信的桥梁简单理解:一个接口就是服务中的一个路由规则,根据请求响应结果接口的英文单词是API(Application Program Interface),所以有时也称之为API接口这里的接口指的是数据接口,与编程语言(Java,Go等)中的接口语法不同。

2023-12-14 09:27:25 1040

原创 会话控制(cookie、session、token)

所谓的会话控制就是对会话进行控制HTTP是一种无状态的协议,他没有办法区分多次的请求是否来自同一个客户端,无法区分用户,而产品中又大量存在这样的需求,所以我们需要回话控制来解决该问题cookiesessiontoken。

2023-12-14 09:24:57 925

原创 display=“none“和“classList.remove“ 方法的区别

需要注意的是,“display” 属性修改的是元素的 CSS 样式,而 “classList.remove” 方法修改的是元素的类名列表。因此,如果存在其他基于类名的样式规则或者通过类名来实现交互效果,使用 “classList.remove” 方法可以更好地与现有的样式和交互逻辑进行集成。从本质上讲,“display” 属性直接控制元素的显示和隐藏,而 “classList.remove” 方法是通过操作元素的类名列表,从而影响元素的样式来实现显示和隐藏。

2023-06-05 20:49:31 505

原创 浅谈Thymeleaf

Thymeleaf 模板引擎具有以下特点:不想开启内联表达式,可以使用关闭想要开启的话使用,默认情况下就是text在JS中使用内联,需要开启表达式基本对象}不足三位,前面补0常用属性渲染拼接object对象的使用if属性switch属性each循环迭代这次写项目要求使用Thymeleaf,所以就总结一下自己学到的一些知识。😥😓😭😊

2023-06-04 10:22:56 99

原创 图片剪裁插件Cropper.js的完整使用步骤

引入Cropper.js库文件:将Cropper.js的库文件添加到你的HTML文件中。这些是使用Cropper.js的基本步骤。你可以根据文档中提供的更多选项和方法来扩展和定制Cropper.js的功能。方法获取剪裁后的Canvas对象,然后可以将其转换为Base64编码的图像数据或上传到服务器进行保存。创建HTML结构:在HTML文件中创建一个包含图片和剪裁区域的结构。这样,你就可以根据你的需求来处理剪裁后的图像数据了。标签来展示图片,并为其设置一个唯一的ID。你可以根据你的需求进行自定义设置。

2023-05-30 22:22:00 2007

原创 在idea中使用scss编译出css文件

经过这两天的运用吧,我觉得在idea中用scss真的不如我在VScode中使用,体验感没有vscode好,再加上在idea中我还要提交项目,scss编译后的css文件又在scss的子目录(这个应该可以设置)。近来写项目多用idea,本人写样式超级依赖scss,没有它修改样式的时候很痛苦。ruby安装成功后,安装compass,命令行输入。安装过程中,一定要勾选这一项,其他直接next。检查是否安装成功,出现版本号,就是安装成功了。我的电脑是64位,安装的是下面这个。安装sass,命令行输入。

2023-05-28 11:04:01 1191

原创 小说项目Tips2(项目小结)

接收用户名,根据用户名调用查询用户信息的接口,判断是否为作者,如果是作者,显示昵称和个性签名以及创建与管理作品。如果不是作者,不显示昵称和个性签名,创建与管理作品改为作者中心。静态页面,浏览记录只有加入,删除,没有全部展示的接口。VIP的接口沙箱支付没有用成功,跟后端交流的时候,不知道他写的接口返回的数据是啥,以及怎么用。后端给的接口有问题,搜索的时候搜索的是全局书架。1.绑定了oninput事件,在用户输入的过程中,就实时清除空格,中文。显示的时候,如果数据为null,显示未设置。表单限制,弹窗显示。

2023-05-21 16:43:31 150 1

原创 小说项目Tips(表单验证,选项卡)

之前做增删改查的项目的时候,菜单目录就需要用到选项卡。当时按照最笨的方法,代码量大,重复多。写出来就下是下面的样子(实际代码还有很多),一个一个取消,显得很弱智。此时用选项卡循环遍历取消,对应点击触发事件就好的多了。肉眼可见的,少了很多重复的内容。这次项目用到选项卡的部分挺多的。

2023-05-14 11:04:42 225 1

原创 HTML——实现富文本编辑器wangEditor的使用

HTML——实现富文本编辑器wangEditor的使用文章目录HTML——实现富文本编辑器wangEditor的使用一.导入wangEditor.JS二.直接引用文档链接三.包管理工具(node和bower 的下载)Node.js下载安装及环境配置bower的安装和使用引入实现背景:最近在写小说项目,关于发布文章需要用到富文本编辑器,由于还没学到Vue,最实用的还是用wangEditor富文本编辑器。官方文档:http://www.wangeditor.com/使用手册:创建一个编辑器 · wang

2023-05-05 16:19:09 6702

原创 Symbol、promise、生成器和迭代器

script>//声明一个对象name: '终级一组',stus: ['小明','小红','小宁','小迪',],//索引变量//让return里的this指向stus,也可以使用箭头函数实现return {//下标自增index++;//返回结果}else{//遍历这个对象} //返回错误banji is not iterable// }// )//可以遍历,但不符合面向对象的思想

2023-04-22 13:20:28 199

原创 JS高阶技巧(深浅拷贝,节流,防抖)

当JavaScript开始解释执行代码的时候,最先遇到的就是全局代码,所以它会向执行上下文栈压入一个全局执行上下文,我们用globalContext表示,并且只有当整个程序运行结束时,ECStack才会被清空,所以程序结束之前,ECStack最底部永远有个globalContext。JavaScript引擎执行是顺序执行的,但是它并不是一行一行地分析和执行代码,而是一段一段地分析和执行的。因此当我们只想改变this指向,并且不想调用这个函数的时候,可以使用bind,比如改变定时器内部的this指向。

2023-04-15 22:18:56 338 2

原创 节流案例—记录视频播放位置

/打开页面触发事件,就从本地存储里面去除记录的时间,赋值给 video.currentTime。//获取当前的视频时间 video.currentTime。需求:页面打开,可以记录上一次视频播放位置。//1.获取元素,要对视频进行操作。//把当前的时间存储到本地存储。

2023-04-15 22:15:03 171 1

原创 深拷贝的三种方式

(适用于对象,数组,二维数组,但如果对象数组之间相互引用,这个代码无法实现)封装一个简易版的深拷贝函数。

2023-04-11 15:20:52 253

原创 利用递归函数实现setTimeout模拟setInterval效果

输出当前时间可以使用:new Date().toLocaleString()代码很简单,主要强调递归的思想。页面每隔1s输出当前时间。

2023-04-11 15:00:56 72

原创 模态框封装(弹窗)

把模态框封装一个构造函数model,每次new都会产出一个模态框,所以点击不同的按钮就是在做new模态框,实例化。准备open显示的时候,先判断页面中有没有modal盒子,有就移除,没有就添加。2.模态框有什么功能?打开功能(显示),关闭功能,而且每个模态框都包含着。最主要的就是JS部分,由于代码比较短,这里将JS放在HTML写。1.多个模态框一样的,而且每次点击都会出来一个,怎么做呢?问:open和close方法写到哪里?至于效果可以手动复制粘贴试一下。多次点击会显示很多模态框。

2023-04-10 15:56:48 448

原创 JS进阶学习(作用域、函数进阶、解构赋值、原型链)

两大编程思想pop 面向过程oop 面向对象面向对象具有灵活、代码可复用,容易维护和开发的优点,更适合多人合作的大型软件项目。面向对象的特性:封装性继承性多态性。

2023-04-09 11:44:10 483

原创 button默认属性值、cookie、sessionStorage、localStorage(后台管理系统遇到的问题)

由于每次都输入用户名密码太累,想在自己的个人网站上添加一个记住密码功能,以前的项目是使用浏览器cookie实现的, cookie可以设置过期时间 ,而localStorage不行,是cookie的优势,但是cookie代码比较复杂,使用了原生的button按钮,而使用原生按钮需要注意的是:原生按钮button默认 type=‘submit’ 这个属性值是默认具有表单提交功能的,所以在 非IE浏览器 下会存在点击后刷新页面的问题。1、cookie的有效期是可以设置的,默认的情况下是关闭浏览器后失效。

2023-04-02 12:02:35 189

原创 登录和增删改查

这周主要是做登录和增删改查的页面,通过做页面对最初学习的ajax,sass有了进一步的认识接下来对页面中出现过的问题做一下汇总。

2023-03-26 09:12:06 94

原创 JSON的一些知识、jQuery的Ajax请求、Sass的用法

这周前两天学习了Git,github,相关内容见上一篇文章。之后学习了JSON的一些知识,jQuery的Ajax请求,Sass的用法。

2023-03-18 22:19:32 108

原创 Git学习

​ 同时推进多个任务,为每个任务我们就可以创建每个任务的单独分支。使用分支意味着程序员可以把自己的工作从开发主线上分离开来,开发自己分支的时候,不会影响主线分支的运行。(分支底层其实也是指针的引用)

2023-03-13 16:23:24 76

原创 腾讯网页制作遇到的问题

做效果的时候 transform 相对来说是比较方便的,因为 transform 的视角是元素本身,所以比较直观。比如你希望一个元素向左 50px 那就是 transform: translateX(-50px),但是如果用 left 而你的父子元素都是 position: absolute,那可能你用 left 就要写成从 left: 100px 到 left: 30px,这就很不直观。1.相同条件下,setTimeout() 只执行一次,setInterval() 则循环执行;

2023-03-12 10:22:55 57

原创 JS中正则表达式、数组、DOM

正则表达式正则表达式参数可用在以上方法中 (替代字符串参数)。正则表达式使得搜索功能更加强大(如实例中不区分大小写)。i执行对大小写不敏感的匹配。g执行全局匹配(查找所有匹配而非在找到第一个匹配后停止)。m执行多行匹配。^ 表示开头$ 表示结尾创建一个正则表达式,用来检查一个字符串是否是一个合法手机号以1 开头第2位 3—9三位以后任意数字9个检查一个字符串中是否有.\使用转义字符\可以不用设置正则表达式的变量,以上两行代码可以合并为一行:")元字符。

2023-03-05 08:35:09 100

原创 css边框阴影、JS基础语法

使用var关键字声明的变量,会在所有的代码执行之前被声明(但不会被赋值),但是如果声明变量是不使用var关键字,则变量不会被声明提前。属性名和属性值是一组一组的名值对结构,名和值之间使用 :连接,多个名值对之间使用,隔开如果一个属性之后没有其他的属性了,就不要写,你的全局变量,或者函数,可以覆盖 window 对象的变量或者函数。对象是保存堆内存中的,每创建一个新的对象,就会在对内存中开辟一个新的空间。前端验证:检查用户输入的内容是否复合一定的规则(用户名的长度,密码的长度,邮箱的格式)

2023-02-26 10:27:19 698 1

原创 HTML&CSS

dl >被定义内容要定义的语句

2023-02-18 15:04:56 74

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除