2018年08月_Lpd_Reason

原创前端开发demo：修改滚动条样式实例

代码如下： .scroll-dif { overflow-x: auto;}/*滚动条整体样式*/.scroll-dif::-webkit-scrollbar-track {/*滚动条里面轨道*/ -webkit-box-shadow: inset 0 0 8px rgba(0, 0, 0, 0); border-radius: 3px; backgr...

2018-08-30 11:18:38 567

转载前端框架vue：三种组件通信

1.父组件向子组件传输局：利用pros链接：https://blog.csdn.net/qq_34129336/article/details/795414472.子组件向父组件发送数据：事件监听在父组件 App.vue 中引用子组件 A.vue，把 A中的数据传给App.子组件 A.vue:<template> <div> <h3>这里...

2018-08-30 09:44:28 415

原创前端框架vue：vue的生命周期

vue共有八个生命周期：1.创建前beforeCreate:这个钩子函数表示在vue实例违背未被初始化，所有的变量还未被声明时的阶段。2.创建后creted：vue的对象已经实例化出来，并且所有的方法和变量都已经被转换为setter或者getter。3.挂载前beforemount：vue实例已经初始化，但是程序正在寻找在vue实例中是否存在一个$el元素。4.挂载后mounted：...

2018-08-24 20:55:19 352 1

原创前端框架vue：路由渲染的两种方法和路由跳转的三种方法

路由渲染地方法：1.在当前路由中import另一个路由，将其设为一个子组件，然后在当前组件中写入即可，其实说是路由渲染其实非常勉强，因为它只是一个组件嵌套。之所以将之写入，只是因为我认为在vue中所有的视图渲染都可以称之为组件的渲染，只是这种方式时直接引入不需要在router的index.js定义组件路径而已。2.在router的index文件下导入路由，设置好组件的路径和默认路由，在要渲...

2018-08-24 18:54:44 2778

原创前端框架vue：用vue实现的一个axios请求

if(this.DEV.currentPathInfo.subprojectType == 98 || this.DEV.currentPathInfo.subprojectType == 99 || this.DEV.currentPathInfo.subprojectType == 2002) { // list view search let temp...

2018-08-24 17:22:36 370

原创前端框架vue：利用axios.interceptiors.request.use(...)进行拦截session的判断

比如发送请求显示loading，请求回来loading消失之类，并且当判断到session为null时自动跳转到登录界面。import Vue from 'vue'import App from './App.vue'import axios from 'axios'import Loading from './components/Loading'import stores from...

2018-08-24 15:02:54 4845

原创前端开发工具：关于版本控制工具svn

一.安装svn：1.安装svnserver2.安装TortoiseSVN或者其他svn工具二.使用1.新建一个文件夹作为版本库。2.在目录中右键svn命令svn --》checkout。3.输入代码库的url4.输入账户密码确认登陆5.然后就可以进行各种鬼畜操作啦 ...

2018-08-22 18:08:36 752

原创前端自动化构建webpack：构建一个用common.js模块化编写的的简单项目

第一步：安装最新版node环境第二步：全局安装最新版npm第三步：创建一个项目文件夹第四步：初始化项目npm init -y第五步：在项目中安装webpack和webpack-clinpm install webpack webpack-cli --save-dev第六步：在项目中安装插件css-loader和style-loadernpm install -...

2018-08-17 14:47:55 195

原创前端自动化构建webpack：踩坑专题

1.安装webpack的时候遇到的情况; 直接按照提示安装提示Module webpack-cli 不存在One CLI for webpack must be installed. These are recommended choices, delivered as separate packages: - webpack-cli (https://github.com/w...

2018-08-15 18:58:22 318

Lpd_Reason的博客