- 博客(49)
- 资源 (1)
- 问答 (1)
- 收藏
- 关注
RSS订阅原创 使用gulp搭建网页流程
1. 创建项目文件2. 创建.package.json文件npm init 回车之后输入一些项目的基本信息（名称、版本号等）即可完成之后项目会生成.package.json文件3. 全局安装gulpnpm i -g gulp4. 安装依赖5. 搭建项目结构6. 创建gulpfile.js文件，在该文件中引入依赖并且创建gulp任务7. package.json中添加gulp命令执行 npm run gulp即可运行项目8
2021-02-20 17:15:41
200
原创 缺陷一览（1）--VUE
1. vue-cli2.0与3.0的区别2. vue的作用域插槽3. vue组件的全局注册4. vue-keepalive5. mixins6. 子组件修改父组件的属性7. $optioins命令8. 自定义指令9. import、export的使用
2020-08-21 09:13:35
141
原创 VUE(16) -- el-upload组件使用
el-upload 是elementUI的上传文件组件。https://element.eleme.cn/2.0/#/zh-CN/component/upload1. 实现自动上传官网上的例子基本都是自动上传，这里不做赘述。2. 实现非自动上传但是能获取到文件File（常用）非自动上传需要的参数：auto-upload="true"action=""虽然是设置的自动上传，但是action为空，最终也不会上传。为什么不直接用auto-upload为false然后配合http-r
2020-06-23 15:10:04
321
原创 VUE(15)--computed和watch的使用方法以及区别
computedcomputed用来监控自己定义的变量，该变量不在data里面声明，直接在computed里面定义，然后就可以在页面上进行双向数据绑定展示出结果或者用作其他处理。computed中的属性和data中定义的属性使用方法一样。<div>firstName:{{firstName}}</div><div>lastName:{{last...
2020-04-03 11:17:38
123
原创 VUE(11)--VUEX在项目的使用
1. 安装vuex npm install vuex --save2. 创建store.js文件，代码如下import Vue from 'vue'import Vuex from 'vuex'Vue.use(Vuex);const store = new Vuex({ //vuex的状态管理 state:{ loginState:false ...
2020-03-11 10:19:25
97
原创 canvas(2) -- h5实现在线签名
最终实现效果如图，在画布区域可以随意绘画，实现清空画布、保存图片路径、图片转二进制文件实现手绘的思路：mouseStart、mouseMove、moveEnd三个事件监听mouseMove的事件中产生的各个点连成线<!DOCTYPE html><html><head><meta charset="utf-8"><tit...
2020-03-04 15:58:43
1668
原创 canvas(1) -- canvas的基本属性和常见面试题
<canvas> 标签只是图形容器，必须使用脚本来绘制图形。1. 创建一个画布<canvas id="canvas01" width="300" height="400"></canvas>//这里width和height的单位都是px2. 开始绘制图像let canvas = document.getElementById("canvas...
2020-03-04 14:56:33
4870
原创 uniapp(2) -- 分享文字\图文\链接
1. 在manifest.json中配置分享功能的参数2. 官网分享指南https://uniapp.dcloud.io/api/plugins/share?id=shareprovider的值：微信(好友\朋友圈)--“weixin”新浪微博--“sinaweibo” 腾讯QQ--“qq”provider为"weixin"的时候scene为必填，值为：微信好...
2020-03-04 11:05:12
2357
1
原创 VUE(10)--添加背景图片以及背景图片自适应
背景图片地址不能直接写在标签里面，要用data绑定 背景图的地址要加require 背景图要设置height属性 <div :style="bgImg"> </div><script>let that;export default { data () { return { bgImg:{ bac...
2020-03-02 15:23:30
6350
原创 VUE(9)--组件slot属性和组件动态绑定
1. 子组件的slot属性子组件中设置slot其实就是为父组件动态添加dom元素做准备，不可能所有组件都是一尘不变。子组件定义slot标签并且添加属性name<template><div>这是一个组件 <slot name="001"></slot> <slot name="002"></slot> &...
2020-02-20 19:56:28
2434
原创 VUE(6)--引入elementUI到项目中
1. npm下载方式引入下载命令：npm install element-ui --savemain.js中引入：import ElementUI from 'element-ui' //引入脚本文件import 'element-ui/lib/theme-chalk/index.css' //引入样式Vue.use(ElementUI); //使用组件2. cdn形式引入（...
2020-02-19 18:03:25
310
原创 VUE(7)--vue项目打包以及出现的问题
1. 项目打包命令：npm run build打包成功之后如图，此时项目中生成dist文件夹，里面有一个index.html文件，但是我们直接运行，页面是一片空白。这句话是什么意思，就是说不能直接运行index.html，要在本地运行才可访问2. 进入dist目录，输入anywhere -p 8080至此，本地已经运行完毕，但是访问路径还是一片空白，打开控制台发现静态资源并...
2020-02-19 17:36:26
834
原创 VUE(5)--导航守卫
1.全局守卫 router.beforeEach()//main.js中配置router.beforeEach(function(to,from,next){//to->要跳转的页面路径//form->发起跳转的页面路径//next是个函数// 1、next(): 进行下一个页面（放行）// 2、next(false): 中断当前导航，重置到from路由对应的地址/...
2020-02-17 17:03:27
114
原创 JS(1)--flex布局
弹性盒布局(flex-box)运用及其广泛，现在说一说常用的属性1.使用flex布局display:flex2.flex常用的5大属性 flex-direction决定主轴的方向 row 主轴在水平方向，起点在左端（常用，默认值）row-reverse主轴在水平方向，起点在右端column 主轴在垂直方向，起点在上端（常用）column-reverse 主轴在...
2020-02-09 17:15:03
1066
原创 VUE(4)--路由配置以及使用方法
1.下载路由：npm install vue-router --save建议在项目中新建一个routes.js文件，这样单独管理路由配置，尽量不要都写在main.js中2.routes.jsimport home from './components/home' export const routes = [{ path: '/home', name: 'home', com...
2020-02-07 18:23:13
1478
原创 VUE(2)--项目中引入jquery
1. 下载jquery命令：npm install jquery --save2. 查看package.json3. 修改webpack.base.conf.js的配置var webpack = require("webpack");plugins: [ new webpack.ProvidePlugin({ $:"jquery", ...
2020-02-07 16:21:05
424
原创 VUE(1)--脚手架搭建vue项目
使用vue-cli搭建vue项目1.安装node地址：https://nodejs.org/zh-cn/download/安装成功之后验证：node-v和npm-v2.下载vue-cli有两个版本的vue-cli可供选择：2.9.6版本和3.X版本3. 使用2.9.6版本的vue-cli搭建vue项目下载：npm install --global vue-cli 或者 ...
2020-02-07 14:48:39
111
原创 uniapp(1) -- 监听滚动条停止的事件
let timer; onPageScroll:function(object){ clearTimeout(timer) // 每次滚动前 清除一次 that.canSwip = false; timer = setTimeout(function() { console.log('滚动结束了'); that.canSwip = true; ...
2020-01-09 17:46:04
4844
1
原创 IOS应用程序打包到发布
之前用的appuploader，但是试用期过了！我淦！1. 首先有个苹果账号还必须加入开发者（这里要有企业资质，就不赘述了）2. 生成csr和p12格式的证书文件（打包生成ipa文件用）用appuploader很方便，但是过期之后我没试过别的软件，用过我再更新3. 打包（我用的是hbuilderX）4. 有了ipa文件可以做两件事一是去蜗牛上架内测版本，（这不代表app...
2020-01-02 15:48:08
384
原创 VUE工作笔记3--引入echarts
下载：npm install echarts --savenpm install -g cnpm --registry=https://registry.npm.taobao.org按需引入echarts模块：在src下创建echarts文件夹，创建echarts.js: // 引入 ECharts 主模块 var echarts = require('echarts/lib/...
2019-10-14 18:16:59
180
原创 elementUI操作笔记2--elTable
https://element.eleme.cn/2.0/#/zh-CN/component/table<el-table :data="eventLogData" stripe height="290" >//设置高度固定表头 <el-table-column prop="eventTime" ...
2019-10-10 13:47:49
152
原创 VUE(3)--配置跨域
1. 首先要分清楚开发环境和生产环境对应的文件分别是：dev.env.js prod.env.js2. index.js中添加跨域配置'/api' 这里是要告诉node，我访问的接口只要是以'/api'开头的就都是要使用代理，比如我访问的接口地址为https:www.baidu.com/user/login，那么使用node代理跨域，我们接口就要写成：/api/user/logi...
2019-10-10 13:26:16
620
原创 VUE(8)--创建项目&父子组件
1. 创建公共组件（父子组件）创建子组件 child.vue<template><el-dialog title="params.name" :visible.sync="params.show" :before-close="closeUpdateDialog" ></el-dialog></template><scrip...
2019-10-03 21:17:44
249
原创 js高级程序设计--一元操作符（不定期更新...）
加性操作符（+）如果两边都是数值则按照数值之间的加法运算处理。如果至少有一方是字符串：1.如果双方都是字符串，则进行的是字符串之间的拼接（注意这里是字符串拼接不会进行加法运算哦！）2.如果只有一个是字符串，则将另一方转为字符串再进行拼接。简而言之就是在加性操作符中，只要有一方是字符串就是做的字符串的拼接。减性操作符（-）其余的与加性操作符一样，不过在有非数值时则是将非数...
2019-09-02 16:02:24
79
原创 js高级程序设计--基础数据类型（不定期更新...）
基本数据类型：null undefined string number boolean复杂数据类型：objecttypeof 是用来检测给定变量的数据类型，其返回值："undefined" "number" "string" "boolean" "function" "object"疑点1：为什么没有null返回？从逻辑角度来看，null表示一个空指针对象。所以typeof nul...
2019-09-02 15:48:54
67
原创 elementUI操作笔记1--侧边菜单、tree、上传upload
1. 侧边菜单<el-menu :default-active="$route.path" class="el-menu-vertical-demo"@open="handleOpen" @close="handleClose" :collapse="isCollapse" router> <el-menu-item index="/home/sea...
2019-08-28 16:57:19
455
原创 微信小程序开发中遇到的坑坑坑！
1. 上拉加载（onReachBottom）&下拉刷新（onPullDownFresh）下拉刷新（onPullDownFresh）: app.json中配置{ "enablePullDownRefresh": true}再在需要下拉刷新的页面加上onpulldownfresh函数即可触发****注意，不管onpulldownfresh中有没有写过方法，都要加上...
2019-08-19 14:17:51
814
原创 微信小程序开发笔记
1. 微信小程序中如何引用模板文件？两种方式：<include>和<import>//首先新建header和footer模板文件//footer.wxml<template name="footer"><text>footer001</text></template>//include&l
2019-03-01 16:43:10
106
原创 git配置公钥&遇到的问题
每次push代码的时候都要输入用户名和密码很麻烦，配置git公钥可以不用重复此冗长流程。1. 复制远程服务器地址：2. 远程地址起个别名git remote add otherName 地址补充：查看地址 git remote -v 删除地址 git remote remove otherName3. 生成git ssh密钥ssh-keygen ...
2019-02-21 15:32:15
1243
原创 git的使用
下载githttps://gitforwindows.org/安装一路next1.安装完毕后打开git bashgit config --global user.name 输入你的用户名git config --global user.email 输入你的email2. 进入将要建立项目的文件目录，注意不要出现中文，否则会说找不到此文件或路径3. 进入目录后创建项目 mk...
2019-02-19 17:21:28
141
原创 post与ajaxSubmit上传的区别
传文件用ajaxSubmit$("#holidayForm").ajaxSubmit({ type: 'post', url: method, data: '#holidayForm', dataType: 'text',//返回来的数据格式 beforeSubmit: function(formData, jqForm, options) { ...
2019-02-19 10:36:48
537
原创 daterangepicker的使用手册
daterangepicker可以选择时间范围也可以根据实际业务需要单选日期，可精确到秒。使用方法：1.在项目中引入插件文件daterangepicker.css、moment.min.js、daterangepicker.js（注意顺序）实现如图效果：（单选+中文）js初始化：$('#searchDate').daterangepicker({ "autoAp...
2019-02-19 10:34:52
10318
原创 createJS笔记
1. createjs四大功能模块分工：easeljs：用来处理canvas；tweenjs：处理动画调整和js属性soundjs：处理音频；preloadjs：管理和协调程序加载项的类库
2018-10-15 14:34:53
358
原创 移动端开发--持续更新
1. 判断设备系统（是否为移动设备）function isMobile() { var b = navigator.userAgent; var c = ["Android", "iPhone", "SymbianOS", "Windows Phone", "iPad", "iPod"]; for (var a = 0; a < c.length
2018-10-15 14:31:11
107
gulp搭建项目框架模板
2021-02-20
TA创建的收藏夹 TA关注的收藏夹
TA关注的人