- 博客(14)
- 收藏
- 关注
原创 node orm Sequelize的简单使用
ORM是什么?ORM(Object Relational Mapping,对象关系映射),是一种为了解决面向对象与关系数据库存在的互不匹配的现象的技术,通过描述对象和数据库之间映射的元数据,把程序中的对象自动持久化到关系数据库中。它的作用是在关系型数据库和对象之间作一个映射,这样,我们在具体的操作数据库的时候,就不需要再去和复杂的SQL语句打交道,只要像平时操作对象一样操作它就可以了 。这就好比入java的Mybatis, thinkphp的model类,通过映射数据库,简化数据库操作,使开发者不需要书写
2021-07-31 15:41:13
530
原创 call, bind, apply三者区别
在JavaScript 中,this的指向是动态变化的,很可能在写程序的过程中,无意中破坏掉this的指向,所以我们需要一种可以把this的含义固定的技术,于是就有了call,apply 和bind这三个方法,来改变函数体内部 this 的指向,因为函数存在「定义时上下文」和「运行时上下文」以及「上下文是可以改变的」这样的概念首先介绍apply、call方法apply:应用某一对象的一个方法,用另一个对象替换当前对象call:调用一个对象的一个方法,以另一个对象替换当前对象function per
2021-07-29 09:10:08
633
原创 深入理解防抖与节流
日常开发过程中,滚动事件做复杂计算频繁调用回调函数很可能会造成页面的卡顿,这时候我们更希望把多次计算合并成一次,只操作一个精确点,JS把这种方式称为debounce(防抖)和throttle(节流)防抖概念: debounce。其概念其实是从机械开关和继电器的“去弹跳”(debounce)衍生 出来的,基本思路就是把多个信号合并为一个信号。即: 将多次事件触发, 合并成一个。实现:通过定时间调用函数, 通过一个必报接收定时器, 如果在定时器时间内再次调用改方法,则清空定时器,重新创建新的定时器。从而
2021-07-29 08:51:38
223
原创 宝塔面板部署node koa express项目
部署前的环境配置:安装宝塔面板镜像,开通8888端口和22端口,以及项目部署的端口,例如:1/15666开放1至15666所有端口,这样可以为以后其他端口开放提供便利。登录宝塔面板,效果如下将node项目上传至www/wwwroot 文件夹在软件商店下载pm2node 进程管理器下载对应模块和对应node版本号然后添加mysql数据库,上传sql,并且导入,完成后点击管理查看效果,如下更改node 项目mysql的账号和密码添加node进程添加成功显示如果端口号为off,
2021-07-28 23:09:26
956
原创 vue history模式项目线上宝塔面板部署
vue-router 默认 hash 模式 —— 使用 URL 的 hash 来模拟一个完整的 URL,于是当 URL 改变时,页面不会重新加载。如果不想要很丑的 hash,我们可以用路由的 history 模式。这种模式需要后端的支持,后端需要对环境进行配置。vue-router的相关配置const router = new VueRouter({ mode: 'history', // hash 或者history base: '', // base 指向的是url的路径 rout
2021-07-28 22:06:57
2123
原创 关于koa2无法接收postamn中的请求体,ctx.request.body为undefined问题的解决方案
错误效果图:代码图:弄了一天,四处查资料,最后通过老师的源码才发现自己的错误,原来是引入文件顺序错误。 app.use(bodyparser()) //bodyparser()会解析路由和请求体的参数,在注册路由前引入则无法解析之后的路由参数和请求体,所以就得不到请求体参数改变之后:最后效果:...
2020-06-16 21:12:23
4746
4
原创 关于uni-app App-plus中iconfont图标的引入没效果,博主踩过的坑
在做项目的时候,我们可能习惯性的会选择font-class类型然后在线拷贝css文件,添加到项目文件中,结果到了app-plus时,发现还缺少ttf文件的引入"buttons": [{ "fontSrc": "/static/iconfont.ttf", "text": "\ue66e", "fontSize": "26", "color": "#fff", "float": "left", "backgr
2020-05-19 17:16:16
5101
原创 uni-app项目中,引入iconfont图标没有效果的总结
实现效果:发现没有任何效果,于是查看代码发现自己习惯性的添加了scoped属性,scoped是为了避免其他页面样式命名重复的问题,在App.vue中引入导致其他页面无法使用该页面的样式,从而导致效果无法显示。效果:...
2020-05-19 07:15:53
4849
原创 Hbuilder-X 真机模式无法连接手机模拟器的解决方案(Android9)
当你已经在手机上,已经开启了开发者模式,并且开发者选项已开启USB调试,但是HBuilderX未检测到手机或模拟器。你可以尝试着以下方法解决:找到HBuilderX安装目录下的D:\Archive\HBuilderX\plugins\launcher\tools\adbs。删除红框中的三个文件,然后复制1.0.31三个文件将他们粘贴到刚才删除的文件的位置。最终效果如下最后重启HBuil...
2020-05-06 18:37:29
2878
原创 MongoDB 的相关报错 MongoDB not running on the provided host and port 启动服务时显示系统错误5 服务器没有响应控制功能
博主最近学MongoDB是遇到了关于MongoDB compass 不能连接成功的问题,查了半天,终于解决了。特来分享经验。报错的效果如下翻阅了好多文章,都说要以管理员身份运行net start mongodb,结果如下还是不能解决问题,于是我翻看了api文档以及别人的解法:在MongoDB的bin目录下打开命令窗口,输入mongod,在开启另一个命令窗口,输入mongo,效果如下:还...
2020-05-01 20:54:51
634
原创 Git的相关使用,Git的相关环境配置以及一些Git的报错解决
首先我们应该了解Git是什么?Git是一个开源的分布式版本控制系统,在这里用户通过上传自己的源码,和电脑的静态资源,从而实现资源的共享。在这里,开发者可以获取许多的开源学习源码,可谓是程序员的学习圣地。第一步:注册git的账号进入Git官网,点击注册和邮箱填写。点击箭头位置,然后点击设置就能呈现如图场景。找到ssh公钥,点击进入点击如图超链接,再点击如图位置再次点击按照提示指令...
2020-04-26 22:18:53
277
原创 在线Api接口,网易云音乐api数据完整接口文档,QQ音乐在线api接口文档,电商api开放数据接口文档分享,小说ap接口,漫画api接口
提供一些我自己使用过的api数据接口,让学习前端的朋友可以提早熟练地调用一些Api接口。以下api数据接口主要为一些学过ajax或一些学过vue基础的同学。第一个:网易云音乐的api数据接口,基础访问地址(api的跟地址)为:https://autumnfish.cn/点击查看文档,就可以进入接口文档的详细使用步骤了。这个接口很适合喜欢音乐的朋友去打造属于自己的音乐主页第二个: 黑马...
2020-04-24 17:16:06
38881
27
原创 jsonp跨域,原生js和ajax实现百度,360,必应等浏览器搜索框的智能补全提示技术,带搜索功能的搜索框
相信许多刚学前端的的同学,都曾对浏览器搜索框自动提示提示的功能挺好奇的,接下让我们一起揭露他的神秘面纱吧!相信学过javascript的同学都引用过外部的JavaScript吧!,其实跨域就是动态的创建script标签,将script标签url的内容渲染到指定的页面。下面我们将以百度搜索框为例,进行讲解。第一种方法,jsonp原理,动态生成script标签<!DOCTYPE html&...
2020-04-23 23:09:29
511
原创 javascript,H5,jQuery,css“实现音乐歌词解析,歌词同步滚动,进度条拖拽、进度条同步,音量控制,歌词同步高亮的功能齐全的简易音乐播放器
用js和HTML实现一个带歌词同步,以及进度条拖拽,音量控制的简单音乐播放器。这个音乐播放器,可以实现歌词的滚动,进度条拖拽,音乐播放进度,音量控制等功能.如需看到效果,需要引入j Query以及该歌曲的音频文件实现效果如下:图片html的代码如下:<body> <audio src="1.mp3" id="audio"></audio> ...
2020-04-22 21:09:57
3736
5
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人