- 博客(24)
- 收藏
- 关注
RSS订阅
原创 uniapp 点击自带的导航栏顶部按钮返回上一页面不关闭键盘的问题
uniapp 项目中点击顶部导航栏按钮返回上衣页面不关闭键盘解决办法: plus.key.hideSoftKeybord()
2019-11-12 11:25:50
7486
原创 vue-cli中报错Gradient has outdated direction syntax. New syntax is like `to left` instead of `right`.
在vue-cli中引入min.picker.min.css时报错如上错误经过翻译以后，是原来的gradient用法变了，如原来![在这里插入加个关键词to就好了
2019-01-22 09:21:18
2192
原创 uniapp uploadFile多文件上传
uniapp uploadFile多文件上传问题描述：在写app项目得时候遇到使用uni.uploadFile上传多文件，会报错如下uploadFile:fail undefined is not an object (evaluating 'e.indexOf') 经过短暂的观察，发现是因为上传的文件格式不对，需要对其进行稍微改造如下uni.chooseImage({ sourceType: sourceType[this.sourceTypeIndex], sizeTyp
2021-05-08 09:39:58
9564
1
原创 flutter 子组件父组件传值
这里写自定义目录标题flutter子组件给夫组件传值flutter子组件给夫组件传值1，父组件内把一个函数当作参数传递给子组件2，子组件内接受父组件的参数并使用widget.方法命名来调用进行传数据给父组件；...
2021-03-29 19:07:50
1790
原创 简述浏览器缓存
浏览器缓存缓存读取原理:先从内存中查找相应得缓存，若有则读取，否则从硬盘中查找，若有则读取，反之重新网络请求。一，.作用1，减少冗余得数据传输，节省了网络带宽。从而更快得加载页面；2，降低了服务器得要求，从而服务器更快得响应。二 资源文件缓存得位置（分为两个地方）1，内存中（memory cache）退出进程数据被清除，读取速度比硬盘快，内存有限，一般存储脚本，字体，图片2，硬盘中（disk cache）退出进程数据不会被清除 非脚本存储，如css；三 两种缓存方式（强制缓存和协商缓存）
2021-02-18 14:24:36
403
原创 flutter使用provider简单实现计数器
1，首先在pubspec.yaml里面安装2，在同一个页面创建两个widget（或者将这两个widget单独创立dert文件）import 'package:flutter/material.dart';import 'dart:async';import 'package:provider/provider.dart';import '../../provide/cunter.dart';class StrictsSelection extends StatelessWidget { @
2021-02-04 17:17:24
395
1
原创 移动端border为0.5px不生效
在写移动端的时候，很多安卓手机上border为0.5px看起来甚至比1px的大小还粗，最近遇到以后，想到一个解决办法。代码如下：type-border { position: relative;}.type-border:before { position: absolute; top: 0; left: 0; border: 1px solid #206cfe; content: ""; transform: scale(0.5); -webkit-transform: scale
2021-01-22 10:24:39
1279
原创 cordova+vue项目获取MainActivity里面的数据
背景编写混合app项目，用vue框架写页面，然后通过cordova打包生成apk，由于要和第三方平台对接单点登录，第三方提供了js文件（基于cordova），需要调用他们的方法，但是他们提供的获取数据方式是通过原生安卓中Intent的方式来获取用户信息，此时对于我们不会原生安卓的人来说是个挑战；因此，我们编写了一个插件，也就是一个桥梁，通过它传递数据并且按照他们提供的js方法，写了一个java文件；代码...
2020-12-09 10:12:20
507
原创 Vue中使用keep-alive以后刷新部分数据如何解决
项目中遇到得问题：描述如下：上图页面使用了keep-alive,所以当从其其他页面跳转到这个页面得时候不会刷新数据，因此解决方式为，如下图所示就可以上图中activated和created使用方法一致，在这个方法里重新获取一下数据就好了，我们得业务场景是点击图标选取地理位置...
2020-08-24 14:02:21
1955
原创 async和await得区别
@async和await的使用以及区别1，async 后面会接一个return new promise 函数并执行它；2，await 必须紧跟 async 使用。上面这段代码async中使await com()先执行，等到三秒后执行完再把得到的结果赋值给左边的n，也就是说test函数需要三秒钟才执行完成，所以test函数是异步的，因此前面必须写async获取失败的结果async f...
2020-04-05 13:31:06
612
原创 移动端手机屏幕适配
(function (doc, win) {let docEl;docEl = doc.documentElement;let resizeEvt = ‘orientationchange’ in window ? ‘orientationchange’ : ‘resize’;let recalc = function () {let clientWidth = docEl.client...
2019-12-11 15:22:09
130
原创 5+app返回键直接退出应用
5+app在首页双击返回的话退出应用，在二级页面点击返回的话则返回上一页加粗样式**** document.addEventListener('plusready', function() { var first = null; var webview = plus.webview.currentWebview(); ...
2019-08-18 22:56:34
647
原创 用HbuilderX将vue项目打包app基本步骤
首先打包你的 vue 项目 生成 dist 文件夹（请确保 你是 将项目目录下的config文件夹里的index.js文件中,将build对象下的assetsPublicPath中的“/”，改为“./”后，打包生成的 dist 文件）...
2019-08-11 23:11:11
985
原创 vue +axios+node +express +mysql+navicat
前端 vue+node+express+mysql **废话不多说，直接上代码 ***1，***首先 新建vue项目，这个无须赘述，自行百度下面重点来了，上代码1 官网下载mysql数据库，傻瓜式安装，一步到位，填写帐号以及密码；2，在vue项目下下载express** npm install express --save3，在vue项目新建node文件夹，里面...
2019-08-08 10:19:26
872
原创 书上观后感
害怕挑战每个人有时候都会害怕某种挑战，会因为害怕自己原来坚持的信念受到挑战而不能勇敢的去面对别人，比如，有些人认为，改变自己对某个问题的态度是懦弱的表现。但实际上，优秀的批判性思维者具有开放性，乐于根据反面证据改变自己原来的立场。与在专栏“独立思考：史蒂芬·霍金，物理学家”中所介绍的霍金不同，许多人竭力抗拒与自己原有信念相左的信息与证据，尤其是自尊水平较低或者自我中心人格的人更是如此。他们会把别...
2019-08-03 13:57:47
121
原创 图片预览并且轮播循环
**上班空余继续分享一波插件**vant 中的ImagePreview 图片预览功能 用法也是很简单的，由于我写的是vue项目，所以先分享一下在vue中的使用 首先在需要预览图片的vue页面中将ImagePreview引进来 如注意该插件是 移动端vue组件库vant的组件，之前先要下载vant,由于它是调用函数是先预览功能的，因此应该在需要预览的图片或者需要点击的组件上加一个函数...
2019-02-28 10:28:45
979
原创 vue-lazyload图片懒加载
懒加载插件vue-lazyload分享一个懒加载图片插件适合在vue项目中使用用法及其简单1，用npm 或 cnpm install vue-lazyload -D2,在main.js中引入 如3，在需要做图片懒加载的vue页面将img标签的:src修改为v-lazy即可当然还有如果要深入了解，请自行查阅文档，这里只做简单使用...
2019-02-28 10:11:14
197
原创 vue-cli中单独设置body页面背景颜色
又见面了，今天用vue练习项目，遇到一个问题迟迟不能解决，因为对这个框架确实也不太熟悉，问在这里插入代码片题描述：问题1：vue-cli结合mint-ui框架，在用到tab切换时，需求是点击导航按钮时要切换页面，而mint-ui中有点击事件，因此在此时添加点击事件并无作用，此时此刻，我们应该如何做呢，如下图代码：图中方式就可解决；***问题2***想要在一个页面级的组件内修改body的背景...
2019-01-04 21:02:45
3265
原创 webpack4.x 抽离css文件和压缩
今天来分享一个前端自动化构建工具webpack4x 抽离css文件和压缩的方法。下载的具体步骤就不介绍了，相信各位大佬都已经深谙此道，首先我写一个webpack.config.js配置文件，如下代码const webpack = require('webpack');const ExtractTextPlugin = require("extract-text-webpack-plug...
2018-12-25 17:25:07
2359
原创 解决active在苹果手机上失效的问题
active在苹果手机上失效的解决办法：在iOS系统的移动设备中，需要在按钮元素或body/html上绑定一个touchstart事件才能激活:active状态。要让css的:active伪类生效，只需要给这个元素的touchstart/touchend绑定一个空的匿名方法即可成功。Use the :active pseudo-class in your css, then add onto...
2018-12-19 15:31:06
1940
翻译 js单线程和异步
js的单线程和异步前言说到js的单线程（single threaded）和异步（asynchronous），很多同学不禁会想，这不是自相矛盾么？其实，单线程和异步确实不能同时成为一个语言的特性。js选择了成为单线程的语言，所以它本身不可能是异步的，但js的宿主环境（比如浏览器，Node）是多线程的，宿主环境通过某种方式（事件驱动，下文会讲）使得js具备了异步的属性。往下看，你会发现js的机制是...
2018-11-30 08:51:12
102
转载 前端模块化开发
一、模块化开发1.命名冲突 在实际工作中，相信大家都遇这样的问题：我自己测试好的代码和大家合并后怎么起冲突了？明明项目需要引入的包都引进来了怎么还报缺少包？……这些问题总结起来就是命名空间冲突及文件依赖加载顺序问题。举个最简单的例子来解释一下命名空间冲突问题，看下面这段代码：。test.html复制代码 复制代码module1.js/**...
2018-10-19 14:17:05
163
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人