waterTina-优快云博客

原创 vue中使用模块总结

1、图片预览组件：vue-preview使用方法：1）npm install --save vue-preview2）import VuePreview from ‘vue-preview’3）Vue.use(VuePreview)4）例子：<template> <vue-preview :slides="slide1" @close="handleClose"></vue-preview></template> <script&g

2020-06-01 16:51:58 253

原创 npm应用

1、输入npm init，可以创建package.json,包名要小写，入口文件等2、依赖的版本“dependencies”: {“jquery”: “^3.5.0”}^大于后面的版本号，且大版本要一致~前两位要一致，后面一位可以不同没有前缀，就代表精确的匹配版本除以之外，大于，小于，大于等于，小于等于3、dependencies:生成环境devDependencies：...

2020-04-16 17:16:57 251

原创 css的相关笔记

一个块格式化上下文（block formatting context）是Web页面的可视化CSS渲染出的一部分。它是块级盒布局出现的区域，也是浮动层元素进行交互的区域。一个块格式化上下文由以下之一创建：根元素或其它包含它的元素浮动元素 (元素的 float 不是 none)绝对定位元素 (元素具有 position 为 absolute 或 fixed)内联块 (元素具有 display: inline-block)表格单元格 (元素具有 display: table-cell，HTML表格

2020-04-16 15:49:42 171

原创 vue路由模块配置

1、router文件夹目录结构2、在src下准备以下页面3、pages.js文件夹下定义主要相关的一些路由import EmptyLayout from '@/views/Layouts/empty.vue'const pages={ path:"/", component: EmptyLayout, redirect:"/home", children:[ {...

2020-02-21 16:40:14 463

原创 typeScript学习笔记

一、声明变量1、var [变量名] : [类型] = 值;2、var [变量名] : [类型];—声明变量的类型，但没有初始值，变量值会设置为 undefined：3、var [变量名] = 值;—声明变量并初始值，但不设置类型类型，该变量可以是任意类型：4、var [变量名];----声明变量没有设置类型和初始值，类型可以是任意类型，默认初始值为 undefined：二、类型断言：类型...

2020-02-13 15:49:04 168

原创 elementUI在vue中使用的问题

一、layout布局1、布局分栏间隔:gutter----添加在row上Row 组件提供 gutter 属性来指定每一栏之间的间隔，默认间隔为 0。2、分栏偏移offset，左侧的偏移–添加在col上通过制定 col 组件的 offset 属性可以指定分栏偏移的栏数。3、对齐方式：通过 flex 布局来对分栏进行灵活的对齐。添加在row上将 type 属性赋值为 ‘flex’，可以启...

2019-05-13 17:04:42 526

原创百度地图使用遇到的问题总结

1.在控制板报警告： A parser-blocking, cross site (i.e. different eTLD+1) script大概意思是说：页面渲染完成后使用了document.write() ，这是不被允许的，解决方法：<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&am...

2019-04-29 16:23:32 509

原创工具使用

1、在webstorm中选择VCS -> Checkout from Version Control -> Git Git Repository URL: 【git 路径】 Parent Directory: 【本地要存放地址的父目录】 Directory Name: 【项目名称】...

2019-04-29 10:43:37 177

原创 three.js

1.场景var scene = new THREE.Scene();2.透视相机var camera = new THREE.PerspectiveCamera(75, window.innerWidth/window.innerHeight, 0.1, 1000);3.渲染器var renderer = new THREE.WebGLRenderer();4. renderer.se...

2019-04-26 20:19:49 293

原创 echarts的用法

一.字符云的使用1.需要引入2.0的echarts，3.0的显示不出来2.引入echarts-wordcloud.min.js下载地址：https://github.com/ecomfe/echarts-wordclouddist文件夹下的echarts-wordcloud.min.js3、页面上创建容器：<div id="zifuyun" style="width:98%;he...

2019-04-14 11:40:25 1394

原创 ECharts在vue中的使用

1、安装npm install echarts --save2、引入import echarts from “echarts”;3、在html页面上定义 <div id="pie" style="width: 800px;height:800px;"></div>4、初始化 mounted(){ this.pieE=echarts.init(documen...

2019-04-03 14:18:45 348

原创 vue项目启动时候遇到的问题

1、当遇到Module build failed: Error: ENOENT: no such file or directory, scandir ‘C:\ziguangyun\tangxia\node_modules\node-sass\vendor’解决方案是执行以下方法：npm rebuild node-sass2、当遇到这个错误时候，表示npm缓存，原来已有的依赖不完整解决方...

2019-04-01 18:12:13 1422

原创 vue学习笔记

一、computed计算属性1.1 用法：对于任何复杂逻辑，你都应当使用计算属性 <div id="example"> <p>Original message: "{{ message }}"</p> <p>Computed reversed message: "{{ reversedMessage }}"</...

2019-03-24 15:52:48 265

原创 vue常用语法记录

一、本地存储localStorage.setItem(‘name’,this.name);localStorage.getItem(‘name’,this.name);二、

2019-03-21 10:39:38 195

原创小程序项目总结

一、页面跳转到前一页，不会刷新页面，只会更改响应的变量let Pages = getCurrentPages();//获取当前页面的页面栈let PrevPage = Pages[Pages.length - 2];//获取上级页面的page对象PrevPage.setData({inputvalue: content,// inputvalue前一页数据}，function(){wx...

2019-03-11 18:01:08 1113

原创 git常用命令

touch test.txt 创建test的文件git status 查看状态git add . 提交git commit -m “备注” 提交git remote -v 查看提交到什么地方git push -u origin master 提交到主干分支git branch -a 查看分支，本地master分支，红色为远程分支master分支一般为主版本，当要在本地建立...

2019-03-11 16:02:57 160

原创常用命令整理

1.npm命令npm升级到指定版本：npm -g install npm@2.9.1npm查看版本：npm -vnpm安装最新版本：npm install -g npm淘宝镜像源：npm install -g cnpm --registry=http://registry.npm.taobao.org然后用cnpm代替npm...

2019-03-11 15:19:32 165

原创 js基础语法

1.过滤器filtervar _proList=this.productList.filter(function (val) { return val.select})2.every: 方法用于检测数组所有元素是否都符合指定条件如果数组中检测到有一个元素不满足，则整个表达式返回 false ，且剩余的元素不会再进行检测。如果所有元素都满足条件，则返回 true。this.productL...

2019-03-09 14:34:43 158

原创 forEach和map区别

1、forEach()和map()两个方法都是ECMA5中Array引进的新方法，主要作用是对数组的每个元素执行一次提供的函数。2、相同点：都是循环遍历数组中的每一项forEach和map方法里每次执行匿名函数都支持3个参数，参数分别是item（当前每一项）、index（索引值）、arr（原数组）匿名函数中的this都是指向window只能遍历数组3、forEach没有返回值，map...

2019-03-09 14:13:42 235

原创小程序picker组件上ios选择日期出现1年，2年的问题

ios日期问题wxmljs中Page({/**页面的初始数据*/data: {date:&quot;&quot;,year:‘2019’,myDate:’’},/**生命周期函数–监听页面加载*/onLoad: function (options) {var myDate = new Date();let year = myDate.getFullYear();let t=...

2019-03-09 12:02:41 1640

原创 axios的使用步骤

1.npm install --save axios2.在main.js里面引入import axios from ‘axios’3.在main.js中加到vue的原型上Vue.prototype.axios =axios;4.使用的时候直接this.axios

2019-03-09 10:27:41 749

原创使用vuex的步骤

1.npm install --save vuex2.在main.js中import vuex from ‘vuex’3.创建store文件夹，在main.js中引入import stores from ‘./store/status’4.在main.js中Vue.use(vuex)5.在main.js中let store = new vuex.Store(stores);6.在mai...

2019-03-09 10:24:52 235

原创 vue-cli创建项目

1、下载node.js2、cmd命令窗口node -v可以检查版本；3、输入npm install vue-cli -g//在全局安装vue-cli的依赖4、cmd命令窗口vue -V可以检查版本；5、输入vue init webpack XXX//创建模板为webpack的vue项目名字为XXX6、Project name XXX//项目名7、Project desrciption ...

2019-03-09 10:20:08 172

原创在谷歌浏览器安装vue.js devtools调试插件

vue.js devtools调试插件一、在github上下载压缩包，github下载地址：https://github.com/vuejs/vue-devtools二、解压该文件到本地，三、cd到vue-devtools-dev文件夹目录四、依次执行1.npm install2.npm run build3.修改shells&gt;chrome文件夹下的mainifest.json...

2019-03-09 09:53:03 4345 2

waterTina的博客