jeft_hai-优快云博客

原创 echarts总结

【代码】echarts总结。

2024-09-06 01:48:16 464

原创简单请求与复杂请求

这两种请求的区别主要在于是否会触发cors预检请求简单请求1、请求方法GET POST HEAD2、不得人为设置该集合之外的其他首部字段。该集合为：Accept Accept-Language Content-Language Content-Type3、Content-Type 的值仅限于下列三者之一：text/plain multipart/...

2019-09-19 10:51:44 2409

原创 npm 4048 syscall: 'unlink'

win10系统 npm下载总是报4048解决方法：1. 重新设置npm的路径在nodejs文件夹下建立 npm_global，npm_cache文件npm config set prefix 'C:\Program Files\nodejs\node_global'npm config set cache 'C:\Program Files\nodejs\node_cache...

2019-09-18 11:24:27 2329

原创安装 @vue/cli

真是坑呀，npm install -g @vue/cli 一直报错，(win10系统) 4048应该是没有什么权限，但是重装node 给npm配置系统变量用管理员身份运行cmd cnpm 清除npm缓存都用了，就是报错。。。最后用yarn下载成功下载yarn有三种方法 https://www.jianshu.com/p/9308e6abbe44但是我用：npm i...

2019-09-17 17:10:37 267

原创 npm 出现"Unexpected end of JSON input while parsing near"错误解决方法

npm cache clean --force 即可解决

2019-09-17 16:24:58 1113

转载解决npm -v 无反应

删除账户目录下的.npmrc文件就行了（例：我的目录：C:\Users\Administrator），在C盘搜索.npmrc 然后删除，

2019-09-17 15:24:29 745

原创配置service worker

1. mian.js// 配置 server worker START// console.log('serviceWorker' in navigator, 'serverWorker')// if ('serviceWorker' in navigator) {// navigator.serviceWorker.register('/service-worker.js').t...

2019-09-16 16:40:08 676

原创 vue computed

计算属性一些特殊用法：1. 使用get、set使state动态绑定v-model 摘自vuex官网<input v-model="message">// ...computed: { message: { get () { return this.$store.state.obj.message }, set (value)...

2019-09-11 15:06:05 862

原创 keepAlive遇到的问题

1. better-scroll与keep-alive一起使用会使页面卡住解决：activated () { this.$refs.scroll.refresh() || this.$refs.scroll.forceUpdate()}2.keepalive会记住滚动条的位置，BScroll的也会记住，但是用vuex改变数据，组件内有计算属性改变，就不会记住BScroll的位置...

2019-09-05 17:15:52 1750

原创小程序向Component传wx:show的值时，会重新初始化该Component中的props与data

小程序向Component传wx:if='{{show}}'的值时，会重新初始化该Component中的props与data，导致observers不更新。

2019-08-30 20:48:41 520

原创 Vuex getter更新不及时问题

state改变但是getter不改变可以把getter改为一个函数，每次调用都调用一下函数就肯定刷新了hasBaseInfo: state => () => !(state.user.nickName === state.user.name || !state.user.gender)...

2019-08-30 19:51:01 3612

原创 Vue 组件内porps的type为数组时，第一次不触发更新watch

Vue watch Vue 组件内porps的type为数组时，第一次不触发更新watch addItems:{ immediate: true, // immediate选项可以开启首次赋值监听 // deep 是否开启深度监听，监听对象内部属性变化时用 handler (newV, oldV) { }}...

2019-08-30 11:59:21 417

原创 input 问题总结

type number maxlength不生效 oninput="if(value.length>6)value=value.slice(0,6)" type numberpattern也不生效 inputmode 规定弹出键盘的类型键 numeric 数字键盘 tel url .... pattern 正则匹配输入的内容，但是...

2019-08-28 17:31:01 501

原创 img 格式相互转换 url, base64，blob, file

正常向后端传的文件就是file格式，存储到文件服务器url -> base64 -> fileurl -> blob -> fileurl -> base64 -> blob -> fileurl -> base64 canvas.toDataURL('image/type') urlToBase64 () { ...

2019-07-29 19:51:54 5896

原创小程序bindtap， catchtap 记坑

bindtap: 冒泡catchtap：捕获组件内改变 properties的控制组件显隐属性时，用catchtap，因为bindtap也会触发父级的点击事件

2019-07-23 17:46:37 639

原创 jq text/html/val, empty/html, empty/remove/detach区别

text/html/valtext设置或返回被选元素的文本内容html设置或返回被选元素的内容(包含标签）val设置或返回被选元素的值 (多用于input)empty/htmlempty与html('')都是清空元素节点，html会造成内存泄漏原因：jquery 对于同一元素多事件处理没有直接采用浏览器事件模型，而是自己缓存事件，遍历触发em...

2019-07-04 01:11:19 216

原创 h5 定位

let me = this if(window.navigator.geolocation){ // navigator.geolocation.getCurrentPosition(onSuccess , onError); alert('支持') }else{ alert("您的浏览器不支持使用HTML 5来...

2019-05-27 14:33:59 2398

原创 Vue axios delete 415

axios.delete('/api',{data:{id:1}})axios 的delete 方法与post、put不一样，要用data包裹一层，原理是delete第二个参数是config的data不是单纯的data参考于：https://blog.youkuaiyun.com/qq383366204/article/details/80268007...

2019-05-07 15:06:18 686

原创注释代码：TODO，FIXME和XXX

TODO: + 说明：如果代码中有该标识，说明在标识处有功能代码待编写，待实现的功能在说明中会简略说明。FIXME: + 说明：如果代码中有该标识，说明标识处代码需要修正，甚至代码是错误的，不能工作，需要修复，如何修正会在说明中简略说明。XXX: + 说明：如果代码中有该标识，说明标识处代码虽然实现了功能，但是实现的方法有待商榷，希望将来能改进，要改进的地方会在说明中简略说明。...

2019-04-11 17:30:03 315

原创 Vue 移动端拖拽交换位置

<template> <div class="imageUploaderPage"> <ul ref='imgList' class="imgList"> <li ref='imgItem' class="imgCoverItem" v-for='(item, index) in filesResults...

2019-03-27 21:29:31 2305

转载 vue PC端拖拽Drag事件

<template> <div class="hello"> <h1>{{ msg }}</h1> <div> <div class="team" v-for="(team,tindex) in teamDataArr" :key="tindex"> <div class=...

2019-03-26 20:12:01 8866

原创 swiper的简单用法

let mySwiper = new window.Swiper('#post_swiper_' + this.elId, { loop: true, pagination: { // 指示点 el: '.swiper-pagination' } })html中 <script async src="<%=BAS...

2019-02-12 19:44:29 2071

原创 swiper在vue中使用遇到的问题

如果含有display:none的父元素中含有swiper,swiper会找不到dom的宽度,只能左右滑动，效果极差。解决方法：初始渲染含有swiper的组件用v-if;不用v-show;

2019-02-12 19:41:14 521

原创 vue.set

vue.set更新列表数据，更改单独 key值不起作用，要用 vue.set赋值，更新数组。vue.set用法 =》 Vue.set( target, key, value )我是使用的：this.focusDetail.forEach(ele => { if (ele.Id === id) { var val = !ele.IsLik...

2019-02-12 19:37:45 559

原创 vue + mui监听android物理返回键

mounted () { var quitTime = null window.mui.back = function () { if (!quitTime) { quitTime = new Date().getTime() window.mui.toast('再按一次退出应用') setTimeout(functio...

2019-02-11 00:30:36 1186 1

原创 mui+vue android物理返回键

var quitTime = null; mui.plusReady(function(){ mui.back = function(){ //首次按键，提示‘再按一次退出应用’ if (!quitTime) { //记录第一次按下回退键的时间 quitTime = new Date().getTime(); ...

2019-02-10 01:11:05 454

原创 hbuilder android测试华为手机

连接USB 下载手机助手华为手机设置 =》关于手机 =》点击手机型号 =》就会显示开发者模式 hbuilder 运行 =》基于华为手机。。。 => 手机上同意下载软件就可以测试了...

2019-01-30 08:58:34 3503

原创 HBuilder打包h5文件

1. 下载HBuilder2. 打包app打开 app文件夹 webapp右键转成 app文件发行3. mainfest.json这个文件主要配置 app信息的app icon app name app 的各种权限4. google开发者账号用jdk就可以生成下载 jdk与配置环境变量 https://blog.youkuaiyun.com/write6/artic...

2019-01-28 12:51:04 8457 1

原创 vue静态资源打包

static pathconfig index.js build中：将 assetsPublicPath: '/' 改为 assetsPublicPath: './',css静态路径build utils.js：publicPath return ExtractTextPlugin.extract({ use: loaders, fal...

2019-01-27 15:27:36 804

原创 linux基本操作

基本操作编辑文件 => vi :q 退出查看文件列表 => ls -la删除文件 => rm rf查看端口占用情况单一端口1. lsof -i:端口号2. netstat -anp|grep 端口号3. ps -aux | grep 端口号所有端口netstat -apnkillkill -9 pid ...

2019-01-21 23:06:16 163

原创 gulp

gulp原理 gulp中使用的是node的stream（流），是以stream为媒介先读取需要的stream，通过stream的pipe()方法导入到想要的地方，比如插件等，经过插件处理过的流可以继续导入到其他地方，包括写入到文件中最简 gulp  <!-- en...

2019-01-21 23:04:42 345

原创 vuex-persistedstate

import createPersistedState from 'vuex-persistedstate'import * as Cookies from 'js-cookie'plugins: [createPersistedState()]})

2019-01-21 20:58:43 947

原创 koa-generator

npm i koa-generator//相应文件夹下koa2 namenpm i//启动npm start/node ./bin/www

2019-01-19 16:32:20 379 1

转载 vue scoped原理

这次给大家带来Vue中scoped实现原理及穿透使用步骤详解，Vue中scoped实现原理及穿透使用的注意事项有哪些，下面就是实战案例，一起来看一下。何为scoped？在vue文件中的style标签上，有一个特殊的属性：scoped。当一个style标签拥有scoped属性时，它的CSS样式就只能作用于当前的...

2019-01-18 00:46:41 278

转载搭建mpvue

2019-01-17 17:52:02 555

原创 node json转xlsx文件

node server app.jsvar json2xls = require('json2xls');app.use(json2xls.middleware);users.jsres.xls('data.xlsx', list);list为 json数据vue前端下载downExcel(){ var eleLink = document.cre...

2019-01-15 17:08:02 765

原创 vue兼容 ie

vue项目在ie上会显示空白页安装babel-polyfill：npm install babel-polyfill --save-dev 在入口文件 main.js 中引入 import 'babel-polyfill' module.exports = { entry: { app: ["babel-polyfill", "./src/main.js"] } };...

2019-01-10 15:53:30 1046

原创 vue 数据请求

axiosimport axios from 'axios'; axios.get('/users/addressList').then((response)=>{ var res = response.data; this.addressList = res.result; this.addressList.forEach((...

2019-01-10 00:56:06 536

原创 vue组件间传递信息

全局 vuex父子组件父组件 -> 子组件<food @add='addFood' :food=food></food>子组件 -> 父组件props:{ food:{ type:Array, default:[] }}this.$emit('add',data)eventBus...

2019-01-09 01:20:47 591

原创 vuex

5种状态：state -> 基本数据 getters -> 从基本数据派生的computed:{ ...mapState(['repeat','nowIndex']) }同步 actions -> 提交更改数据的方法，包裹mutations，异步 modules -> 模块化Vuexstate先在vuex中声明数据组件中获取sta...

2019-01-09 01:20:01 403

echarts自用组件封装总结

空空如也