自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(31)
  • 资源 (1)
  • 收藏
  • 关注

原创 input 框输入框限制只能输入数字,类型为字符串

解决问题一条路行不通要寻找有效的方法,换条思路兴许就解决了。type="number"输入框只能输入数字先修改一下样式吧/*input 框的类型number 去除小箭头*/input::-webkit-outer-spin-button,input::-webkit-inner-spin-button { -webkit-appearance: none !important;}input[type="number"] { -moz-appearance: textfield;

2020-05-09 13:23:42 3771

原创 push,shift,unshift,pop这些是基本数组操作方式,今天想总结的高级一点的用法

find() :方法为数组中的每个元素都调用一次函数执行:array.find(function(currentValue, index, arr),thisValue)定义和用法find() 方法返回通过测试(函数内判断)的数组的第一个元素的值。find() 方法为数组中的每个元素都调用一次函数执行:当数组中的元素在测试条件时返回 true 时, find() 返回...

2019-12-25 18:10:07 193

原创 关于vue组件的深入认识,制作一个完美的弹窗视频播放

昨天晚上上线,作为前端我是左等右等等后端改测试的bug,四个小时过去了,我们前端没有发现任何问题,最后我就被申请先回家睡觉了,作为程序员真是日常呀。。。。早上第一件事就是昨天晚上发现前端的bug 了你看看,一阵眩晕。研究了半天不知道代码的问题出在哪里了怎么试试都是bug。不写了出去转转,灵光闪过我是不是错用了组件了,废话连篇,直接上代码吧。子组件1item 用于展示每一个列表的每一...

2019-12-25 17:56:41 647

原创 使用Promise的方法和步骤

串行执行异步任务1 首先需要将要执行的函数转换成promise 对象2 使用.then 执行函数,这里可以按照顺序执行3 .catch 执行错误处理函数不用Promise需要写一层一层的嵌套代码。有了Promise,我们只需要简单地写:const job1 = new Promise(fun);job1.then(job2).then(job3).catch(handl...

2019-12-25 17:46:19 256

原创 解决前端ui界面使用element UI table表格不兼容safari浏览器,表格错乱的问题

代码只是两行,我却用了将近两天的时间才解决,新人一枚呀!哭哭!!想办法去控制住当前的table表格,而不是一味的使用element UI原来的ui去控制控制表格的body.el-table__body { // 使表格兼容safari,不错位 width: 100%; table-layout: fixed !important;}table-layout知...

2019-06-05 15:43:49 9719 11

原创 vue 项目总结遇见的问题以及解决办法

1 在微信中分享网站,如何在地址栏中截取内容,并且重定向页面,重新添加新获取的内容 if(/MicroMessenger/.test(window.navigator.userAgent)){ var openId = this.getUrlKey("openid"); if(openId==undefined || openId=="" ||...

2019-05-17 14:29:44 2111 1

原创 React Native Navigation 组件到底怎么使用this.props.navigation.navigate

今天就路由导航的问题来说下我的理解。首先要提醒一下想入门的朋友一定要看API 多看,不懂英文的可以中英文对照。https://reactnavigation.org/docs/zh-Hans/getting-started.html react-navigation官方网站 import React from 'react';import { createStackNaviga...

2018-12-18 16:48:19 8642 1

原创 uniapp 自定义写底部导航栏

uniapp 自定义写底部导航栏

2023-08-11 11:35:41 1138

原创 配置uniapp 的保姆级代码,拿来就能用!

一个新的项目就是一个新的开始,开始的工作做好了后面的事情就简单的多了,只要静静地考虑逻辑就可以了!

2023-07-31 15:44:36 387

原创 一个女程序员的成长之路

第四份,也是最后一份工作了,我在这里真正的遇到了大项目,开发京东的插件,后端商家服务,其实还是一段段代码,后台很强大,老大对代码的辨识度要求极高,所以我也学会了什么叫代码干净整齐,项目大,功能就多,各种插件应用自如的项目更让我想窥视一二,我沉浸在读代码改代码得到乐趣中,项目也在不断地叠加升级,新功能不断添加,对插件文档的阅读,编辑js的能力得到了极大的提升。后来我开始慢慢的找自己的方向,半年过去我回到了家,还是没有成就,唯一的成就是手里的钱可以跟父母分享了,我很开心!但是我想了想,我要辞职回家自己做。

2023-07-31 10:01:06 319 2

原创 开启push模块,调用app的消息推送功能

项目是使用后问socket连接发送的消息提醒 ,主要是用于内部网络的,所以只需要调用系统的消息框推送模块即可,消息提醒弹窗。搞了一周的app提醒,其实中间提示了错误。

2023-07-24 10:26:01 256

原创 vant组件改为 uview-plus 组件的时分秒组件

项目中本来使用过了vant 的组件,但是uniapp 和vant并不兼容,除了几个普通的组件能用之外,想使用弹窗的话vant就完成不了了,还好uniapp官方支持的 uview-plus 支持vue3,就给项目更换了。之前使用vant封装的组件这时候也不能使用了 ,只好更换组件,最麻烦的是组件功能类似,时间传递方式传递参数却变了,真是糟心那!经过两天的组件改写总算是完成了 uview-plus 的年月日时分秒的组件封装,还有默认时间的选择,全套代码哦!

2023-06-27 14:31:07 410

原创 vant组件封装年月日时分秒

项目要求使用时间的组件,要精确到时分秒,可是vant 不能精确到时分秒,资料找了好多,总算是最后照葫芦画瓢,做出来一个满足要求的组件。项目背景j: uniapp+vue3+vant。这是封装好的组件: 使用方法。

2023-06-21 17:59:05 1279 1

原创 使用uniapp初始化项目所需要的配置

插件的才能生效uniapp新建项目在官方文档里面已经介绍的很详细了,这里我就介绍一下我最近新建项目中用的配置文件。

2023-05-10 09:01:50 441

原创 git 提交错分支如何处理

1.git reset HEAD^ //把上次提交恢复为未提交状态。3.git stash //将修改add到暂存区,暂存代码。4.git checkout 分支 //切换到需要提交的分支。5.git stash pop //恢复成功,可提交。2.git status //查看当前状态。接下来就可以按照正常的步骤提交代码了。git 提交错分支如何处理。

2023-05-10 08:47:50 811

原创 vue cli 3.0 快速创建原型开发项目

1 安装依赖 npm install -g @vue/cli2 快速原型开发:npm install -g @vue/cli-service-global3 在一个文件夹中新建一个文件App.vue 打包一下试试<pre> module.exports = { publicPath: "./", };</pre> 4 在文件夹根目录下面运行App.vue vue serve也可以是vue serve App.vue 运

2021-04-01 13:34:29 286

原创 el-input输入框中只能输入数字,并且取小数点后两位

问题:在输入框中只能输入数字,并且取小数点后两位。刚开始使用了type="number"这个属性,所有的正则表达式均不生效,取消之后用input 事件完全就hold了,值得记录一下,查看了网上小朋友的内容,感谢! <el-input v-model.trim="setting.satisfiedRateIndex" style="width: 150px" @keyup.native=" setting.satis

2020-12-10 16:44:11 1689

原创 el-input 使用 type=“number“ 去除小箭头,并且保留两位小数

<style lang="scss" scoped>/deep/ input::-webkit-outer-spin-button,/deep/ input::-webkit-inner-spin-button { -webkit-appearance: none !important;}/deep/ input[type="number"] { -moz-appearance: textfield !important;}</style>去除input t.

2020-12-07 09:48:05 856

原创 前端js下载本地模板

做一件事,要认真,细心,耐心。董事开始,父母,老师都开始教导的真理,现在工作了,这教导还在,但是这些事情却还是没有做好。昨天,老大审查代码,发现之前的写的下载模板过于复杂,而且在ie环境下还不能执行,所以我就开始的改版了。审查自己的代码,在ie环境下运行,试错方法就是把代码添加一个新的环境判断,这样在ie 环境下就可以了。可是问题又来了,在edge环境下面竟然能执行两次,这是不能容忍的部分,所以果断的采用了简单的方法,放弃了更为复杂的方法。下面可以看下代码的修改过程:vue 项目中 a标签下载本地的

2020-05-09 13:34:48 1978 2

原创 splice ,slice,split 区分

本片博客主要是讲解splice ,slice,split。首先,分析三者其次,使用案例操作这是一张表总结了特性:接下来就要好好分析每一个的使用方式:splice改变原有的数组内容返回新的数组 let arr = [ { id: 2, name: "89大苏打撒", }, { id: 17, ...

2019-11-01 14:40:45 164

原创 vue项目中组件和solt使用

最近遇到了难题,是一个关于产品的优化问题。折叠展开文字是不是听起来很简单的样子,可是就是有一个表格的问题把我给难住了,想了好久也没有想明白,最终还是我们的老大救援,做出来了。佩服呀!!!!今天就这我研究代码的时间,借花献佛一下。我的操作是这样的:我需要先在整个页面的数组中添加一个新的值,来判断该字符串是不是超过了限定的宽度,如果超出了就为true,否则就是为false。但是添加一个...

2019-07-15 15:26:52 442

原创 面试中遇到的三大难题,给前端开发找工作的一点小建议!

提出来要离职,就开始频繁的找工作了,现在的面试还不是特别的多,但是想总结一下之前自己找工作的时候遇到问题。找工作找的是前端工程师就要对最基础的知识有很深入的理解,但是知识无穷尽,只要一直在学习就会不断的收获新的知识,谁又能确定自己是不是真的精通呢?我遇到的css问题:怎么画出一个三角形?这种的问题主要考察的就是对css样式的理解与应用了,首先要确定是不是要回答这个万一面试官要是用js画...

2019-05-20 16:50:42 3435

原创 react使用4.X路由,如何写出底部导航栏

大型的网站写的移动端项目都会有底部的导航,比如,京东学会写导航真的还是挺重要的!今天就来使用react的路由来实现下面的底部导航我实现的效果是这样的:说在前面:路由安装可以参考链接:https://reacttraining.com/react-router/web/guides/quick-start 实现路由注册都可以在以上的连接中查到一、创建一个js文...

2019-04-03 15:54:51 1176

原创 angular中http中请求数据跨域的问题

我是使用代理做的请求数据1 首先需要建立一个JSON文件,文件名为proxy.config.json:2配置内容:如下 proxy.config.json:{ "/api": { "target": "http://localhost:3001", "secure": false, "pathRewrite": { "^.

2019-03-18 15:45:30 2260

原创 做react native APP使用react natigation遇到的坑,createStackNavigator和createBottomTabNavigator 混合使用该怎么使用呢?

最近自学的react native 其中的路由跳转很是头痛,纠结了好久,找了各种视频资料,网上朋友发布的相关的技术难题,好不容易才整理好,createStackNavigator和createBottomTabNavigator 混合使用就要先建立一个底部导航器,然后创建一个新的Stack,将底部导航器也创建。简单的来说createStackNavigator是专门来创建一面堆栈的在需要使用的...

2019-01-22 17:19:14 1857 3

原创 react native 的fetch 连接怎么使用

大多数看朋友使用一个都会选择在本地测试API链接是不是成功,本地的测试就会出现一个问题用哪个地址比较好呢?我用了 localhost ,127.0.0.1 这是两个都不行呀!最后我就用了本地电脑的IP地址,连接成功了! apiFetch(){ fetch('http://192.168.2.XXX:3000/car',{ method:"GET" ...

2018-12-25 16:21:10 167

原创 node.js 实现上传图片并修改图片名称

做编程做久了就会想尽办法来优化,数据库就是其中案例。图片上传是避免不了了,那么怎么存储图片呢?今天我用express 实现了一下这个小功能,这里也分享给大家。技术:express插件 :express-formidable 首先  是我得项目结构:我实现这个项目的逻辑主要是在 controller/carConreoller.js   其次就是要安装 项目所需要...

2018-12-21 18:07:23 1725

原创 git仓库管理和上传项目到github

git仓库管理和上传项目到github创建自己的项目忽略文件.gitignore,如果要上传到github 这一步就必须要做,将自己不需要上传的文件在这里做个忽略 使用git管理仓库 在项目根目录下面右击打开: git Bash Here 使用 git init git add . 注意这里一定要 (.)才能将项目全部托管到git中 会有很长 git commit -m "文字描述"...

2018-12-21 17:53:44 117

原创 使用vue的脚手架工具实现购物车的效果

vue的项目一开始最好用的就是绑定input上面的v-model,随着项目的深入,学习也是一直在深入,项目完成了,就闲来无事,做了一个vue项目的购物车实现效果,效果很简单,但是一开始做的时候还是进入了不少的坑,针对网络上各种购物车效果实现的原理,今天我也把项目中用的购物车经验分享一下。 安装vue项目 vue init webpack myProject 运行项目(这里要主要一下:项...

2018-12-19 15:33:49 2713

原创 做好了一个很简单的前端验证加上后端的跳转

今天要发布的这个可能是自己最粗心的一次了,很多问题都想明白了,可是做的时候却发现不是自己想象的那样,还得慢慢的调试,在网上查了很多方法总是行不通,还是自己摸索出来的!前端显示+验证+后台查询,小伙伴们欢迎指点!前台要显示的代码html: &lt;form method="post" id="form" action="{:url('index/main')}"&gt; ...

2018-03-29 17:48:40 517

原创 鼠标移入图片放大问题

今天纠结了好一阵,为什么我放在ul下面的图片会高度有所不同,这里面的难点display的使用方式了,深刻理解display显得狠重要了,从事前端开发已经有半年了。现在又在研究后台,前台的东西还得好好巩固一下啦!效果展示,鼠标到的位置图片,指定的图片放大尤其要主意其中的a,img 标签的display属性要记得设置哦!&lt;!DOCTYPE html&gt;&lt;html lang="en"&...

2018-03-28 14:57:57 836

vue-cli是实现购物车的效果

实现购物车的效果,同时也是对vue动态绑定的学习,让出入vue这个坑的小伙伴门少走弯路,本人就是弯路走的太多了,最后遇见了大神的指点,才走到了今天这一步,只要坚持就一定会有收获的,小伙伴门加油吧!下载项目之后->解压->在项目根目录运行 npm start

2018-12-19

空空如也

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

TA关注的人

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