Next.js 是基于 React.js 服务端渲染的SSR 开发框架。让你的网页瞬间拥有SEO功能。
nuxtjs是一个基于vue.js构建的服务端渲染框架。让你的网页也拥有SEO能力。只要是会vue,上手及非常简单了。
svelte-webchat一款基于svelte3.x+sveltekit+svelteLayer开发构建的仿微信PC版聊天实例。
开发网站几乎都做过上传图片并截图,做个无刷新Asp.Net上传并截图示例 实现功能: 1.选择文件,自动上传并生成缩放图(上传带进度条),形成预览图 2.在预览区,实现鼠标拖拽截图区,截取图片(示例截图区按缩放图小边为截图正方形长度,可扩展为截图区可变形式) 3.点击保存,截取小图,保存截取图并显示在页面上,并删除原缩略图 示例截图: image.png image.png -----------------------------------------------------------------
基于react+react-dom+react-router-dom+redux+react-redux+ant等技术开发的手机端仿微信界面聊天,实现了聊天记录下拉刷新、发送消息、表情(动图),图片、视频预览,打赏、红包等功能。
前一段时间有给大家分享一个Electron+Vue3.x短视频,今天再分享最新开发的Electron桌面端后台系统。
js实现截图并保存图片在本地(html转canvas、canvas转image) 一、html转canvas 需要的库html2canvas.js和canvas2image.js 话不多说,直接上代码! html 原始HTML 04Svelte+Sass+Mescroll.js仿微信app聊天实例svelte3-chat 基于svelte.js+svelteKit+Sass开发的仿微信界面聊天实战项目。05RLayer:基于React.js多功能弹层组件RLayer.js 一款基于react.js构建的pc桌面端自定义弹出层组件。拥有精致的UI及极简的调用方式,支持顺滑拖拽、缩放及最大化等功能,让复杂的弹框场景变得简单化。06vue+web端聊天室|网页端vue聊天系统使用了Vue2.5.6+Vuex+vue-router+vue-gemini-scrollbar+swiper+elementUI等技术开发,实现了发送消息、表情(动图),图片、视频预览,仿微信右键菜单、截图可直接粘贴至编辑框发送。01Electron13+Vue3+ElementPlus模仿macOS桌面版后台系统框架electron-vue3-macOS 一款整合vite2.x+electron13跨平台构建模仿mac桌面UI后台管理系统。01Vue3.0+Vant3移动端短视频+聊天+直播实战随着人们生活品质的提高,5G及手机硬件的快速发展,短视频/直播快速的成为了很多人的娱乐方式。07Zdir:一个美观、实用的目录列表程序说明:目前用的比较多的目录列表程序有H5ai、Directory Lister,其中H5ai是最强大的,各种格式图片,电影都支持查看,这里再推荐个小z<大佬写的一个目录列表程序Zdir,使用PHP开发,部署很简单。 截图07dplayer使用_dplayer官方下载DPlayer 是一个支持弹幕的 html5 视频播放器。支持 Bilibili 视频和 danmaku,实时视频(HTTP Live Streaming,M3U8格式)以及 FLV 格式。03get两个js小技能——JS截取视频第一帧&图片转Base64背景 由于开发之前做的VisualDrag拖拽模板优化的时候,拖拽进去的图片、视频文件等需要进行截图作为封面,目前采用的截图方法是htme2canvas,使用canvas进行的截图操作,所以就会遇到这样的问题,视频和图片图床简单的使用标签加入canvas画布里面无法正确的截图成功。最后采取的措施就是将图片转为base64画入canvas,将视频截取第一帧图片,然后画进canvas,最后进行截图,最后经过折腾,这个方法好像成功了,写这篇博客进行记录下。 JS截取视频第一帧 截取视频的第一帧作为视频的封面02Vue2学习计划四:v-bind我们上一节讲了插值,主要是针对DOM的文本节点操作。那么如果现在有个需求,我们需要点击按钮,更换图片,怎么办?或者我们需要更换一下元素的样式该怎么实现呢?02jQuery的简单使用jQuery注册事件也很简单,通过选择器包装好标签对象后,调用相关的事件方法即可,调用事件方法时需要传递一个函数对象,当事件被触发就会执行函数里的代码。在jQuery里的事件名称并没有与html中的事件名称有多大区别,还是那个熟悉的味道熟悉的套路,示例:01表单数据验证方法(一)—— 使用validate.js实现表单数据验证好久没写博客了,真的是罪过,以后不能这样了,只学习不思考,学的都是白搭,希望在博客园能记录下自己学习的点滴,虽然记录的都是些浅显的技术,但能起到巩固自己和稍微帮助一下和我一样的菜鸡也是不错的,哈哈,不好意思,闲话扯多了。03react实战开发|react+web版聊天室基于react+react-dom+react-router-dom+redux+react-redux+webpack2.0+react-photoswipe+swiper等技术混合开发的web版聊天室reactWebChat项目,实现了发送消息、表情(动图),图片、视频预览等功能。01前端之路:bootstrap 时间日期日历控件(datetimepicker)云加速外联即可。(moment-with-locales.js 这个得在datatimpicker.min.js之前。可以网上百度这个文件。我没找到这个cdn)02svelte PC端弹窗组件|svelte.js网页对话框之前有分享一个svelte.js开发自定义移动端弹框组件sveltePopup。今天再分享一个svelte自定义网页版弹窗组件svelteLayer。03Nuxt/Vue自定义弹窗模板VPopup组件|仿ios弹窗VPopup自定义弹窗 一个汇聚了Vant及NutUI中的 Msg信息框、Popup弹出层、Notify通知信息、Dialog对话框、ActionSheet动作面板框及Toast弱提示框 等功能。01Vue.js实现咸鱼底部Tab凸起|vue自定义导航条组件Vue自定义Navbar+Tabbar组件 基于Vue.js构建的自定义导航栏+标签栏组件。支持自定义背景(渐变色)、颜色、图标/文字、固定导航、事件处理等功能。03可视化-bokeh-02-Django中部署系统:Windows 7 语言版本:Anaconda3-4.3.0.1-Windows-x86_64 编辑器:pycharm-community-2016.3.2 bokeh:0.12.701h5高仿微信web网页版|仿微信聊天项目https://blog.csdn.net/xiaoyan_2015/article/details/8175089403Vue3.x+Vant3仿微信聊天|朋友圈2021已来临,Vue3开发也要步入正轨了。今天为大家带来的是全新开发的Vue3.x实战聊天室项目Vue3_Chatroom,基于vue3+vant3+vuex+vue-router+v3popup等技术搭建的聊天实例。01分享一个超好看回忆相册(代码自取)《葫芦兄弟》(又名:葫芦娃),是上海美术电影制片厂于1985-1987年原创出品的13集系列剪纸动画片,是中国动画第二个繁荣时期的代表作品之一,至今已经成为中国动画经典。讲述7只神奇的葫芦,7个本领超群的兄弟,为救亲人前赴后继,展开了与妖精们的周旋。02js截屏以及three.js场景截屏做这个功能都是半个月之前的事情了,没想到一直耽误却一直都没有写下总结,尴尬。。。。。来来来,说正事02Chrome 调试技巧简记ctrl + shift + P 打开命令面板,搜索 screen 可进行各类截图,包括节点截图、区域截图和全屏截图01WebRTC实战教程:如何使用摄像头拍照01vue3.0仿layer.js弹窗|vue3对话框组件昨天有给大家分享一个vue3.0 mobile端弹框组件v3popup,今天再来分享一个最新开发的vue3.0 pc桌面版弹窗组件v3layer。功能效果有些类似layer.js,支持流畅拖拽、缩放、最大化及全屏等功能。02web爬虫-搞一波天涯论坛帖子练练手今天我们将要学习如何使用BeautifulSoup库来抓取网站。BeautifulSoup是一个很好的工具,用于解析HTML代码并准确获取所需的信息。因此,无论您是从新闻网站,体育网站,还是在线商店的价格中提取新闻等,BeautifulSoup和Python都可以帮助您快速轻松地完成这些工作。03实现Web端自定义截屏(原生JS版)前几天我发布了一个web端自定义截图的插件,在使用过程中有开发者反馈这个插件无法在vue2项目中使用,于是,我就开始找问题,发现我的插件是基于Vue3的开发的,由于Vue3的插件和Vue2的插件完全不兼容,因此插件也就只能在Vue3项目中使用。03Vue中使用图片裁剪Vue-cropper(1). 下面代码中的 selectImage 事件是加在所选择的图片上面的,参数为选择图片的地址; (2). 下面代码中的 imgUrl 为最终裁剪的图片提交给服务端保存后的图片链接地址。02Minima黑色响应式后台管理模板Minima黑色响应式后台管理模板基于Bootstrap3.3.4制作,黑色风格,兼容PC端和手机移动端,全套模板,包括登录、仪表盘、按钮、窗口部件、网格布局、图表等后台模板页面。 模板截图 📷 代码截图 📷 主要HTML index.html <!DOCTYPE html> <html> <head> <title>Minimal 1.0 - Dashboard</title> <meta name="viewport" content="width=device-width,012048小游戏HTML网页版源码共享上下左右键控制 游戏截图如下: 📷 📷 HTML代码 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; c02vue.js聊天IM系统|聊天室|群聊基于vue+vuex+vue-router+webpack2.0+es6+wcPop+iconfont等技术开发的仿微信界面聊天室,之前使用h5开发过一版h5聊天室,实现了微信聊天功能、发送消息/表情,图片、视频预览,打赏、红包等功能。05HTML5拉杆子过关小游戏代码免费下载源码简介 相关最新源码 HTML5拉杆子过关小游戏代码,拉杆子跨越悬崖小游戏,拉杆子过关小游戏非常火爆,并且非常好玩受欢迎,游戏玩法:按住鼠标伸出一根棍子。02网页中Office和pdf相关文件导出最近被派去维护和开发一些做了一半、年久失修的项目。有一部分内容是关于word文件导出,顺带着把excel、pdf文件的导出也调研下吧,我想未来开发我应该会遇到的,遂做了下笔记分享给需要的人。01CSI.JS前端日志系统做了那么多项目,后端的日志系统是必须的,前端的日志系统倒是从来没做过。如果有机会,倒是很想试试,今天01Qt编写安防视频监控系统30-GPS运动轨迹此功能是一个客户定制的,主要是需要在地图上动态显示GPS的运动轨迹,有个应用场景就是一个带有监控的车子,实时在运动中,后台可以接收到经纬度信息,需要绘制对应的轨迹,相当于这些摄像机点位是动态移动的,这样就可以观测到摄像机的实时位置信息,双击摄像机还可以弹出画面实时预览,很直观。00React多页面应用1(webpack4 开发环境搭建,包括热更新,api转发等)本教程总共9篇,每日更新一篇,请关注我们!你可以进入历史消息查看以往文章,也敬请期待我们的新文章! 1、React多页面应用1(webpack4 开发环境搭建,包括热更新,api转发等)---2018.04.04 2、React多页面应用2(webpack4 处理CSS及图片,引入postCSS,及图片处理等)---2018.04.08 3、React多页面应用3(webpack4 多页面实现)---2018.04.09 4、React多页面应用4(webpack4 提取第三方包及公共组件)---201803带你入坑01-weex-搭建环境安装 Node.js 环境成功后,npm 包管理工具也会自动安装成功 输入下面命令检查一下01让框架的高度自适应虽然框架不利于网站优化,但在类似于业务系统的后台中使用的还比较频繁。起初在写的时候,框架的高度与宽度的兼容着实让我很头疼。经过多方面查找资料,及通过自己的实践,特总结以下控制框架宽度与高度的方法。03Electron跨平台仿QQ|vue3+electron+antdv聊天应用此前有给大家分享一个vite2+vant3开发h5手机端小视频实例。今分享一个最新开发的electron跨端聊天应用。00基于vue的图片裁剪插件vue-cropper ,上传图片到腾讯云存储网上找了点教程,结合之前框架里就有的修改了一下,没做细节优化处理 demo 16:9的尺寸,自己可以修改 步骤: npm install vue-cropper 组件内使用 import { Vue01WebRTC实战教程:如何录制视频和播放01WebRTC实战教程:如何录制共享屏幕和播放01WebRTC实战教程:如何实现共享屏幕和摄像头三分屏01小白博客 迷你音乐播放器及实现全站pjax无刷新加载演示截图: 请点击此处输入图片描述 请点击此处输入图片描述 使用教程,下载播放器文件,直接上传压缩包至你的网站根目录,然后解压到根目录。 然后在你的网站程序模板文件或者html中05
svelte3-chat 基于svelte.js+svelteKit+Sass开发的仿微信界面聊天实战项目。
RLayer.js 一款基于react.js构建的pc桌面端自定义弹出层组件。拥有精致的UI及极简的调用方式,支持顺滑拖拽、缩放及最大化等功能,让复杂的弹框场景变得简单化。
使用了Vue2.5.6+Vuex+vue-router+vue-gemini-scrollbar+swiper+elementUI等技术开发,实现了发送消息、表情(动图),图片、视频预览,仿微信右键菜单、截图可直接粘贴至编辑框发送。
electron-vue3-macOS 一款整合vite2.x+electron13跨平台构建模仿mac桌面UI后台管理系统。
随着人们生活品质的提高,5G及手机硬件的快速发展,短视频/直播快速的成为了很多人的娱乐方式。
说明:目前用的比较多的目录列表程序有H5ai、Directory Lister,其中H5ai是最强大的,各种格式图片,电影都支持查看,这里再推荐个小z<大佬写的一个目录列表程序Zdir,使用PHP开发,部署很简单。 截图
DPlayer 是一个支持弹幕的 html5 视频播放器。支持 Bilibili 视频和 danmaku,实时视频(HTTP Live Streaming,M3U8格式)以及 FLV 格式。
背景 由于开发之前做的VisualDrag拖拽模板优化的时候,拖拽进去的图片、视频文件等需要进行截图作为封面,目前采用的截图方法是htme2canvas,使用canvas进行的截图操作,所以就会遇到这样的问题,视频和图片图床简单的使用标签加入canvas画布里面无法正确的截图成功。最后采取的措施就是将图片转为base64画入canvas,将视频截取第一帧图片,然后画进canvas,最后进行截图,最后经过折腾,这个方法好像成功了,写这篇博客进行记录下。 JS截取视频第一帧 截取视频的第一帧作为视频的封面
我们上一节讲了插值,主要是针对DOM的文本节点操作。那么如果现在有个需求,我们需要点击按钮,更换图片,怎么办?或者我们需要更换一下元素的样式该怎么实现呢?
jQuery注册事件也很简单,通过选择器包装好标签对象后,调用相关的事件方法即可,调用事件方法时需要传递一个函数对象,当事件被触发就会执行函数里的代码。在jQuery里的事件名称并没有与html中的事件名称有多大区别,还是那个熟悉的味道熟悉的套路,示例:
好久没写博客了,真的是罪过,以后不能这样了,只学习不思考,学的都是白搭,希望在博客园能记录下自己学习的点滴,虽然记录的都是些浅显的技术,但能起到巩固自己和稍微帮助一下和我一样的菜鸡也是不错的,哈哈,不好意思,闲话扯多了。
基于react+react-dom+react-router-dom+redux+react-redux+webpack2.0+react-photoswipe+swiper等技术混合开发的web版聊天室reactWebChat项目,实现了发送消息、表情(动图),图片、视频预览等功能。
云加速外联即可。(moment-with-locales.js 这个得在datatimpicker.min.js之前。可以网上百度这个文件。我没找到这个cdn)
之前有分享一个svelte.js开发自定义移动端弹框组件sveltePopup。今天再分享一个svelte自定义网页版弹窗组件svelteLayer。
VPopup自定义弹窗 一个汇聚了Vant及NutUI中的 Msg信息框、Popup弹出层、Notify通知信息、Dialog对话框、ActionSheet动作面板框及Toast弱提示框 等功能。
Vue自定义Navbar+Tabbar组件 基于Vue.js构建的自定义导航栏+标签栏组件。支持自定义背景(渐变色)、颜色、图标/文字、固定导航、事件处理等功能。
系统:Windows 7 语言版本:Anaconda3-4.3.0.1-Windows-x86_64 编辑器:pycharm-community-2016.3.2 bokeh:0.12.7
https://blog.csdn.net/xiaoyan_2015/article/details/81750894
2021已来临,Vue3开发也要步入正轨了。今天为大家带来的是全新开发的Vue3.x实战聊天室项目Vue3_Chatroom,基于vue3+vant3+vuex+vue-router+v3popup等技术搭建的聊天实例。
《葫芦兄弟》(又名:葫芦娃),是上海美术电影制片厂于1985-1987年原创出品的13集系列剪纸动画片,是中国动画第二个繁荣时期的代表作品之一,至今已经成为中国动画经典。讲述7只神奇的葫芦,7个本领超群的兄弟,为救亲人前赴后继,展开了与妖精们的周旋。
做这个功能都是半个月之前的事情了,没想到一直耽误却一直都没有写下总结,尴尬。。。。。来来来,说正事
ctrl + shift + P 打开命令面板,搜索 screen 可进行各类截图,包括节点截图、区域截图和全屏截图
昨天有给大家分享一个vue3.0 mobile端弹框组件v3popup,今天再来分享一个最新开发的vue3.0 pc桌面版弹窗组件v3layer。功能效果有些类似layer.js,支持流畅拖拽、缩放、最大化及全屏等功能。
今天我们将要学习如何使用BeautifulSoup库来抓取网站。BeautifulSoup是一个很好的工具,用于解析HTML代码并准确获取所需的信息。因此,无论您是从新闻网站,体育网站,还是在线商店的价格中提取新闻等,BeautifulSoup和Python都可以帮助您快速轻松地完成这些工作。
前几天我发布了一个web端自定义截图的插件,在使用过程中有开发者反馈这个插件无法在vue2项目中使用,于是,我就开始找问题,发现我的插件是基于Vue3的开发的,由于Vue3的插件和Vue2的插件完全不兼容,因此插件也就只能在Vue3项目中使用。
(1). 下面代码中的 selectImage 事件是加在所选择的图片上面的,参数为选择图片的地址; (2). 下面代码中的 imgUrl 为最终裁剪的图片提交给服务端保存后的图片链接地址。
Minima黑色响应式后台管理模板基于Bootstrap3.3.4制作,黑色风格,兼容PC端和手机移动端,全套模板,包括登录、仪表盘、按钮、窗口部件、网格布局、图表等后台模板页面。 模板截图 📷 代码截图 📷 主要HTML index.html <!DOCTYPE html> <html> <head> <title>Minimal 1.0 - Dashboard</title> <meta name="viewport" content="width=device-width,
上下左右键控制 游戏截图如下: 📷 📷 HTML代码 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; c
基于vue+vuex+vue-router+webpack2.0+es6+wcPop+iconfont等技术开发的仿微信界面聊天室,之前使用h5开发过一版h5聊天室,实现了微信聊天功能、发送消息/表情,图片、视频预览,打赏、红包等功能。
源码简介 相关最新源码 HTML5拉杆子过关小游戏代码,拉杆子跨越悬崖小游戏,拉杆子过关小游戏非常火爆,并且非常好玩受欢迎,游戏玩法:按住鼠标伸出一根棍子。
最近被派去维护和开发一些做了一半、年久失修的项目。有一部分内容是关于word文件导出,顺带着把excel、pdf文件的导出也调研下吧,我想未来开发我应该会遇到的,遂做了下笔记分享给需要的人。
做了那么多项目,后端的日志系统是必须的,前端的日志系统倒是从来没做过。如果有机会,倒是很想试试,今天
此功能是一个客户定制的,主要是需要在地图上动态显示GPS的运动轨迹,有个应用场景就是一个带有监控的车子,实时在运动中,后台可以接收到经纬度信息,需要绘制对应的轨迹,相当于这些摄像机点位是动态移动的,这样就可以观测到摄像机的实时位置信息,双击摄像机还可以弹出画面实时预览,很直观。
本教程总共9篇,每日更新一篇,请关注我们!你可以进入历史消息查看以往文章,也敬请期待我们的新文章! 1、React多页面应用1(webpack4 开发环境搭建,包括热更新,api转发等)---2018.04.04 2、React多页面应用2(webpack4 处理CSS及图片,引入postCSS,及图片处理等)---2018.04.08 3、React多页面应用3(webpack4 多页面实现)---2018.04.09 4、React多页面应用4(webpack4 提取第三方包及公共组件)---2018
安装 Node.js 环境成功后,npm 包管理工具也会自动安装成功 输入下面命令检查一下
虽然框架不利于网站优化,但在类似于业务系统的后台中使用的还比较频繁。起初在写的时候,框架的高度与宽度的兼容着实让我很头疼。经过多方面查找资料,及通过自己的实践,特总结以下控制框架宽度与高度的方法。
此前有给大家分享一个vite2+vant3开发h5手机端小视频实例。今分享一个最新开发的electron跨端聊天应用。
网上找了点教程,结合之前框架里就有的修改了一下,没做细节优化处理 demo 16:9的尺寸,自己可以修改 步骤: npm install vue-cropper 组件内使用 import { Vue
演示截图: 请点击此处输入图片描述 请点击此处输入图片描述 使用教程,下载播放器文件,直接上传压缩包至你的网站根目录,然后解压到根目录。 然后在你的网站程序模板文件或者html中
领取专属 10元无门槛券
手把手带您无忧上云