2021/10/17 2021-10-17 JS使模板元素进行移动(拖拽模板元素)
前言
拖拽模板元素,需要明白:
原理很简单,就是将元素设置为绝对定位,然后监听鼠标按下(mousedown),移动事件(mousemove),改变元素的top、left值就行。
但是具体场景,具体业务需要是不一样的,需要具体来说。
下面以我最近的需求为例,来展示如何编写vue3 hooks
需求
如图,我需要:点集Header部分时,
2021-10-17 15:51
前端相关
0 人评
2019/12/28 参考简书的notify提示消息,自定义实现一个
介绍
这是一个参考简书的提示js类库。
文件
notify.min.js 压缩过的
notify.js 未压缩过
使用
引入notify.min.js,
调用:
javascript
notify('提示消息','图标类型','展示时间,单位毫秒')
图标类型 success,info,error三类
演示
截
2019-12-28 18:47
前端相关
0 人评
2019/09/22 Node.js中利用multiparty处理表单
前言
如果你的node.js中未使用框架来开发一个后台,那么如何处理表单数据可能有很多方法。经过实践我觉得利用multiparty这个类库来处理表单数据可能是一个比较好的想法。
因为表单数据大致有两种:
普通表单数据
表单文件上传
细节
安装
bash
npm i multiparty S
表单
html
<
2019-09-22 12:34
NodeJs
0 人评
2019/09/20 自己原生js封装的ajax请求
前言
这几天在恶(xue)补(xi)node.js,其中老师讲到了ajax,以前学习js都是东一点、西一点。不系统,当然,原因也很多。
当时一些js基础知识也欠缺(虽然现在也不咋的),想要自己封装,难度也很大。
今天也终于自己封装一个简易 的ajax。
细节
发送POST数据,需要设置header头:
将 ContentType 头部
2019-09-20 15:24
前端相关
0 人评
2019/09/17 关于ES6中的模块化的规范:export与import
前言
其实对我个人来说,开始的时候对于export 与 import 用法挺模糊的。到现在为止也终于清楚一点了。
有一些前提我们需要了解清楚:
1、JS以前是没有模块化这个概念的,没有的后果就是代码显得较乱。后来社区出现了两种规范:CommonJS、AMD
2、对于我来说,问题出现就出现在这两个规范上,由于没有系统的学习,一会import 一会export
2019-09-17 19:09
NodeJs
0 人评
2019/08/26 安利几个前端常用的网站
前言
其实我们做前端说复杂也复杂,说简单也不简单~~~
有很多网站可以让我们更好的完成任务、编写代码。
下面推荐我目前常用的几个网站:
Flatuicolors
地址:https://flatuicolors.com/
介绍:这是一个提供“颜色”的网站,这个网站提供一些非常好看的颜色,可单一使用,可相互组合使用。
Flatuic
2019-08-26 20:38
前端相关
0 人评
2019/08/03 利用iframe简单实现富文本效果
前言
其实网上有很多富文本编辑器,诸如百度的ueditor,然后markdown编辑器github也有很多:
https://github.com/sparksuite/simplemdemarkdowneditor
https://github.com/pandao/editor.md
百度那个不用说了,很古老的一个,很早没更新了,github这两个markdown编辑
2019-08-03 13:05
前端相关
0 人评
2019/07/28 Input输入框失去焦点且数据改变后请求后台【jquery】
需求
最近在项目中,有一个需求就是需要若数据库Input的数据改变且失去焦点则ajax请求后台保存新改变的数据。【如果数据没改变,那么就算失去焦点也不做任何处理】
输入框Input失去焦点请求ajax(https://wimg.misiyu.cn/images/20190728/1564320716ae1ad5ed9fed026.png?xossprocess=style/first
2019-07-28 21:37
前端相关
0 人评
2019/07/20 原生js判断操作系统和浏览器版本
背景
在诸如博客、论坛等系统的评论中,我们可以看见不少的网站都有显示发表评论的人的操作系统版本和浏览器版本。
实现
这里我们使用纯js方法来实现获取这两者的方法。
实现原理很简单
浏览器都会带一个UserAgent的header信息,此信息中就携带一些操作系统和浏览器的版本,我们只需添加一些正则或者一些方法来匹配即可。
获取操作系统版本
javasc
2019-07-20 09:13
前端相关
0 人评
2019/07/17 网站右下角[来源网站]显示【前端特效】
背景
当别人从其他网站访问自己的网站时,如果在自己网站右下角有提示“欢迎来自XXX的朋友访问本站”,是不是逼格满满?!
效果演示
右下角来源网站窗口展示(https://wimg.misiyu.cn/publicfiles/20190716/15632755193ccb1463eca0b3b.gif)
知识点
CSS
css需要了解定位(fixed,abs
2019-07-17 07:51
前端相关
0 人评
It's me
昵称:无道
坐标:成都
性别:
一个人,一介学生社会人,一个儿子~ 愿你我都被世界温暖以待
最新评论
1
https://xb.ujuji.com/
谢谢站长
2
浓浓的嘲讽味道,哈哈哈哈
3
谢谢站长https://ujuji.com/u/buer
4
站长谢谢收录:https://404opal.ujuji.com/
5
@200,大佬说的对啊~~~
大佬现在在哪高就?你的Powered By好像写错了吧~~不是你
6
这是一款完全免费超级简单好用的万能图片编辑器,无需注册即开即用,功能包括:图片编辑、一键抠图、格式转
7
@114,文章的密码是什么?
点击排行
随机标签