前端开发
文章平均质量分 77
Vue、UniApp
思月行云
吾求吾失且不暇,何暇论人哉?!
君子性非异也,善假于物也。
展开
-
Windows下安装及使用NVM以及node-sass安装失败解决
nvm 是 node.js 的版本管理工具,可以运行在多种操作系统上。nvm for windows 是使用go语言编写的软件。我电脑使用的是Windows操作系统,所以我要记录下在此操作系统上nvm的安装和使用。转载 2023-08-28 01:43:01 · 200 阅读 · 0 评论 -
Electron + Vue.js + Vuetify 构建跨平台应用
Go coding!转载 2023-08-31 12:14:51 · 306 阅读 · 0 评论 -
js前端直传阿里云OSS,解决大文件上传限制
使用js直传oss阿里云存储文件,解决大文件上传服务器限制_js上传oss_孙奋斗的博客-CSDN博客使用js直传oss阿里云存储文件,解决大文件上传服务器限制每个OSS的用户都会用到上传服务。Web端常见的上传方法是用户在浏览器或App端上传文件到应用服务器,应用服务器再把文件上传到OSS。具体流程如下图所示。客户短上传和数据直传到OSS相比,以上方法有三个缺点:上传慢:用户数据需先上传到应用服务器,之后再上传到OSS。网络传输时间比直传到OSS多一倍。转载 2023-04-11 09:15:14 · 3633 阅读 · 2 评论 -
Vue常用插件整理
5、qs插件 为了解决post默认使用的是x-www-from-urlencoded 去请求数据,导致请求参数无法传递到后台。1> 安装 npm i jquery-contextmenu --save-dev。1> 安装 npm install vue-count-to。9、vue-awesome-swiper vue轮播插件。1、vue-count-to 一个简单好用的数字滚动插件。13、vue-flip-down vue 倒计时插件。6、vue-baidu-map 百度地图插件。转载 2023-03-14 09:31:40 · 740 阅读 · 0 评论 -
重写网页scrollbar样式
【代码】重写网页scrollbar样式。原创 2023-02-26 23:02:33 · 103 阅读 · 0 评论 -
Thymeleaf 标签语法入门
场景看下面的案例:我们获取用户的所有信息,分别展示。当数据量比较多的时候,频繁的写user.就会非常麻烦。因此,Thymeleaf提供了自定义变量来解决:示例:首先在h2上 用获取user的值,并且保存然后,在h2内部的任意元素上,可以通过*{属性名}的方式,来获取user中的属性,这样就省去了大量的user.前缀了。转载 2022-09-20 15:45:06 · 138 阅读 · 0 评论 -
yarn和npm的区别
这么做就保证了每一次拉取同一个项目依赖时,使用的都是一样的模块版本。yarn是由Facebook、Google、Exponent 和 Tilde 联合推出了一个新的 JS 包管理工具,yarn是为了弥补 npm 的一些缺陷而出现的。相比之下,yarn简洁太多,默认情况下直观且直接地打印出必要的信息,也提供了一些命令供开发者查询额外的安装信息。所有的依赖包不管它被不同的库间接关联引用多少次,安装这个包时,只会从一个注册来源去装,要么是npm要么是bower,防止出现混乱不一致。转载 2022-09-02 18:05:44 · 66 阅读 · 0 评论 -
vue-router使用详解以及tabbar实现思路
to:用于指定跳转的路径tag:tag可以指定之后渲染成什么组件,比如我们下面的代码会被渲染成一个元素,而不是。replace:replace不会留下history记录,所以指定replace的情况下,后退键返回不能返回到上一个页面中active-class:当对应的路由匹配成功时,会自动给当前元素设置一个router-link-active的class,设置active-class可以修改默认的名称。转载 2022-09-02 17:44:49 · 366 阅读 · 1 评论 -
Vue3全家桶项目搭建(vue3、vue-router、vuex、axios、vue-i18n)
Vue 全家桶(vue3、vue-router、vuex、axios、vue-i18n) 项目搭建转载 2022-09-02 17:15:55 · 981 阅读 · 1 评论 -
CSS实现响应式全屏背景图
居中、满屏、自适应转载 2022-08-24 15:13:11 · 580 阅读 · 0 评论 -
Vue生命周期详解
Vue的生命周期是每个使用Vue框架的前端人员都需要掌握的知识,以此作为记录。Vue的生命周期就是vue实例从创建到销毁的全过程,也就是new Vue() 开始就是vue生命周期的开始。Vue 实例有⼀个完整的⽣命周期,也就是从开始创建、初始化数据、编译模版、挂载Dom -> 渲染、更新 -> 渲染、卸载 等⼀系列过程,称这是Vue的⽣命周期。钩子函数是Vue生命周期中每个阶段对外开放让程序员操作Vue的接口。Vue有8个钩子函数。借用。...转载 2022-08-14 08:55:05 · 279 阅读 · 0 评论 -
WebSocket之JS发送二进制
WebSocket之JS发送二进制老鼠AI大米_Java全栈原文:WebSocket之JS发送二进制 - 简书 (jianshu.com)大家都知道使用socket通信都是二进制,通信框架多是使用二进制通信,高效且快速,但在前端如何编辑发送二进制,二进制数据在日常的JavaScript中很少遇到,但是当你使用WebSocket与后端进行数据交互时,就有可能会用到二进制的数据格式。JS如何存储和操作二进制JavaScript中用ArrayBuffer来存储二进制数据。JavaScr转载 2021-11-29 09:36:25 · 4023 阅读 · 0 评论 -
30 分钟学会 Flex 布局
30 分钟学会 Flex 布局林东洲30 分钟学会 Flex 布局 - 知乎 (zhihu.com)为什么我要写这一篇关于 Flex 布局的教程?因为它十分简单灵活,区区简单几行代码就可以实现各种页面的的布局,以前我在学习页面布局的时候我深受其 float、display、position 这些属性的困扰。然而学习 Flex 布局,你只要学习几个 CSS 属性,就可以写出简洁优雅复杂的页面布局。本教程适合人群:前端小白,不太明白页面布局技巧,但想通过简单的学习学会如何进行页面布局..转载 2021-10-04 00:12:19 · 361 阅读 · 0 评论 -
子div居中显示
父div中设置样式: text-align:center;子div中设置样式: margin-left:auto; margin-right:auto;或 marigin:0 auto;转载 2021-09-27 14:56:04 · 184 阅读 · 0 评论 -
公众号获取UnionID
参考:微信开放文档获取用户基本信息(UnionID机制)在关注者与公众号产生消息交互后,公众号可获得关注者的OpenID(加密后的微信号,每个用户对每个公众号的OpenID是唯一的。对于不同公众号,同一用户的openid不同)。公众号可通过本接口来根据OpenID获取用户基本信息,包括昵称、头像、性别、所在城市、语言和关注时间。请注意,如果开发者有在多个公众号,或在公众号、移动应用之间统一用户帐号的需求,需要前往微信开放平台(open.weixin.qq.com)绑定公众号后,才可利用Union转载 2021-09-18 11:21:06 · 9614 阅读 · 5 评论 -
小游戏一键跳转小程序任意页面
wx.navigateToMiniProgram({ appId:'xxx', path:'pages/xxx/xxx?k1=v1&k2=v2...', }) wx.navigateToMiniProgram(Object object) | 微信开放文档调用上述API即可实现到小程序任意页面跳转,以下是两个主要参数的获取方法:appId 的提取办法:打开任意小程序,点击右上三个点,关于,更多资料即可获...转载 2021-09-16 14:31:42 · 640 阅读 · 0 评论 -
国内大厂在移动端跨平台的框架接入分析
https://mp.weixin.qq.com/s/VOKZWEYC6eJ2V2I7P8drWw本文通过对国内各大厂旗下知名的应用进行分析,大致统计分析各大厂在移动跨平台开发领域的接入情况,同时分析 Android 端应用的 arm 框架、 kotlin 和 androidx 的使用状态。因为效(tou)率(lan)问题,这里只分析 Android 端,因为 Android 使用的情况下 iOS 基本也会接入对应的跨平台架构。因为是个人统计,如有错误或遗漏还请指出。1、微信(v7.0.转载 2021-08-26 09:30:14 · 1048 阅读 · 0 评论 -
移动端前端UI框架推荐
本文链接:https://blog.csdn.net/wangyile4399/article/details/102564106SUI Mobile http://m.sui.taobao.org/components/#popup SUI Mobile 是一套基于 Framework7 开发的UI库。MUI http://dev.dcloud.net.cn/mui/ 最接近原生APP体验的高性能前端框架weUI ...转载 2021-08-25 14:17:31 · 3446 阅读 · 0 评论 -
jQuery常用的查找Dom元素方法
jQuery常用的查找Dom元素方法废话不多说,先来个总结,然后下面是demo一. 同级节点之间的检索(检索深度N=0)next()是在兄弟节点中,往后匹配;prev()是在兄弟节点中,往前匹配。二. 父级/子级节点的检索(检索深度N=1)children()是在子节点中,往后匹配。parent()是在父节点中,往前匹配。ps:请注意了---子节点和父节点都是相邻的,深度为1的节点,也就是标题提到的检索深度为1三. 后代节点的检索(检索深度N>=1)..转载 2021-05-19 10:35:27 · 1753 阅读 · 0 评论 -
官方文档——一篇文章弄懂Flutter中的布局
来自Flutter中文资源主页https://flutter.cn/原文:https://flutter.cn/docs/development/ui/layoutFlutter 中的布局要点 Widgets 是用于构建 UI 的类。 Widgets 可以用于布局和展示 UI 元素。 通过组合简单的 widgets 来构建复杂的 widgets。 Compose simple widgets to build complex widgets. Flutter 布转载 2021-03-04 13:46:30 · 569 阅读 · 2 评论 -
ASP.NET Core + Vue.js 开发
https://www.cnblogs.com/gundam00/p/10434480.html1、新建 项目文件夹 pro,在 VS CODE 打开终端,输入dotnet new mvc 命令,新建asp.net core项目。2、在Startup.cs添加webpack的引用与配置using System;using System.Collections.Generic;using System.Linq;using System.Threading.Tasks;using M转载 2021-02-19 10:23:13 · 2562 阅读 · 0 评论 -
Flutter基础布局组件及实现
https://www.cnblogs.com/lxlx1798/p/11084904.html一,概述 Flutter中拥有30多种预定义的布局widget,常用的有Container、Padding、Center、Flex、Row、Colum、ListView、GridView。按照《Flutter技术入门与实战》上面来说的话,大概分为四类基础布局组件:Container(容器布局),Center(居中布局),Padding(填充布局),Align(对齐布局),Colum(垂直布局),转载 2021-02-10 09:26:59 · 1471 阅读 · 1 评论 -
浅谈Flutter UI布局
版权声明:本文为博主原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。本文链接:https://blog.csdn.net/qiyei2009/article/details/842034221 Flutter布局浅述对于一个应用来说,开发UI界面是很基础的一个工作。Flutter中的布局是直接写在代码中的,没有像Android一样使用xml来布局,这一点与RN中使用jsx来布局类似,它遵循的也是一切都是widget的思想。因此Flutter 中UI界面的...转载 2021-02-08 17:52:36 · 383 阅读 · 1 评论 -
Flutter布局常用widgets
Flutter 布局常用的 widgets(Common layout widgets)RFDevhttps://www.jianshu.com/p/d26b64071b99简单列举总结一下常用的布局widget。Flutter有丰富的layout组件库。其中有一些是常用库。下面的widget分为两类:标准组件和来自Material Components的特殊组件。只有Material App能够使用Material Components的组件。标准组件 - Standard widg转载 2021-02-08 17:49:02 · 289 阅读 · 0 评论 -
[转]详解Flex布局(语法+教程)
Flex 布局教程:语法篇作者:阮一峰原文:http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html网页布局(layout)是 CSS 的一个重点应用。布局的传统解决方案,基于盒状模型,依赖display属性 +position属性 +float属性。它对于那些特殊布局非常不方便,比如,垂直居中就不容易实现。2009年,W3C 提出了一种新的方案----Flex 布局,可以简便、完整、响应式地实现各种页面布局。目前...转载 2021-01-21 17:15:18 · 202 阅读 · 0 评论 -
前端开发入门站点推荐
菜鸟教程之CSS教程:https://www.runoob.com/css/css-tutorial.html菜鸟教程之CSS参考手册:https://www.runoob.com/cssref/css-reference.html菜鸟教程之CSS网页布局入门:https://www.runoob.com/css/css-website-layout.htmlCSS速查表:http://code.ciaoca.com/style/css-cheat-sheet/前端开发仓库:http://c原创 2021-01-15 17:30:26 · 160 阅读 · 0 评论 -
微信小程序实现浮动按钮
_Gaara_https://www.jianshu.com/p/8730f9fd1815效果图wxml <!--圆形点击框 --> <view class="round-click"> <navigator url='/pages/xxx/xxx' >点我添加</navigator > </view>wxss .round-click{ heig...转载 2021-01-13 09:31:48 · 2778 阅读 · 1 评论 -
20个开源Flutter项目推荐
作者:lovesosoi链接:https://www.jianshu.com/p/72e359bfe1e0来源:简书著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。项目名字 介绍 图片 GitClub-Flutter 极客日报的flutter版本 image FlutterExampleApps 基本Flutter应用程序,用于flutter开发人员。 image Flut...转载 2020-11-30 17:32:13 · 1766 阅读 · 0 评论 -
Flutter 生命周期
原文链接:https://blog.csdn.net/u011272795/article/details/82695920前言:生命周期是一个组件加载到卸载的整个周期,熟悉生命周期可以让我们在合适的时机做该做的事情,flutter中的State生命周期和android以及React Native的生命周期类似。先看一张生命周期的流程图:大致可以分为3个阶段:初始化 状态变化 组件移除初始化State初始化时会依次执行 : 构造函数 > initState > di转载 2020-11-26 15:53:44 · 835 阅读 · 0 评论 -
记一次使用 vue-admin-template 的优化历程
记一次使用 vue-admin-template 的优化历程https://segmentfault.com/a/1190000014887823本文原文前言公司有好几个项目都有后台管理系统,为了方便开发,所以选择了 vue 中比较火的后台模板作为基础模板进行开发。但是,开始用的时候,作者并没有对此进行优化,到项目上线的时候,才发现,打包出来的文件都十分之大,就一个 vendor 就有 770k 的体积(下图是基础模板,什么都没加打包后的文件信息):通过webpack-b...转载 2020-07-30 10:50:40 · 918 阅读 · 0 评论 -
ts 格式化日期输出
ts 格式化日期输出功能像C#中DateTime的ToString的格式化输出一样,在js/ts中输出格式化的日期字符串网上很多正则的,不加分隔符就不行了,和C#的格式也不一样刚接触js/ts没两月,可能会有问题。效果实现/** * 对日期进行格式化, 和C#大致一致 默认yyyy-MM-dd HH:mm:ss * 可不带参数 一个日期参数 或一个格式化参数 * @param date 要格式化的日期 * @param format 进行格式转载 2020-07-23 14:13:43 · 5904 阅读 · 0 评论 -
另一个flutter-go
与“阿里”的flutter-go三剑合璧,甚至有丝超越https://www.sohu.com/a/390367450_611601作者:张风捷特烈链接:我和捷特私下会有一些联系,我看了下聊天记录,记得 2 月份他就要说输出一波,没想到 2 个多月后,果然看到了他的产出。这是一个Flutter项目,有点类似阿里的 fluttergo:“阿里为大家学习Flutter操碎了心”之前GSY 也开源过一个类似项目:与“阿里”的flutter-go双剑合璧那么加上今天这个,那就是.转载 2020-07-14 10:08:49 · 399 阅读 · 0 评论 -
Windows7安装PowerShell5.1方法(Flutter新版本需要)
Windows7安装PowerShell5.1方法(Flutter新版本需要)Windows7安装PowerShell5.1方法(Flutter新版本需要) 重新安装Windows7系统,在使用Flutter的时候,发现需要PowerShell5.0以上版本,需要升级Windows7里自带的PowerShell2.0到5.0以上,到微软官网上查可以升级到5.1,下面记录一下升级过程。查看PowerShell当前版本 在开始菜单--所有程序--附件中找到PowerShell打开,在Powe转载 2020-06-16 11:35:46 · 2640 阅读 · 2 评论 -
Flutter之Windows环境搭建
Flutter之Windows环境搭建原创作者:只能陪你走一程原文地址:https://www.jianshu.com/p/a78fd5e5116d官方网址:https://flutter.io/Flutter中文网:https://flutterchina.club/中文开发者论坛:http://flutter-dev.cn/一.软件环境1.操作系统: Windows 7 或更高版本 (64-bit)2.磁盘空间: 400 MB (不包括Android Studio的磁转载 2020-06-15 11:26:49 · 396 阅读 · 0 评论 -
《深入理解TypeScript》读后感一篇【基础篇】
4000字讲清 《深入理解TypeScript》一书 【基础篇】https://segmentfault.com/a/1190000021210413?utm_source=tag-newestTypeScript,已经成为前端避不开的基础在读完《深入理解TypeScript》之后,写下这篇总结TypeScript解决的最关键痛点是什么?Type类型的约束、不确定情况下的提示、在代码编写阶段就能知道自己的错误这三点我认为是最关键的点,本身TypeScript能做的事情,Ja.转载 2020-05-12 14:10:10 · 513 阅读 · 0 评论 -
VSCode插件开发全攻略
原文:VSCode插件开发全攻略(一)概览作者:小茗同学文章索引VSCode插件开发全攻略(一)概览 VSCode插件开发全攻略(二)HelloWord VSCode插件开发全攻略(三)package.json详解 VSCode插件开发全攻略(四)命令、菜单、快捷键 VSCode插件开发全攻略(五)跳转到定义、自动补全、悬停提示 VSCode插件开发全攻略(六)开发调试技...转载 2019-11-27 10:17:28 · 614 阅读 · 0 评论 -
12个免费的 Twitter Bootstrap 后台模板
12个免费的 Twitter Bootstrap 后台模板 在互联网上提供很多免费的 Bootstrap 管理后台主题。所有你需要做的就是将它们下载并安装它们,这真的不是什么难事。问题是如何寻找到能够完美符合您的网站需求的主题。当然,你可以自己制作自定义的主题,但时间和资源都是很高贵的,所以在这里我们集合了互联网上一些最好的主题。 您可能感兴趣的相关文章流转载 2016-07-30 09:04:48 · 2563 阅读 · 0 评论 -
一篇文章读懂开源web引擎Crosswalk
http://dev.yesky.com/24/39285024.shtml Web技术的优势早已被广大应用开发者熟知,比如可与云服务轻松集成,基于响应式UI设计的精美布局,高度的开放性,跨平台能力, 高效的分发与部署等等。伴随着移动互联网的快速发展与HTML5技术的逐步成熟,Web应用已经成为移动端跨平台应用开发的热门解决方案。然而要在移动端充分利用Web技术的优势,仍然有许多障碍转载 2016-10-21 13:47:38 · 3771 阅读 · 0 评论 -
一、bootstrap table 初体验
http://blog.csdn.net/yin767833376/article/details/52153487前言:之前一直在忙着各种什么效果,殊不知最基础的Bootstrap Table用法都没有涉及,罪过,罪过。今天补起来吧。上午博主由零开始自己从头到尾使用了一遍Bootstrap Table ,遇到不少使用方面的问题,也做了一部分笔记,在此分享出来供需要使用的园友参考。还记转载 2016-10-22 09:37:03 · 813 阅读 · 0 评论 -
二、bootstrap table 父子表和行列调序
http://blog.csdn.net/yin767833376/article/details/52153443前言:上篇 JS组件系列——表格组件神器:bootstrap table 简单介绍了下Bootstrap Table的基础用法,没想到讨论还挺热烈的。有园友在评论中提到了父子表的用法,今天就结合Bootstrap table的父子表和行列调序的用法再来介绍下它稍微高级转载 2016-10-22 09:39:13 · 3426 阅读 · 3 评论