前端
文章平均质量分 61
··零··
不以才华惊天下,唯以风骚动世人
展开
-
echart 柱状图上同时显示数值、百分比(多1行代码)
柱状图同时显示数值和百分比原创 2023-06-26 11:31:09 · 3668 阅读 · 1 评论 -
Git详细仓库创建、代码更新、代码提交、分支、冲突等完整版(Gitee、Github、GitLab对比)
Git仓库创建、代码更新、代码提交完整版(Gitee、Github、GitLab对比)原创 2022-12-19 19:56:01 · 2397 阅读 · 0 评论 -
vue-amap高德地图刷新空白 高德刷新提示 AMap is not defined解决
npm安装配置在main(这个配置刷新不出地图),即需要做如果刷新找不到AMap对象就重新异步请求。新建一个amap.js放在utils中(依据个人喜好,工具js放哪就哪)下面是给省市区增加范围高亮,保留AMap的plugin的写法。把main.js的下面代码复制到amap.js,以上刷新的问题就解决了。原创 2022-11-11 16:52:20 · 5659 阅读 · 5 评论 -
VUE翻书效果(turn.js,仿真折角过渡)
VUE翻书效果(vue+ turn.js 实现翻书效果)turn.js依赖JQ库,安装JQ,vue工程安装JQ。vue+ turn.js 实现翻书效果单页/双页。原创 2022-11-03 14:15:21 · 5477 阅读 · 7 评论 -
particles.js粒子特效(常用登录页背景)
particles.js开源地址:GitHub - VincentGarreau/particles.js: A lightweight JavaScript library for creating particles4、DOM如果页面没有显示效果,请检查canvas和父层div的高度是否有高度。对应第2点的开源地址的详细文档阅读原创 2022-11-02 15:17:43 · 2156 阅读 · 0 评论 -
Now you can provide attr `wx:key` for a `wx:for` to improve performance.【一图说明原理】
不管微信小程序的wx-for还是vue的v-for都要求写key,明细提示是为了提高性能原创 2022-10-27 16:26:47 · 170 阅读 · 0 评论 -
fastadmin列表多图预览(放大预览,轮播)一行代码
文件路径: 项目\public\assets\js\backend下的***.jsfastadmin的upload是支持很多文件格式,这个方式是支持图片媒体,其他如音频、word、pdf、视频等支持上传,但是不能轮播和放大。原创 2022-06-21 14:08:03 · 2207 阅读 · 0 评论 -
前端编码效率提升,20220607HbuilderX更新了代码块功能,常用的代码整理,编码比他人快N步(快捷代码片段及自定,HbuilderX和sublime)
一个字符回车,完成一个小功能,其他程序猿每次都花几倍的时间,这个简单的方式,可以翘大腿等下班原创 2022-06-20 17:16:50 · 1157 阅读 · 0 评论 -
微信小程序开发(原生和uniapp)DOM标签对比介绍
微信小程序开发:原生小程序、uniapp小程序、html5DOM标签对比原创 2022-06-08 18:11:36 · 1533 阅读 · 0 评论 -
HbuilderX、VScode、sublime、微信开发者工具、PS切图常用快捷对比
快捷 HbuilderX VScode sublime原创 2022-05-24 12:37:37 · 742 阅读 · 0 评论 -
前端颜色详细报告(色值规律,16进制颜色规律)
一、打印色和web颜色CMYK打印色 AND 网页RGB,前端只需要关注后者。颜料三原色和光学三原色,网页的是光学三原色(有的书本叫三基色,书本的没让我多赚几毛钱,就不管它叫啥学名了)二、色相、饱和度、明度,颜色的3个属性HSB又称HSV,表示一种颜色模式。SB数值高,不益于长时间的观看色相:H(hues):颜色样貌饱和度:S(saturation):颜色的鲜艳程度明度:B(brightness):就是明暗的对比度RGB分别代表:R:red (#FF0000)...原创 2022-05-05 00:09:46 · 2202 阅读 · 0 评论 -
没有UI设计师,hover效果(鼠标效果)简易又不别扭处理
前端非设计师,对色彩感知不是强项,特别是前端小白,很容易做大红大绿大黄的颜色直接上效果,除了自己看效果,其他人都无语凝噎。1、任意hover时,0.8透明度,一般hover有交互变化,都伴随可点击,加cursor: pointer,不管是否a标签,毕竟vue大部分都懒得用a,一律通用。<style>/*全局需要hover的标签统一透明80%*/.all-hover-style{cursor: pointer;}.all-hover-style:hover{ opacity: .8原创 2022-04-30 23:57:35 · 997 阅读 · 0 评论 -
fastadmin列表鼠标悬浮提示信息
{ field: 'profession_needs', title: __('profession'), operate: 'LIKE', width: '100', formatter : function(value, row, index, field){ if(row.profession_needs){ return "<span style='display: block;overflow: hidden;text-overflow: ell...原创 2022-04-26 16:05:36 · 966 阅读 · 0 评论 -
fastadmin 修改列表宽度(限制列表宽度,支持css写法),width限制,过大还是没用。
fastadmin列表宽度限制的3种方式,有一种适合你原创 2022-04-26 15:42:45 · 4099 阅读 · 0 评论 -
uniapp打包h5,刷新内页404(刷新404,首页正常),nginx情况下配置
环境代码:uniapp+vue线上环境:nginxH5项目编译目录:如移动端名称“h5”,放在域名执行的根目录问题分析本地正常,线上404,是文件未找到,即文件路径错误,即域名:www.yourdomain.com/h5 //正常访问内页刷新404,原因看链接,正常是404链接是没有查h5里面的js,css,而是域名目录下的js,css,那就是针对目录问题,让程序执行/h5目录下的js,cssnginx配置location /h5 { root /www/wwwroot/jiaxin/原创 2022-04-25 16:15:14 · 11430 阅读 · 3 评论 -
前端快速切图:PS切图常用快捷键、精准测量尺寸,1px不差
规范设计师的设计稿,前端还原后页面后(兼容下,保持风格一致整齐),原比例下1:1,写好的静态切图个图,调下透明度,叠加在设计稿上,是否重合?没有做到过,说明前端切图这一环还没入格,前端本身做到这个精细当前情况下,可以避免不规范导致的返工,可以义正辞严的说是UI问题、客户变动前端常用PS快捷:1、ctrl+H //去除|显示参考线,规范的设计师会比较多的参考线2、ctrl+单击 //选中图层,选不中图层,得注意左上角这2个地方3、crtl+c 复制当前图层的,配合选区工具,如果设计稿上有设计内容原创 2022-04-24 15:10:50 · 4541 阅读 · 0 评论 -
resolving: sass-loader****,node-sass/sass问题完整解决,要么node-sass、sass-loader换版本,要么换node版本的坑,scss和sass的差别。
公司电脑和家里的电脑,node12支持node-sass/sass-loader,node14(目前node最新16+)不支持node-sass/sass-loader,项目都跑不起来,也关注了各种帖子,大部分只能解决一半或者一半工程,长期来说就是个麻烦。依赖的作用sass-loader //官方解释是 把sass和scss转成cssnode-sass //node的sass库,它把node.js绑定到Libsass,就是上面一条装的玩意新学习的开发者用高级版的scss较多sass //缩进代原创 2022-04-16 21:26:19 · 4043 阅读 · 0 评论 -
小程序直接分享朋友圈(非canvas海报)
小程序app.json写个路径创建的页面,生成的4个文件中的js,只有onShareAppMessage,分享朋友圈,则需要多一个函数/** * 用户点击右上角分享 */ onShareAppMessage() { var that = this return { path: '/pages/index/index?pid=' + that.data.myDatainfo.id, } }, /** * 用户点击右上角分享 朋友圈 */原创 2022-04-11 16:50:17 · 195 阅读 · 0 评论 -
样式合理最多三层选择器,实测性能结果分析(样式优化)
未使用scss情况下,样式编写选择器浏览器渲染性能2200行DOM,无css,无js情况,有图片资源,总大小,2.4Mctrl+F5刷新10次数据(基础加载数据)一、验证前提数据次数时间(ms)11302134312441505154613371288125912610153去掉最大154,最小值124,平均为134.875ms引入css文件,超多3层样式选择器,较多超多3层(总1000行css)原创 2022-04-01 15:07:49 · 166 阅读 · 0 评论 -
HBuilder 标准版和 app开发版区别?
Dcloud的HbuilderX 标准版和app开发版 没什么区别标准版:按需安装插件,体积小app开发版:已安装好所需的插件,体积比较大官方下载链接:https://dcloud.io/原创 2022-03-29 11:05:30 · 2640 阅读 · 1 评论 -
vue cli快速搭建网站步骤及参数详解
以TP6+vue3+vue cli4.5.6+element UI为例,vue的web工程放在/public下一、准备①已安装node.js(vue cli4.x,node是v10以上版本),npm②没有旧版vue cli,如有,卸载npm uninstall vue-cli -g //或者 yarn global remove vue-cli二、搭建工程1、创建项目vue creat 项目工程名称等待ing…安装成功,cd web-uniapp 运行 npm run serve,原创 2022-03-22 15:05:14 · 3320 阅读 · 1 评论