自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

怪兽的猫的博客

前端程序猿

  • 博客(18)
  • 收藏
  • 关注

原创 商城小程序

1、使用最新的 ThinkPHP 6.0框架开发2、前端使用Vue CLI框架nodejs打包,iview框架,页面加载更流畅,用户体验更好3、后台多种角色、多重身份权限管理,权限可以控制到每一步操作。下载地址:添加链接描述...

2020-01-09 16:26:00 225

原创 element_ui cascader 选中未显示

element_ui cascader 选中未显示

2022-08-19 18:23:46 2078 1

原创 (vue)rem同时适配PC端和移动端

完整开源地址1.创建移动端和PC端两套CSS样式项目开源地址2.在页面里通过设备判断加载不同的CSS样式代码如下: created: function () { if(navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|

2021-05-29 09:25:12 1495 1

原创 canvas 图片带圆角

完整开源代码可点击查看以uni-app框架为例:可以把画图封装成一个函数调用。activityCanvas: function(arrImages, storeName, price, people, count, successFn) { let that = this; let rain = 2; const context = uni.createCanvasContext('activityCanvas'); context.clearRect(0, 0, 0, 0); /*

2021-05-15 15:51:25 1532

原创 canvas 文字超出显示省略号

项目实例,点击可查看以uni-app框架为例:可以把画图封装成一个函数调用。 activityCanvas: function(arrImages, storeName, price, people, count, successFn) { let that = this; let rain = 2; const context = uni.createCanvasContext('activityCanvas'); context.clearRect(0, 0, 0, 0); /*

2021-05-11 14:52:03 2175

原创 iOS 键盘回车键(换行、回车符)修改

UITextField 和 UITextView如图修改键盘开源地址,可点击查看UIReturnKeyDefaultUIReturnKeyGoUIReturnKeyGoogleUIReturnKeyJoinUIReturnKeyNextUIReturnKeyRouteUIReturnKeySearchUIReturnKeySend加粗样式UIReturnKeyDoneUIReturnKeyEmergencyCallUIReturnKeyContinueU

2021-04-23 10:21:55 2536

原创 js把字符串的‘false‘和‘true‘转换成Boolean布尔值的false和true

JSON.parse('true') // 返回trueJSON.parse('false') // 返回false如果是返回对象的话,可以做个循环处理。for (let key in options) { options[key] = JSON.parse(options[key])}

2021-04-22 18:14:18 2201

转载 vue3.0生命周期详解

VUE3.0发布有一段时间了,最近学习了下生命周期与 2.x 版本相对应的生命周期钩子Vue2.xvue3beforeCreatesetup()createdsetup()mountedsetup()beforeCreateonUpdatedbeforeDestroyonBeforeUnmountdestroyedonUnmounted<script>import { onBeforeMount, onMoun

2021-04-21 18:22:46 720

原创 uni-app 点击生成海报

前端生成海报兼容H5和小程序最近做项目需求是生成商品分享海报,并且保存到手机中要兼容H5和小程序与后端同学沟通后,海报在前端生成最省性能和有较好的交互体验,先看做好的效果源码地址前端框架使用的是uni-app方便打包成H5和小程序实现方案是拿到后端返回的数据后,利用canvas画布把各个数据拼在一起并且生成一张图片主要的参数有:背景图、商品图、二维码、价格、原价、标题首先拿到产品图和二维码之后需要把它们下载下来用uni-app的api就可以先写一个下载方法并且在 template

2021-04-20 18:42:41 2226

原创 css 搞定input框使用fixed下输入的问题

最近在做移动端H5聊天应用发现,当input框在最底部并且使用 position:fixed 属性的时候在苹果手机中会出现不兼容的情况项目体验大概布局就是上面是列表 底部是input并基于浏览器定位放置于最底部当点击输入框的时候会出现input位置错乱的情况这里出现了上移的情况这里出现了消失的情况,得滑动到最底下才会出现在经过一系列的面向百度编程后,各种监听input是否聚焦在写相应的事件再去对input做一些位置上的定义,我感觉好麻烦,也非常繁琐,最后我实践出一个相对比较完美的方案并且只

2021-04-16 16:59:29 1146 2

原创 如何搭建vue项目,完整搭建vue项目

优秀开源vue项目第一步npm安装首先:先从nodejs.org中下载nodejs直到Finish完成安装。打开控制命令行程序(CMD),检查是否正常第二步项目初始化1.第一步:安装vue-clicnpm install vue-cli -g //全局安装 vue-cli查看vue-cli是否成功,不能检查vue-cli,需要检查vue选定路径,新建vue项目,这里我是在桌面上新建了sun文件夹,cd目录路径下面我一项目名为sell新建vue项目vue init

2021-04-13 15:35:18 2058 5

原创 Promise.all 循环中调用接口

开源商城export default { methods: { getImageBase64(images) { // 生成一个数组 let spreadList = [] images.forEach(item => { const oneApi = imageBase64({ url: item.pic }).then(res => { return res.data.code;

2021-04-12 18:19:38 2471

原创 27岁转行学Java晚不晚

java学习资料今天和朋友聊天时他和我提到他的一个哥们,应该算是小学同学吧!之前不好好学习,勉强拿了个大专毕业证,在社会上摸爬滚打了这些年,看他现在写java问能不能学。听到这个问题首先我深吸了一口气!获取有点遗憾,或许想劝退。图片凭借自己对计算机感兴趣首先他这个朋友能这么问肯定是想面向工资变成,我第一反应是劝退,因为他说对计算机感兴趣,但是27岁了应该除了了解各种游戏之外没有其他的了解了吧!若真感兴趣,不会在27岁才这么说。【忠言逆耳】想学习肯定是好事,但要认清自己的自身条件,虽然学历低年龄偏

2021-04-09 09:31:34 678

原创 uni-app 商城源码

精致电商, 小程序 + APP + 公众号 + PC + H5,注重界面美感与用户体验,打造独特电商系统生态圈,不可多得的二开神器。http://github.crmeb.net/u/chao

2021-03-26 09:34:04 2374

原创 uni-app APP图标配置

点击浏览上传图标,点击自动生成所有图标并替换,即可。出现弹框闪现并且没有生产图片的原因:上传的原图必须是png格式,不可手动修改后缀!这个坑童鞋们要注意啊。uni-app商城有开源代码,欢迎童鞋们指导噢。开源地址...

2021-03-25 17:46:56 4506

原创 uni-app请求封装

1、新建request.js文件/** * 发送请求 */function baseRequest(url, method, data, { noAuth = false, noVerify = false}, params) { let Url = HTTP_REQUEST_URL,header = HEADER if (params != undefined) { header = HEADERPARAMS; } if (!noAuth) { //登录过期自动登录 if

2021-03-24 18:56:50 281

原创 Elemnet.ui,封装模态框成js方法调用

项目中如果很多地方用到同一个模态框组件,每次在页面中import引用是不是很麻烦?现在教大家一种很方便的封装方法,只需调用js方法就可以实现。废话不说,先上图讲下整体流程,会把代码贴出来。1.先写好你用的组件。根据业务不同组件不同,这里只是我们项目中的文件。2.新建js文件,这里是我建的js文件。可以直接使用element中封装的$msgbox方法,h标签中引用组件名称,props里面可以放组件中的传值,on方法里面调用回调函数。噔噔噔,给大家贴代码了!!!自己写的组件就不贴了,里面是项目中的业

2021-03-09 18:27:48 439

原创 uni-app商城

微信公众号商城、小程序商城、H5商城数据同步,带积分、优惠券、秒杀、会员等级、分销等功能,前后端全部开源,更是一套方便二次开发的框架。v3.0采用TP6框架。 项目放在了码云上,下载地址: http://github.crmeb.net/u/chao...

2019-12-25 11:28:01 227

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除