- 博客(43)
- 资源 (1)
- 收藏
- 关注
RSS订阅
原创 Vue-cli 2.0使用遇到的问题记录
目录1. Vue-cli 打包后vendor很大2. Vue-Router使用History3. Vue Router使用history模式带参数刷新报错4. 路由变化页面数据不刷新5. 异步回调函数中使用this无法指向vue实例对象6. setInterval路由跳转继续运行并没有及时进行销毁7. 修改数组视图无法更新8. 修改数组视图无法更新9. 使用Vu...
2019-05-30 16:06:24
617
原创 Vue - render函数
一、为什么需要render函数为了弥补一些template的弱项vue官方文档例子<script type="text/x-template" id="anchored-heading-template"> <h1 v-if="level === 1"> <slot></slot> </h1> <h2...
2019-11-20 20:47:34
453
原创 ES6中的Set和Map数据结构
一、 Set1. 基本用法Set类似于数组，但是成员的值是唯一的，因此不会添加重复的值let set = new Set([1, 2, 3, 1, 1, 1, 2])[...set] // [1, 2, 3]加入值时不会发生类型转换，1和“1”是两个值let set = new Set([1, 2, 3, "1", 1, 1, 2])[...set] // [1, 2,...
2019-11-02 16:37:57
301
原创 ES6中的数组及对象扩展
一、 数组扩展1. Array.from作用：将类数组对象转换为数组 参数：类数组对象或可遍历对象(iterable) 返回：数组 Tips：参数一定要有length参数，否则会得到空数组let arrayLike = { '0': 'a', '1': 'b', '2': 'c', length: 3};// ES5转换let arr1 = [].slice...
2019-11-02 12:07:48
374
原创 JS中的面向对象
目录一、创建对象1. 工厂模式2. 构造函数模式3. 原型模式4. 混合模式二、继承1. 原型链继承2. 构造函数继承3. 组合继承一、创建对象1. 工厂模式<script> // 定义Person类 var Person = function(name, hobby) { var o = new ...
2019-10-29 19:38:30
272
原创 ES6学习笔记——Let和const命令
1. let 命令let命令用法和var差不多，声明的变量只在所在的代码块（作用域）内有效。{ let a = 1;}a // ReferenceError: a is not defined.不存在“变量提升”，在声明前调用，会报错。console.log(a); // ReferenceError: a is not defined.let a= 2;只要块级...
2019-10-16 18:10:10
269
原创 CSS中的position属性
目录1. position的定义及各属性值2. 各属性值详解staticrelativeabsolutefixedsticky3. 其他relative与absolute的主要区别什么是文档流z-index属性1. position的定义及各属性值position 设置元素的定位类型，其属性值有以下几种： static（静态定位）：posi...
2019-10-15 09:51:40
606
原创 盒模型BFC渲染机制
目录一. BFC基本慨念二. BFC渲染规则三. 如何创建BFC元素一. BFC基本慨念一个块格式化上下文（block formatting context） 是Web页面的可视化CSS渲染出的一部分。它是块级盒布局出现的区域，也是浮动层元素进行交互的区域。网页是一个一个盒子组成的，而BFC就是一种css盒模型的渲染规则。 CSS盒模型：链接暂无 二. BFC渲染...
2019-10-10 15:45:16
577
1
原创 清除浮动的几种方式及其原理理解
目录一. 为什么要清除浮动二. 清除浮动的方法1. 利用clear样式2. 父元素结束标签之前插入清除浮动的块级元素3. 利用伪元素（clearfix）4. 利用overflow清除浮动本文中所有的“清除浮动"均指清除浮动造成的副作用。清除浮动是页面布局时很常见的操作，但我一直复制调用就完事了，没有理解其原理。最近仔细了解后，写本文记录下。一. 为什么要清除...
2019-10-09 09:53:47
517
原创 Vue-cli 3.0使用遇到的问题记录(未整理)
vue3.0使用全局scssh2h3首先创建一个scss文件接着在项目根目录下创建vue.config.jsvue.config.js内容注意这段代码css: { loaderOptions: { // 给 sass-loader 传递选项 sass: { ...
2019-07-25 16:20:38
267
转载 prototype 和 proto 的区别
学习Vue源码时看到一篇文章写得很好，记录一下原文链接：链接本文主要讲三个 问题prototype 和proto function 和 object new 到底发生了什么prototype 和proto首先我们说下在 JS 中，常常让我们感到困惑的地方，就是 prototype 和 __proto__ 到底是干嘛的1. __proto__ 就是 Javascri...
2019-06-04 17:23:13
3677
原创 Vue-cli 打包的vendor很大
问题：Vue-cli 打包后vendor很大，700多KB，导致首次加载页面速度很慢原因：vendor中将引用三方插件打包了，如Element-UI等解决办法：禁止打包第三方插件，通过CDN引用(本文均以elementUI为例)1.在webpack.base.conf.js中加上externals表示webpack不需打包的文件 ，格式为：‘插件名’: '项目中别...
2019-05-24 11:24:46
1667
转载 Nginx Linux部署教程
一、Nginx简介Nginx是一个web服务器也可以用来做负载均衡及反向代理使用，目前使用最多的就是负载均衡，具体简介我就不介绍了百度一下有很多，下面直接进入安装步骤二、Nginx安装1、下载Nginx及相关组件Linux系统是Centos 6.5 64位，我直接切换到root用户下安装进入用户目录下载程序下载相关组件[root@localhost src]#...
2019-05-22 18:39:14
199
原创 解决vue router使用history模式带参数刷新报错
前提：Vue router默认模式为hash，url中带有#不是很美观router配置 ：{path: '/tx/:hash?',name: 'tx',component: tx},{path: '/address/:address?',name: 'address',component: address},遇到的问题(均省略IP):直接访问 /address/ 正常...
2019-05-22 18:32:29
4374
转载 解决滚动条出现挤压页面宽度
方法来自张鑫旭大佬：原文链接/* 解决滚动条出现挤压页面宽度开始 */html { overflow-y: scroll; //兼容ie8，不支持:root, vw}:root { overflow-y: auto; overflow-x: hidden;}:root body { position: absolute;}body { wi...
2019-05-16 10:32:41
2561
原创 Vue源码学习(一)
今天开始学习Vue源码,顺便不定时记录下从github上clone源码(地址为:https://github.com/vuejs/vue)此时版本为2.6.10,可以看到尤大大6天前的提交参照以下贡献规则文档:https://github.com/vuejs/vue/blob/dev/.github/CONTRIBUTING.md#project-structure,对项目结构进行初步理解...
2019-03-26 15:23:56
1665
转载 消除input，button的间距
代码：效果：问题：input，button标签之间出现了间距，这并不是我们所期望的。解决方法：1.在父级元素上设置属性：font-size:0px;将input父级字体(font-size)设为0px，可以消除间隔，但是得重新设置内联元素(input)的字体大小;2.去掉input，button标签之间的空格3.设置input为块元素，并且给一个左浮...
2019-03-13 09:41:21
669
转载 vue中使用sass的配置的方法
1、安装sass的依赖包npm install --save-dev sass-loader//sass-loader依赖于node-sassnpm install --save-dev node-sass3、在build文件夹下的webpack.base.conf.js的rules里面添加配置{ test: /\.sass$/, loaders: ['style'...
2018-11-26 14:19:17
226
转载 npm包发布
一、创建自己的npm包目录结构npm-test a.js b.js package.json开发为了简单便于理解，就开发一个简单地hello程序a.jsfunction hello(name){ console.log("hello "+ name);}exports.hello=hello;b.jsvar h=require('./a');...
2018-11-06 10:50:47
239
转载 在vue-cli项目中使用echarts
这个示例使用 vue-cli 脚手架搭建安装echarts依赖npm install echarts -S或者使用国内的淘宝镜像：cnpm安装npm install -g cnpm --registry=https://registry.npm.taobao.orgcnpm install echarts -S 创建图表全局引入main.js...
2018-09-17 14:11:39
3401
转载 vue调用手机摄像头
现在前端技术发展飞快，前端都能做app了，那么项目中，也会遇到调用安卓手机基层的一些功能，比如调用摄像头，完成扫描二维码功能下面我就为大家讲解一下，我在项目中调用这功能的过程。首先我们需要一个中间框架，hbuilder http://www.html5plus.org/doc/zh_cn/accelerometer.html 这个是html5+的文档地址，我们找到Barcode模块，...
2018-07-17 15:17:50
23824
1
转载 解决使用Vue-cli打包，生成index.html文件无法使用浏览器打开的问题
在webpack.prod.conf.js文件中的webpackConfig找到output，添加一项 publicPath: './'
2018-06-11 19:59:44
3175
转载 vue 2 使用Bus.js进行兄弟(非父子)组件通信 简单案例
vue2中废弃了$dispatch和$broadcast广播和分发事件的方法。父子组件中可以用props和$emit()。如何实现非父子组件间的通信，可以通过实例一个vue实例Bus作为媒介，要相互通信的兄弟组件之中，都引入Bus，之后通过分别调用Bus事件触发和监听来实现组件之间的通信和参数传递。 首先需要在任意地方添加一个bus.js 在bus.js里面 写入下面信息1 import Vu...
2018-04-17 19:24:31
225
转载 Vuex接触
在 Vue.js 的项目中，如果项目结构简单， 父子组件之间的数据传递可以使用 props 或者 $emit 等方式 http://www.cnblogs.com/wisewrong/p/6266038.html但是如果是大型项目，很多时候都需要在子组件之间传递数据，使用之前的方式就不太方便。Vue 的状态管理工具 Vuex 完美的解决了这个问题。 一、安装并引入 Vuex项目结构： 首先使用 ...
2018-04-16 17:12:44
226
转载 Mac OS X 下如何把网页挂到服务器以供局域网内的设备访问
环境：macbook air os x 10.9.5找到apache藏身之所系统默认是隐藏apache安装目录的，但我们可以通过“命令行”或者“文件夹前往”的方式找到它。它是安装在系统的私有目录下，也就是/private/etc下面，因为它是隐藏的，所以我们无法通过界面找到它。 ps：/ect目录是mac os 系统存放系统配置信息的地方，里面都是xxx.conf的配置文件。 命令行在终端输入 o...
2018-03-12 20:41:17
3038
转载 mac Vue脚手架搭建
因为是mac系统，所以和视频里老师讲的有些许不同。 1.首先打开终端 按照老师的操作，首先检查node版本 下面是我的操作 打开终端，输入命令 node -v 我去，找不到node。。。。。 好吧，去这个地方下载mac版本的node 下载地址：https://nodejs.org/en/download/ （选择mac os） 安装完毕，有了 2.输入 sudo npm install -g v...
2018-03-08 18:28:01
3856
1
转载 WebSocket应用
来源：知乎Web领域的实时推送技术，也被称作Realtime技术。这种技术要达到的目的是让用户不需要刷新浏览器就可以获得实时更新。它有着广泛的应用场景，比如在线聊天室、在线客服系统、评论系统、WebIM等。WebSocket简介谈到Web实时推送，就不得不说WebSocket。在WebSocket出现之前，很多网站为了实现实时推送技术，通常采用的方案是轮询(Polling)和Comet技术，Com...
2018-03-06 16:43:24
337
转载 Windows下Nginx的启动、停止等命令
Windows下Nginx的启动、停止等命令在Windows下使用Nginx，我们需要掌握一些基本的操作命令，比如：启动、停止Nginx服务，重新载入Nginx等，下面我就进行一些简单的介绍。1、启动：C:\server\nginx-1.0.2>start nginx或C:\server\nginx-1.0.2>nginx.exe注：建议使用第一种，第二种会使你的cmd窗口一直处于执行...
2018-02-26 17:21:08
198
转载 链式调用
转载，马克用开发中经常会遇到给对象Been赋值，比如说一个Person对象，给他设置name 和 age 属性：Person person=new Person();person.setName("Tom");person.setAge(18);123这种情况下每一次设置它的一个属性的时候都要调用，总的来说是 Object.method() 形式的调用。当这个对象的属性值比
2018-01-31 10:32:42
361
转载 一个Option请求引发的深度解析
遇到Option请求的问题，查到一篇好文章，转载一下。在当前项目中，前端通过POST方式访问后端的REST接口时，发现两条请求记录，一条请求的Request Method为Options，另一条请求的Reuest Method为Post。想要解决这个疑惑还得从以下3个概念说起。Http Options MethodRFC2616标准（现行的HTTP/1.1）中如下描
2018-01-25 13:45:03
747
转载 win10安装python3.5与pip3
Python下载地址：www.python.org这是我下载的当前 python 3.x 最新版本的安装包 安装python 3.x此处选择自定义安装，因为要修改默认安装位置。另外这里勾选了 "Add Python 3.5 to PATH" 选项，会自动配置环境变量此处勾选“Install for all users" 并自定义安装路径为
2018-01-10 16:22:18
21700
转载 获取当前年份后两位
所周知，js里面有个内置对象Date，记录了有关系统时间的信息。我们只要实例化一个Date对象，var date= new Date();然后就可以用这个对象获取有关当前时间的各种信息，比如年份，月份，日期以及时间等。这里有一个小小的问题，在获取年份的时候，不同的浏览器竟然有不一样的结果喔。var year=date.getYear(); alert(year);IE中显示20
2017-11-06 13:51:06
12610
转载 VS2008报错Msbuildtoolspath is not specified for the ToolsVersion“14.0”
我电脑安装了vs2015和vs2008 当我卸载了vs2015后不论怎么打开解决方案都会弹出这个错误很明显，这就是vs2015捣的鬼。既然卸载了，再出现这个问题，肯定就是它拖泥带水，没有卸载干净。就我知道的，想要卸载干净就必须删除程序所有文件及注册表。解决办法如下：http://blogs.msdn.com/b/visualstudio/arch
2017-09-21 14:27:08
3011
转载 完全卸载oracle 11g
完全卸载oracle11g步骤：1、 开始－＞设置－＞控制面板－＞管理工具－＞服务 停止所有Oracle服务。2、 开始－＞程序－＞Oracle - OraHome81－＞Oracle Installation Products－＞ Universal Installer，单击“卸载产品”-“全部展开”，选中除“OraDb11g_home1”外的全部目录，删除。5、 运行regedit
2017-09-19 16:18:04
354
转载 vue.js脚手架搭建
使用 Vue.js 开发大型应用时，我们需要考虑代码目录结构、项目构建和部署、热加载、代码单元测试等事情。如果每个项目都要手动完成这些工作，那无疑效率是低下的，所以通常我们会使用一些脚手架工具来帮助完成这些事情。在 Vue.js 生态中我们可以使用 vue-cli 脚手架工具来快速构建项目。（1） 安装之前需要检查是否已经安装NodeJS的环境可以使用node -v检查，且需要
2017-09-01 11:11:20
1499
转载 Vue.js——60分钟快速入门
Vue.js是当下很火的一个JavaScript MVVM库，它是以数据驱动和组件化的思想构建的。相比于Angular.js，Vue.js提供了更加简洁、更易于理解的API，使得我们能够快速地上手并使用Vue.js。本文摘自：http://www.cnblogs.com/keepfool/p/5619070.html如果你之前已经习惯了用jQuery操作DOM，学习Vue.js
2017-08-31 13:43:58
274
转载 MVC文件夹及文件说明
一个典型的 ASP.NET MVC Web 应用程序的文件夹内容如下所示：所有的 MVC 应用程序的文件夹名称都是相同的。MVC 框架是基于默认的命名。控制器写在 Controllers 文件夹中，视图写在 Views 文件夹中，模型写在 Models 文件夹中。您不必再应用程序代码中使用文件夹名称。标准化的命名减少了代码量，同时有利于开发人员对 MVC 项目的理解。下面是对每个文
2017-08-29 09:42:31
2418
转载 atom常用插件
ATOM常用插件推荐simplified-chinese-menu ATOM的汉化插件file-icons 文件图标美化atom-beautify 代码格式一键美化last-cursor-position 光标自由切换到上一次/下一次编辑位置minimap代码小地图sync-settings 插件备份、按键
2017-08-24 12:14:25
501
原创 原生js选项卡
用原生js写了个选项卡代码如下： Document body { background: #cccccc; } ul, li { list-style: none; } .tab { width: 500px; marg
2017-08-14 14:50:06
335
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人