4 zuo-yiran

尚未进行身份认证

我要认证

暂无相关简介

等级
TA的排名 1w+

H5移动端适配屏幕(ios和android)

全面屏手机把整个webview(包括状态栏)给H5的话,不对状态栏进行控制往往会有以下如图问题出现,这样头部的返回按钮置于页面的安全区外,无法进行操作。有问题的想要的效果:具体的实现:针对ios的刘海屏问题的解决:一、设置网页在可视窗口的布局方式(重点是添加:viewport-fit=cover)<meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, m

2020-09-08 14:45:21

css样式实现:左上方带标记三角的四边拼接图形

效果:html:<div class="category-area"> <ul class="category-ul"> <li @click="tabAll('gas',index)" class="category-li" :class="{'checked':index==gasIndex}" v-for="(item,index) in GasProductionData" :key="index"> <

2020-08-05 09:39:38

echarts实现弧形(环形)进度条的具体配置

完成效果图如下:简单例子说明:任务总数为3,已完成1,未完成2。弧形进度条实现data值:data[0]:标题占固定位置为环形的25%,计算:(1+2)4/30.25=1,data[1]:已完成任务数,具体值为1data[2]:未完成任务数,具体值为2注:1、startAngle值设为315,是为了让弧形图看起来对称且标题说明占25%。2、此处用data[0]中name的值作为data[1]中具体的值来实现图示效果,即:用标题站位的name值来模仿已完成任务的具体值进行说明。随机例子说明

2020-07-03 16:18:34

vue 不能进行热更新问题的解决

在vue项目中,之前热更新还是好的,突然发现在macos上失败,修改代码需要npm run dev进行重启才能更新,非常影响开发效率,但是不是所有的页面都是这样。然后发现一个大坑,文件名称与实际路径文件夹名称大小写有误。但是可以运行。解决办法:检查文件夹名称是否正确,确保引入文件夹名称与路径的文件夹名称大小写保持一致。经过查找,网上还列举了一些别的可能引起热更新失效的解决办法:1.添加ru...

2020-06-19 10:30:56

ionic配代理解决添加插件时connecte timedout的错误

在公司上班由于计算机上网要配代理,导致使用ionic没有办法通过cmd进行新建(ionic start 项目名称 tabs)和添加插件(ionic plugin add 插件名称/插件地址)时总是报connect etimedout的错误,为此,记录一下解决方法:方法一 利用翻墙软件: 可以利用翻墙软件,安装之后使用,在用cmd进行插件的添加就可以了,网上这些翻墙的工具挺多的,附上地址,可以参考

2017-05-24 09:41:52

解决html中标签自带的间距

以上截图中明显看到标签之间自带的有间距,解决这个问题有两个方法:1.用float浮动但是由于项目实际需要这个高度,所以不能使用float,另一种方法如下:2.给ul添加样式font-size: 0;这样li之间的间隔就会消失,但是需要重新给li添加font-size...

2020-06-02 11:11:34

vue中使用百度地图的两种实现方法

方法一:直接引用js。1.在index.html中引入<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=你的密钥"></script>2.添加配置在webpack.base.conf.js文件中添加如下配置:externals:{ 'BMap':'...

2020-05-01 00:23:10

关于ionic3开发APP用cordova打包,更新下载后不能自动提示安装的解决方法的补充

在之前的文章中提出过解决这个问题的办法:在添加平台cordova platform add android后,在platforms\android内找到AndroidManifest.xml文件,然后修改为:<uses-sdk android:minSdkVersion="16" android:targetSdkVersion="23" />关于这个问题可以通过命令直接实现:...

2020-04-15 19:18:39

js获取当前日期的上个月的日期(不同的日期格式)

//处理日期格式function formate(data, format) { data = new Date(data); var o = { "M+": data.getMonth() + 1, //月 "d+": data.getDate(), //日 "h+": data.getHours(), //时 "...

2020-03-31 21:59:52

js默认当前日期为开始时间时进行天数计算出错的原因分析及解决方法(vue使用mintui内的时间组件)

例如实现下面的计算:计算天数时间差:(new Date(离店时间) - new Date(入店时间))/(1000 * 60 * 60 * 24)说明:默认初始值为new Date()的当前时间,选择离店时间后,进行天数的计算。例如当前时间是2019年12月31日,那住店时间是2019年的12月31日,离店时间是2020年的1月2日,正常的天数是2天,但是按照选中日期的时间差(new Da...

2020-01-22 10:57:10

React+Ant Design实现可编辑单元格、添加行并利用form获取新增数据

实现如下图所示需求:实现功能说明:点击添加按钮,在表格中添加新的空白行(如下图所示),在点击提交的时候获取空白行的数据在构造函数内定义:constructor(props) { super(props) this.state = { dataSource:[{ key: 0, name1: '', ...

2019-12-10 09:44:40

react父子组件之间的传参

项目文件结构如下图:实现search组件内输入的值在父组件内接收到。1.定义接收子组件传的变量this.state = { searchPost:{},//搜索的值}2.父组件引入子组件import Search from './Components/Search/search';render() { return ( <div id="...

2019-11-05 10:32:47

vue项目配置多入口

有时候在一个vue项目需要多个入口,解决这个问题的方法有两种:方法一:在main.js的入口文件中根据url的后缀名称进行判断然后进行页面的跳转localhost:8080?startPage=index根据startPage的值进行判断方法二:给vue项目配置多个入口文件,通过访问的地址的不同进行页面的跳转具体操作为:在pages文件夹下新建index和admin、unquali...

2019-09-29 14:25:32

vue修改打包配置实现代码打包后的自定义命名

首先修改router文件:例如,这是原本方法引用页面://基础配置import BasicDispose from './pages/BasicDispose/BasicDispose'现修改为:const BasicDispose = () => import(/* webpackChunkName: "BasicDispose" */ './pages/BasicDispos...

2019-09-20 10:19:15

vue在移动端实现禁用物理返回键

用vue-cli新建的项目中要实现某些页面禁用物理返回键,可使用以下的方法:方法一:在main.js中加上以下代码作为禁用路由判断的依据:const history = window.sessionStoragelet historyCount = history.getItem('count') * 1 || 0history.setItem('/', 0)router.before...

2019-08-06 14:28:07

使用next方法设置跳转页面并传参(项目多入口传参根据标识进行判断跳转不同页面的实现)

多入口判断vue项目是多入口的情况下,在main.js文件下根据标识进行跳转页面的判断并传参,跳转以next方式实现:代码如下:在router.beforeEach内添加如下代码:(以startpage值为判断条件,当值为lianYou或huaGong时跳转的是同一个页面,需要传参进行判断,当值为unqualified时跳到另一个页面–unqualified页面,不需要传参)router...

2019-07-02 15:04:29

vue中用iframe嵌套页面,点击返回实现真正的退回上一步功能

vue项目中需要嵌套第三方的页面,但是第三方页面中的网页没有返回按钮,如图所示:此为页面b,页面a为跳到b页面的前一个页面。点击iframe嵌套页面跳转的第二个页面要实现不管进入多少层iframe页面,点击回退都直接跳到页面a.实现:为了不影响路由判断,使用回退的方法。首先在进入页面b时,记录一下history.length,并把这个值赋给页面的一个变量: data () { ...

2019-06-27 16:41:18

vue项目中部分android手机加载打包后的index页面显示空白的问题:uncaught syntaxerror:block-scoped declarations...

在vue项目中遇到加载打包后的index页面,部分android手机会出现空白页面的问题,并且报Block-scoped declarations (let, const, function, class) not yet supported outside strict mode的错误,在不报此错误的其他android手机上则没有此空白页面的问题。提示的错误信息就是在严格模式下不支持这种...

2019-05-30 10:41:00

vue-cli 中用axios请求本地(非static文件夹内json数据)json报 404

vue项目本地调试调用本地的json文件,但是用axios请求报404的错,放在static文件夹内就可以访问到,如何在自定义文件夹(随意位置)内访问本地的json文件,经过查询及比对发现需要修改build–webpack.dev.conf.js文件,用vue-cli新建项目,修改webpack.dev.conf.js文件如下:'use strict'const utils = require...

2019-04-26 17:49:59

解决ios倒计时失效问题(分别用setTimeout和setInterval实现)

项目中使用倒计时效果,具体实现如下: //使用的数据(获取的是时间戳):systemTime=1554384835539 createtime=1554384824000 let now = new Date(datamsg.systemTime).getTime(); let start = new Date(datamsg.createtime).getTime();...

2019-04-04 21:39:59

查看更多

勋章 我的勋章
  • 持之以恒
    持之以恒
    授予每个自然月内发布4篇或4篇以上原创或翻译IT博文的用户。不积跬步无以至千里,不积小流无以成江海,程序人生的精彩需要坚持不懈地积累!
  • 1024勋章
    1024勋章
    #1024程序员节#活动勋章,当日发布原创博客即可获得
  • 勤写标兵Lv1
    勤写标兵Lv1
    授予每个自然周发布1篇到3篇原创IT博文的用户。本勋章将于次周周三上午根据用户上周的博文发布情况由系统自动颁发。