- 博客(21)
- 收藏
- 关注
RSS订阅原创 OA系统概要设计文档
随着公司业务不断增多.报备项目,合同文件,财务信息,等等越来越多,以前是以传统的Excel文档形式管理,但是效率低下,文件易 丢失且不易管理,因此为本公司量身定做了一套OA系统.
2022-09-09 10:29:35
641
原创 下载github源码npm install 报错
某天工作日下午,突然想阅读下潘家成大佬的vue-element-admin(后台管理集成系统),于是打开了github…[https://panjiachen.github.io/vue-element-admin-site/zh/guide/#%E5%AE%89%E8%A3%85] 第一步就是安装运行项目 fatal: unable to access 'https://github.com/nhn/raphael.git/': OpenSSL SSL_read: Connection was re
2022-05-25 14:23:56
1133
原创 window的大小和滚动
窗口的大小document.documentElement.clientWidth文档的大小 document.documentElement.scrollHeight由于各个浏览器出现了点傻d差异 需要let scrollHeight = Math.max( document.body.scrollHeight, document.documentElement.scrollHeight, document.body.offsetHeight, document.documentEl
2021-09-01 16:24:08
156
原创 2021-09-01
摘要:上文中主要是提及了滚动条的部分实验性特性(chrome firefox),本文将会重点介绍如何使用js获得元素的大小,位置,以及滚动位置和滚动长度.元素大小元素可视区域(client)1.想要获得该元素可视区域中看不到的地方的左侧右侧宽度,也就是clientTop和clientLeft example.clientTop //25 example.clientLeft //252.想要获得元素可视区域的大小,需要减去scrollbar的宽度 example.clientHei
2021-09-01 15:28:03
82
原创 浏览器中的元素大小和滚动之滚动条部分实验性特性
引言:经常看到clientWidth,clientTop,scrollTop,这些玩意,对其是一知半解很是难受,写下这些文章的目的就是为了学习浏览器中的元素大小以及滚动. <div id="example"> 经常看到clientWidth,clientTop,scrollTop,这些玩意,对其是一知半解很是难受,写下这些文 章的目的就是为了学习浏览器中的元素大小以及滚动. 经常看到clientWidth,clientTop,scrollTop,这些玩意
2021-09-01 14:40:51
171
原创 js原型初识
什么是原型?原型本质上也是一个对象,其他对象可以继承它的对象中的属性js对象中有一个隐藏属性[[prototype]],这个属性就指向了原型对象,当我们想要使用对象中的某个属性的时候,而对象中却没有就会使用原型对象中的属性. let man = { walk(){ console.log(this.name) } } let zy = { name:"zy", __proto__:man //在本例中man就是原型对象 _
2021-08-29 18:31:57
112
原创 JavaScript作用域初识
什么是作用域(what is scope)?在众多编程语言当中都会使用到变量这一技术(变量使用来存储数据的容器,管理程序状态的),但是变量如何存储在内存之中以及如何查找并使用它成为了一个问题.而作用域的目的恰好是告诉我们以什么样的规则来查找使用变量.毫无关系的作用域中变量是不能进行查找的.作用域如何产生在每一个函数中,每一个代码块中(使用let const 方式声明变量),全局中,都会形成一个作用域常见的作用域(Scope)设计规则词法作用域(lexical scoping) 词法作用域是最常见
2021-08-25 17:17:03
161
原创 后台管理开发中遇到的一些bug
1.在编辑框中使用el-radio时候发现无法正常回显,以后怀疑时候第一时间检查自己的代码 <el-radio v-model="editForm.showStatus" label="0">关闭</el-radio> <el-radio v-model="editForm.showStatus" label="1">开启</el-radio> this.editForm.showStatus = row.showStatus+'';
2021-06-08 15:26:33
1038
原创 后台管理文件和其它字段一起上传
文件上传和字段一开始困惑了自己很久,后来发现有一种方法formdata可以将文件和表单一起传到后端,首先使用el-upload组件获取到本地上传的文件,我需要手动上传因此设置:auto-upload=false,知识点:给组件上添加一个ref="upload"就可以获取该组件对象,如果不是组件就是获取该元素,组件通信的一种方式 //手动上传 submitUpload() { this.$refs.upload.submit(); },//action是上传的服务器
2021-06-08 14:56:45
446
原创 vue引入vue-table-with-tree-grid使用
在做项目过程中需要用的嵌套的表格就想到到了黑马之前用的，站在别人肩膀上可以走很多歪路。1.安装不足开发依赖和运行依赖区别2.vuecli3main.jsimport TreeTable from 'vue-table-with-tree-grid'// 组件全局注册 表格树Vue.component('tree-table', TreeTable) <!-- 表格 --> <tree-table border :data="me
2021-06-08 14:39:24
960
原创 后台管理之router使用
import Vue from 'vue'import VueRouter from 'vue-router'// 路由懒加载Vue.use(VueRouter)// const Login = () => import( '../views/login/Login')const Home = () => import( '../views/Home.vue')const Welcome =()=>import('../views/Welcome.vue')```cons
2021-06-08 14:27:22
172
原创 后台管理之首页框架搭建
在搭建后台管理的时候使用的ElementUI框架,框架很方便,知其然知其所以然更重要.首先在src文件夹下创建views文件夹,然后创建Home.vue在首页布局上发现elementUI提供了合适的布局方式<el-container> <el-header>Header</el-header> <el-container> <el-aside width="200px">Aside</el-aside> &
2021-06-08 14:20:19
393
原创 后台管理之axios
axios在vuecli3中应用axios是将ajax封装好的一个对象,方便开发.1.安装此处省略2.如何使用在main.js中//原型不足import axios from 'axios'//baseUrl是十分重要的,开发中避免硬编码axios.defaults.baseURL=''//方便调用axiosVue.prototype.$http=axios在项目开发中注意使用的请求方式是get,post,以及请求头(此处)//http不足 //post方式 //形式1
2021-06-08 13:47:32
120
原创 计算属性和监听器
计算属性计算属性的特点:1.声明式逻辑特点2.降低代码的重复率,使得程序的效率更高3.对任何复杂的逻辑都应该使用计算属性 <div id="app"> {{message}} </div> let vm = new Vue({ el:"#app", data:{ message:'计算属性' } methods:{ reverseMessage2:function(){ retu
2021-03-01 21:40:00
146
原创 Vue的模板语法
Vue.js使用了基于Html的模板语法,允许开发者声明式的将DOM绑定到底层Vue实例的数据,所有的Vue.js的模板都是合法的Html.所以能被遵循规范的浏览器和Html解析器解析在底层实现上,Vue将模板编译成虚拟DOM渲染函数.结合响应系统,Vue能够智能地计算出最少需要重新渲染多少组件,并把DOM操作次数减少到最少.插值文本数据绑定中最常见的形式就是使用"Mustache"语法,(双大括号)的文本插值 <span> {{msg}}</span>插值标签将会被替
2021-03-01 17:27:23
232
1
原创 Vue实例
每个Vue应用都是从创建Vue实例开始的.var vm = new Vue({})受到MVVM模型的设计启发,vm(View Model) 这个变量名表示Vue实例创建Vue实例对象时候,传入一个选项对象.在这个选项对象中可以创建我们想要的行为.详见https://cn.vuejs.org/v2/api/#%E9%80%89%E9%A1%B9-%E6%95%B0%E6%8D%AE一个Vue应用是通过new Vue创建的根Vue实例,以及可选的嵌套的,可复用的组件树组成.举个例子,一个todo应用
2021-02-28 16:45:01
115
原创 hello Vue
1.Vue的简介Vue是一款构建用户界面的渐进式框架. Vue被设计为可以自底向上逐层应用.Vue的核心是只关注视图层,不仅易于上手,而且便于与第三方库或者既有项目整合.另一方面,当与现代化的工具链以及各种类库结合使用时,Vue也完全能够为复杂的单页应用提供驱动.2.Vue的安装方式1.使用cdn方式安装开发版本环境.包含了有帮助的命令行警告<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"><
2021-02-28 14:34:02
208
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人