- 博客(23)
- 收藏
- 关注
RSS订阅
原创 uni-app踩坑之总结篇
uni-app获取元素高度及屏幕高度（uni-app不可使用document）uni.getSystemInfo({ success: function(res) { // res - 各种参数 console.log(res.windowHeight); // 屏幕的宽度 let info = uni.createSelectorQuery().s...
2019-11-30 14:20:26
5118
原创 vue+element-ui小结
element-ui上传icon图标<el-table-column prop="permissionIcon" label="图标" show-overflow-tooltip> <template slot-scope="scope"> <i :class="...
2019-08-31 13:55:59
498
原创 多个echarts，随外容器或窗口变化大小
1.新建.js文件（utils/esresize.js）var EleResize = { _handleResize: function (e) { var ele = e.target || e.srcElement var trigger = ele.__resizeTrigger__ if (trigger) { var handlers = trigger.__z_resizeListeners
2021-01-27 17:04:55
264
原创 关于调用聚合接口天气篇总结
解决问题：跨域问题1.直接axios调用①在main.js公共文件中引入 import axios from 'axios' Vue.prototype.axios = axios; import Qs from 'qs' Vue.prototype.qs = Qs;②config（dev下的proxyTable）文件增加相关配置，用方代理解决跨域问题'/api': { ...
2019-08-24 22:17:32
571
1
原创 Bootstrap_Table初识
1.通过JavaScript调用带有id表的bootstrap表。<table id="table"></table>$('#table').bootstrapTable({// 相当于每一项的表头标题，field用于标识此列数的坐标 columns: [{ field: 'id', title: 'Item ID' }, { fiel...
2019-08-21 16:56:41
123
原创 vue-工程化-组件通信
父组件：用import引入其他组件的当前.vue文件，被称为父组件。子组件：被其他文件所引入，被称为子组件。我在src/components下新建了个child.vue文件------子组件src/views下新建了个parent.vue------父组件父→子parent.vue ：<template> <div> // 通过自定义组件名来child来...
2019-08-10 18:15:40
227
原创 webstrom 汉化方法
1、安装原版Webstorm2、将.\Webstorm\lib目录下的resources_en.jar文件复制出来，并更名为resources_cn.jar。3、双击打开resources_cn.jar（注意是打开而不是解压出来），将下载的汉化包resources_en目录下的所有文件拖到刚才打开的resources_cn.jar的目录中，并保存。4、将resources_cn.jar文件复...
2019-08-08 15:01:58
355
原创 mock随机ajax数据
ajax–dome<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> </head> <body> <ul class="area"> </ul> &...
2019-08-07 11:34:05
108
原创 git应用
微信小程序开发——上传代码片段到git仓库https://jingyan.baidu.com/article/b2c186c81088a4c46ff6ff40.htmlgit安装和使用https://www.cnblogs.com/smuxiaolei/p/7484678.html
2019-08-03 18:37:18
156
原创 vue工程化-ElementUI
（1）安装依赖包安装sass-loader，node-sass（2）入口文件引入（3）webpack.base.conf.js添加配置自定义主题（1）新建样式文件在src下建立element-variables.scss文件（名字自定义），写入如下代码：/* 改变主题色变量 */$--color-primary: yellow;/* 改变 icon 字体路径变量，必需 *...
2019-08-03 15:52:28
163
原创 vue工程化-Less与BEM命名风格
Less变量小结嵌套小结：（1）Less模仿HTML的结构，使用嵌套代层级关系，使代码更简洁（嵌套层级关系）（2）可以结合&，达到同级伪元素效果（同级层级关系）（3）结合&也可以通过名字实现拼接（同级层级关系）（4）应用：对伪类的使用hover、focus，&对连接的使用_area，嵌套层级关系应用混合 (Mixin)（1）无参数混合（2）带参数混合（3...
2019-08-03 15:45:42
1414
原创 路由传参
（1）新建商品详情页组件GoodInfo.vue（2）配置路由（router/index.js）（3）编写商品展示页面基本结构（4）添加a链接点击事件，开始传参（5）methods选项，通过query传参name:‘goodInfo’点击商品列表要跳到的页面，也可以是path:’/goodInfo’（6）接收参数商品详情组件接收参数并渲染（GoodInfo.vue）...
2019-08-03 15:00:03
122
原创 vue-编程式跳转、组件裁减、定时器操作
路由跳转除了常用的在模板template编写router-link外，还可以在JS代码中进行跳转。模板声明式： 模块编程式：router.push(…)例：登入页登入完成自动跳回首页<template> <div> 倒计时:{{num}} <button @click="back">首页</button> </d...
2019-08-03 11:49:59
152
原创 vue-axios调mock模拟数据的接口
1.mock模拟数据安装mock依赖npm i mock -D（src下新建mock/mock.js文件）// 导入mock:import Mock from 'mockjs'// 模拟数据Mock.mock('/api/city/list', () => { return Mock.mock({ code: '0000', "data...
2019-08-03 10:36:48
462
原创 vue-网页Logo标题及矢量图标
网页Logo标题Vue2推出了vue-wechat-title插件实现页面title切换（1）安装vue-wechat-title插件在项目根目录下输入npm install vue-wechat-title --save指令安装插件( 2）入口文件配置接下来在入口文件src/main.js里引入并使用vue-wechat-title插件// 引入并使用共有vue-wechat-ti...
2019-08-02 17:33:10
1601
原创 vue脚手架引入:公有CSS、swiper、jQuery、animate、bootstrap
公有化CSS文件CSS初始化需要在每个页面引用方法：在src下面新建public.css，然后在main.js中引入进来 import ‘@/public.css’,这样所有页面中都会使用这个样式了。src/main.js// 引入并使用共有css文件import PublicCss from '@/public.css'Vue.use(PublicCss)public.css...
2019-08-02 17:09:25
889
原创 vue打包项目
（1）项目打包执行cnpm run build指令，进行代码丑化（2）打包成功后在根目录下会多出一个dist文件夹（3）点击index.html，通过浏览器运行，出现以下报错，如图：（4）方案修改config/index.js，在build开发配置下的assetsPublicPath的路径前加.打包项目-JS图片路径问题mode模式一般默认hash即可图片使用注意：（1）t...
2019-08-02 16:41:06
222
原创 git clone 权限被拒绝
https://blog.csdn.net/qq_534019165/article/details/50857245https://www.jianshu.com/p/8293660e812chttps://blog.csdn.net/qq_17470165/article/details/80172331
2019-08-02 10:41:01
4156
原创 vue-路由router配置
（1）在src/main.js入口文件中引入相关模块及组件（2）安装 vue 路由模块vue-router和网络请求模块vue-resource（3）配置路由选项及渲染App组件（src/main.js入口文件）（4）创建路由，配置路由映射并导出（src/router/index.js）方法1：require读取模块第一步：创建路由实例第二步：配置路由映射第三步：导出路由...
2019-08-02 08:59:32
851
原创 vue单文件组件导入导出
目录分析打开项目，依次分析下目录结构，项目目录结构如下项目目录结构如下单文件组件.vue目完成后，我们看到src 目录下有一个componets 目录，里面有一个 HelloWorld.vue 文件（单文件组件），内容如下（1）template模板—作用：定义展示模板信息（2）script 标签—作用：导出组件模块script中都是js 代码，它定义这个组件中所需要的数据...
2019-08-01 19:48:31
7293
4
原创 搭建 vue 开发环境: node.js安装+vue脚手架配置
（1）Windows安装Node.js登录node官网（https://nodejs.org/en/）可以看到各种平台node版本下载。①如何查看计算机系统类型？②选择对应的安装包点击下载③双击下载好的安装包④点击以上的Run(运行)，将出现如下界面⑤勾选接受协议选项，点击 next（下一步） 按钮 :⑥Node.js默认安装目录为 “C:\Program Files\nod...
2019-08-01 18:13:04
4538
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人