• 超强 Vue3.0 后台管理系统模板CigoAdmin Vue

    超强 Vue3.0 后台管理系统模板CigoAdmin

    今天给小伙伴们推荐一款超牛X开源vue3中后台前端项目CigoAdminVue3。cigoadmin-vue3.0 基于vue3.x+antdv 2.0构建的通用后台管理前端仓库。包括常用的内容管理、系统管理、图表及地图等功能。antdv 阿里推出的vue3.0桌面端UI组件库。https://2x.antdv.com/docs/vue/introduce-cn/快速安装通过下...

    Vue 2020年11月23日 46 0
  • Web端非常有用的一个文件上传插件——FilePond

    介绍FilePond是一个JavaScript库,它提供流畅的拖放文件上传功能。可以上传任何你扔在它上面的东西,优化图像以便更快地上传,并提供一个非常优雅的、可靠的、平滑的用户体验。Github基于MIT开源协议https://github.com/pqina/filepond适配框架核心库是用普通JavaScript编写的,因此可以在任何地方使用。可以在不同的框架中使用,提供...

    Javascript 2020年11月21日 17 0
  • 一款思维导图显示编辑javascript类库jsmind

    jsMind 是一个显示/编辑思维导图的纯 javascript 类库,其基于 html5 的 canvas 进行设计。jsmind我们介绍下一个简单示例,本文仅做一个推荐。下载资源1.我们在github上下载该项目,里面包含了jsmind的js和css文件。github地址:https://github.com/hizzgdev/jsmind 。或者自行在github上搜索 ...

    Javascript 2020年11月13日 57 0
  • 10个有用的HTML文件上传技巧

    上传文件的能力是许多Web和移动应用的关键需求,从将照片上传到社交媒体上到将简历发布到工作门户网站上,文件上传无处不在。作为一名Web开发人员,我们一定知道HTML提供了原生文件上传的支持,并借助于JavaScript的一点帮助。在HTML5中,File API被添加到DOM中。利用它,我们可以读取 FileList 和其中的 File 对象,这就解决了文件的多种用例,即在本地...

    HTML5 2020年11月12日 43 0
  • 全新开源 Vue3+Ts 中大型Admin管理系统 Vue

    全新开源 Vue3+Ts 中大型Admin管理系统

    今天给大家推荐一款超绝佳的vue3.0中大型管理系统Vue-Vben-Admin。vue-vben-admin 基于vue3.x+ant-design-vue+ts开发的vue3风格后台管理系统,star高达1.3K+。包括常用的后台功能、表单组件、树组件、表格组件、图表库、富文本等功能。目录结构快速安装下面简单介绍下项目安装步骤。# 克隆项目 git clone https:...

    Vue 2020年11月11日 170 0
  • Nginx部署Vue项目以及解决刷新页面404 Vue

    Nginx部署Vue项目以及解决刷新页面404

    在部署vue、react的前端项目时,经常会出现404的问题,一般是文件不是真正的存在,所以Nginx报404的错误一、打包项目 1.在项目中的package.json上右键,点击Show npm Scripts2.打包(或者直接在项目根目录运行 npm run build 命令)3.成功后会在项目根目录生成dist文件夹 二、压缩并上传项目到服务器(我这里是使用Secure...

    Vue 2020年11月04日 103 0
  • 「Linux命令」-Java程序员需要掌握的10个命令

    作为服务端开发的同学,经常会与linux服务器打交道,一些用的命令必须要掌握。1.top命令-观察服务端负载情况top命令是Linux下常用的性能分析工具,能够实时显示系统中各个进程的资源占用状况,类似于Windows的任务管理器1.top命令2.free命令-查看服务端内存情况free 命令显示系统内存的使用情况,包括物理内存、交换内存(swap)和内核缓冲区内存2.free...

    HTML5 2020年11月03日 67 0
  • 手写 Promise

    前言都 2020 年了,Promise 大家肯定都在用了,但是估计很多人对其原理还是一知半解,今天就让我们一起实现一个符合 PromiseA+ 规范的 Promise。附 PromiseA+ 规范地址: https://promisesaplus.com/简单版我们都知道 Promise 的调用方式,new Promise(executor), executor 两个参数,re...

    Javascript 2020年10月21日 98 0
  • Unable to preventDefault inside passive event listener due to target being treated as passive.

    在Chrome下调试时,忽然发现有一个错误日志,日志信息如下:Unable to preventDefault inside passive event listener due to target being treated as passive.所有的操作好像都是正常的,但为什么还出现这样的错误提示呢。虽然不影响使用,但还是不想放过任何一个问题。 翻译一下:chrome ...

    Javascript 2020年10月20日 105 0
  • 这一款开源免费的富文本编辑器,是值得推荐的——Quill

    介绍Quill是一个所见即所得的富文本编辑器,是一个集兼容性和可扩展性于一体的优秀编辑器,Githubhttps://github.com/quilljs/quillQuill特点开发友好通过简单的API可以细粒度地访问编辑器的内容,更改和事件。使用JSON作为输入和输出一致且确定性的工作兼容性好支持台式机,平板电脑和手机上的所有现代浏览器。体验相同的一致行为,并跨平台生成HT...

    HTML5 2020年10月17日 149 0
  • 理解JavaScript中的浅拷贝与深拷贝

    浅拷贝在使用JavaScript对数组进行操作的时候,如果只是简单的将它赋予其他变量,那么我们只要更改其中的任何一个,然后其他的也会跟着改变,这就导致了问题的发生var arr = ['aa','bb','cc'];var arr2 = arr;arr2[0] = '新来的';console.log(arr);//输出 '新来的','bb','cc'由此可见对数组arr2进行修...

    Javascript 2020年10月12日 136 0
  • Vue中Axios封装API接口的思路及方法

    一、axios的封装在vue项目中,和后台交互获取数据这块,我们通常使用的是axios库,它是基于promise的http库,可运行在浏览器端和node.js中。他有很多优秀的特性,例如拦截请求和响应、取消请求、转换json、客户端防御XSRF等。在一个项目中我们如果要使用很多接口的话,总不能在每个页面都写满了.get()或者.post()吧?所以我们就要自己手动封装一个全局的...

    Vue 2020年10月11日 150 0
  • JavaScript对于页面适配,你应该使用px还是rem

    css中的单位很多,%、px、em、rem,以及比较新的vw、vh等。每个单位都有特定的用途,比如当需要设置一个矩形的宽高比为16:9,并且随屏幕宽度自适应时,除了用%,其他单位是很难做到的。所以不存在说某个单位是错误的,某个单位是最好的这种说法。那本文说的页面适配,指的是同样的布局,在不同大小的屏幕上怎么进行缩放、控制间距、宽高、字号等大小。页面适配的方式有很多:使用px,结...

    Javascript 2020年10月11日 158 0
  • The canvas has been tainted by cross-origin data

    在前端调试canvas时,出现下面这个错误:Uncaught DOMException: Failed to execute 'getImageData' on 'CanvasRenderingContext2D': The canvas has been tainted by cross-origin data. at getImage (http://canvas/...

    HTML5 2020年09月29日 171 0
  • Vue3.0正式版他来l!Vue3.0 One Piece Vue

    Vue3.0正式版他来l!Vue3.0 One Piece

    Vue3.0的发布,其背后的辛酸曲折只有真爱粉才知道,前前后后2000多次的提交,600余次的项目评审,各种各样的beta测试版本。终于,我们的尤神(Vue.js作者尤雨溪)和社区大神坚持不懈,带来了船新版本——Vue.js 3.0 OnePiece(路飞冲冲冲!)。 本文只做简单分析,但是已经有大牛在研究这诞生的One Piece了,可以与他一起讨论:图片来源于网络,如有侵权...

    Vue 2020年09月21日 800 0
  • sparrow-js·场景化低代码搭建·编辑区块篇

    前言sparrow-js 提供两个重要提升研发效率的设计:一个是编辑区块,一个是搜索组件,本次主要介绍编辑区块部分的设计思路;采用自问自答的方式说明编辑区块的由来。编辑区块是什么?特定场景功能的代码片段,通过基础组件和有特定功能的逻辑组件组合而成,可增删改;可生成可读性强的源代码。为什么会有编辑区块?编辑区块是为sparrow-js的核心目标提效量身定做的,sparrow本身有...

    前端开发 2020年09月18日 302 0
  • 基于 Vue+Antd 拖放表单构建器KFormDesign Vue

    基于 Vue+Antd 拖放表单构建器KFormDesign

    前几天有给大家分享一个Vue可视化设计器。今天继续推荐一款超不错的Vue拖拽表单设计器K-Form-Design。Vue可视化在线制作平台GodsPenk-form-design 基于 vue.js+ant-design 构建的表单设计器。在线快速生成配置表单。支持自定义属性配置、生成JSON及代码。功能特性可视化配置页面提供栅格、表格等布局布局嵌套使用提供预览、保存、生成js...

    Vue 2020年09月08日 630 0
  • 关于Firefox火狐浏览器下使用sortable.js进行拖拽时打开新窗口页面的问题处理

    最近使用Sortable.js开发拖拽的功能,但在Firefox浏览器下遇到一个问题,任何时候拖拽,都会打开一个新窗口页面,这是没办法接受的,于是对此问题进行了以下方式的处理,问题总算解决了。 在页面加载完成时执行以下代码即可:document.body.ondrop = function (event) { event.preventDefault(); e...

    Javascript 2020年09月03日 378 0
  • 适用于现代Web开发的超高性能专业级动画库——GSAP

    介绍GSAP是一个JavaScript库,用于构建可在每种主流浏览器中使用的高性能动画。CSS动画,SVG,画布,React,Vue,WebGL,颜色,字符串,运动路径,通用对象... JavaScript可以接触的任何东西!ScrollTrigger插件可让你以最少的代码创建令人叹为观止的基于滚动的动画,GSAP解决了无数浏览器不一致的问题。以下是一个官方简短的视频介绍: ...

    HTML5 2020年09月03日 385 0
  • 使用canvas在前端实现图片水印合成

    图片合成最常见的需求有验证码图片,亦或者图片加水印等,这种实现一般都是后端实现的。随着HTML5发展和现代浏览器的占比越来越高,我们其实也可以在前端直接进行图片的合成。优点在于,响应更快,体验更好;如果是和文字进行合成,我们可以利用客户端字体,视觉展现效果更丰富;同时展示和合成全部都是前端完成,因此更利于维护。这里通过举个例子,演示如何在前端实现多个图片合成的效果,主要是借助H...

    HTML5 2020年09月03日 283 0
  • 超强 H5直播/点播播放器LivePlayer

    之前有给大家分享2个超棒的视频播放器。今天继续分享一款高质量的H5视频播放器插件LivePlayer。HTML5 开源视频播放器DPlayerVue 视频播放组件Vue-CoreVideoPlayerliveplayer 一款集m3u8、rtmp、hls、flv于一身的H5视频流媒体播放器。使用简单,功能强大,免费使用。功能特点支持MP4播放;支持m3u8/HLS播放;支持HT...

    HTML5 2020年09月01日 1280 0
  • 基于 Vue.js 拖拽布局设计器h5Maker Vue

    基于 Vue.js 拖拽布局设计器h5Maker

    之前给大家分享了一款Vue+Uniapp拖放布局模板。这次继续分享一个优秀的Vue H5在线拖拽编辑器项目h5Maker。vue+uniapp可视化拖拽布局设计器h5maker 基于vue.js的可视化布局编辑器。大致类似maka及易企秀。支持自定义拖放页面元素及配置属性/动画。支持动画及页面预览效果。技术架构vue2.0 + vuex + vue-routerElementU...

    Vue 2020年08月14日 1378 0
  • js闭包的强大功能

    我觉得闭包的强大之处主要在于他的封装性,也就是信息隐藏。下面我们从以下几个方面来详细说明。函数与私有状态通过闭包,我们可以创建拥有私有状态的函数,闭包使得状态被封装起来。工厂模式与私有原型对象我们先来看一个通过原型创建对象的常规方式,如下:let todoPrototype = { toString : function() { return this.id + " " + t...

    Javascript 2020年08月12日 278 0
  • vue-element-admin 登陆 Vue

    vue-element-admin 登陆

    vue-element-admin 登陆引言vue-element-admin是vue生态圈中,最火的一个后台管理框架。基于vue和element-ui实现。这篇文章主要会讲解登陆的流程以及我认为这个框架的厉害的东西:动态路由,之前看代码的时候,总想着一个登陆搞那么麻烦,后面仔细品味发现原来一个小小的登陆功能涉及到了这么多的东西。准备工作目录结构了解一个框架之前,先要从目录结构...

    Vue 2020年08月07日 460 0
  • 使用 Vue 开发 Todo 应用 Vue

    使用 Vue 开发 Todo 应用

    1、项目说明使用 Vue 开发的一款 Todo 应用,包含登录、待办、日程、历史事项、回收站。项目较为小型,适合进阶学习使用(请注意,项目大量使用 jsx 进行开发)。2、项目分支说明目前项目 vue2 版的前端部分已完善(后端接口暂时使用 mockjs)。接下来将会使用 node 进行后端的开发,后续请继续关注。Vue3 版的正在调整中,感兴趣的可以拉取 vite-vue3 ...

    Vue 2020年08月03日 492 0
  • 如何深入理解vue中的export function return

    在做项目的时候有的时候项目紧急,所以只需要知道如何使用一下方法实现相应的功能,没得停留下来研究理解为什么要这样使用,所以今天趁不忙就写一下自己对return的理解,一方面是加深自己的理解,另一方面也希望能帮助到需要的人!我先抛出一个简单的问题:return后面可以跟执行语句或者函数么?答案:可以!但是有一点,return不论是什么,都是直接返回,即使是语句或者函数也不会执行的!...

    Vue 2020年07月30日 810 0
  • WebStorm 2020.2 正式发布

    WebStorm 2020.2 发布了,此版本可将 Prettier 用作默认格式化程序,还带来了对 Vue 的支持、对 JavaScript 的新意图,和对 GitHub PR 的全面支持等等。主要新特性和改进包括:框架和技术:使用 Prettier 作为默认格式化程序的选项,对 Vue.js 进行了各种改进,并支持 WSL 2 中安装的 Git。JavaScript 和 T...

    Javascript 2020年07月29日 731 0
  • ES2020 新特性

    这几年,Ecma TC39一年一次更新 ecmascript 规范标准,截止目前,以下特性已进入 finished 状态。现在带大家体验种草 ES2020 新特性。Promise.allSettledPromise.all 缺陷都知道 Promise.all 具有并发执行异步任务的能力。但它的最大问题就是如果其中某个任务出现异常(reject),所有任务都会挂掉,Promise...

    HTML5 2020年07月29日 339 0
  • HTML5 绘图技术 「Canvas」和「SVG」

    虽然是要Canvas和SVG,但每次提起Canvas,脑海总会想起SVG,因此先做个简单的对比。 *Canvas 和 SVG 对比 Canvas 和 SVG 都是 HTML5 中推荐的也是主要的2D图形绘制技术Canvas 提供画布标签和绘制API,技术比较新,注重栅格图像处理。SVG是一套独立的矢量图形语言,成为W3C标准已经有十几年,发展缓慢。Canvas 基于像素,提供 ...

    HTML5 2020年07月22日 317 0
  • vue插件汇总及vue组件大全

    Vue是一个构建数据驱动的 web 界面的渐进式框架。Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件特别整理了常用的vue插件,这里对vue插件汇总,提供vue组件大全,方便查找使用,便于工作和学习。 一、UI组件及框架    element - 饿了么出品的Vue2的web UI工具套件    mi...

    Vue 2020年06月12日 845 0