自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

原创 Node基础原理

环境变量 (windows系统中变量path) 当我们在一个命令行窗口打开一个文件或程序时, 系统首先会在当前目录下寻找文件程序,如果找到了则直接打开 如果没有找到则会依次到环境变量path的路径中查找,直到找到为止 如果没有找到则会报错xxx不是内部或外部命令,也不是可运行的程序或批处...

2020-02-13 16:50:02

阅读数 211

评论数 0

原创 CentOS镜像+Nginx反向代理+NodeJS部署上线

快速简单使用CentOS系统镜像搭建Nginx反向代理配置NodeJS部署网站上线 CentOS系统镜像 镜像是什么? 镜像是一种轻量级、可执行的独立软件包,用来打包软件运行环境和基于运行环境开发的软件,它包含运行某个软件所需的所有内容,包括代码、运行时、库、环境变量和配置文件。 本次实例...

2020-01-21 16:56:25

阅读数 66

评论数 0

原创 [vue+typescript]Property or method "xxx" is not defined on the instance but referenced during render

vue-cli3 创建 TypeScript 项目时,在使用 @Prop时 报错: Property or method "xxx" is not defined on the instance but referenced during render. Make sure ...

2019-12-09 10:16:51

阅读数 38

评论数 0

原创 typescript从0到1全过程总结+vue整合typescript

TypeScript 是 JavaScript的一个超集 1. 下载: npm install typescript -g 2. 生成配置文件(tsconfig.json):解决VsCode 红色下滑线警告 tsc --init 3. 运行: tsc ts文件名.ts 可...

2019-12-03 17:57:00

阅读数 35

评论数 0

原创 vue高仿商城web App(supermail)源码解析

vue全家桶打造高仿商城项目,真实服务器数据 已在github上开源,源码地址可见最后 (如果觉得对你有所帮助,欢迎点个Star) 项目展示: 首页开发: 顶部购物街标题 轮播图 本周流行 【流行,新款,精选】导航栏 商品的展示 顶部标题: 每一个界面都有这个标题...

2019-11-28 15:00:10

阅读数 39

评论数 0

原创 vuex

vuex:状态管理(管理操作跨组件之间的数据) Vuex 的状态存储是响应式的。当 Vue 组件从 store 中读取状态的时候,若 store 中的状态发生变化,那么相应的组件也会相应地得到高效更新。 你不能直接改变 store 中的状态。改变 store 中的状态的唯一途径就是...

2019-11-08 16:44:03

阅读数 13

评论数 0

原创 js数组中的高阶函数(filter、map、reduce)

filter:对数组数据进行过滤,必须返回一个布尔值,需要通过一个值进行接收 map:对数组中的元素进行改变,将改变后的值加入到一个新的数组中,需要通过一个值进行接收 reduce:对数组中所有元素进行汇总(例如:相加、相乘得到最终的一个值) 需求: 在一个数组中,取出小于100...

2019-11-07 18:25:18

阅读数 17

评论数 0

原创 vue中的slot插槽

slot插槽的作用: 为了让我们封装的组件更加具有扩展性 让使用者可以决定组件内部的一些内容到底展示什么 slot插槽的简单使用: <div id='app'> <temp> <...

2019-11-04 17:08:02

阅读数 12

评论数 0

原创 vue数组中哪些方法是响应式的

Vue数组中响应式的方法: push() 在数组最后元素中追加元素 pop() 删除数组最后一个元素 shift() 删除数组中第一个元素 unshift() 在数组前面元素中追加元素 splice() 删除、插入、替换元素 sort() 排序 reverse() 反转...

2019-11-01 10:36:36

阅读数 15

评论数 0

原创 vue中使用v-if,v-else切换时input复用问题(vue底层深入)

vue底层深入 问题:如果我们在有输入内容的情况下,切换了类型,我们会发现文字依然显示之前的输入内容。 示例代码: 示例效果: 按道理讲,我们应该是切换到了另一个input元素中,在另一个input元素中,我们并没有输入内容,为什么会出现这个问题? 因为Vue在进行DOM渲染...

2019-10-31 17:22:34

阅读数 107

评论数 0

原创 var、let、const三者的使用及区别

var:全局作用域 声明 变量 变量提升: 可重复性声明: 全局作用域和局部作用域: var 全局作用域带来的问题 <body> <button>按钮1</button> <button>按钮2</but...

2019-10-30 18:06:49

阅读数 7

评论数 0

原创 vue-cli2创建一个基本的nuxt.js

Nuxt.js : vue-cli@2 前提:全局安装过vue-cli工具 vue -V 查看安装版本号 若大于2的版本需要进行桥接桥接方式 见文章最后 初始化一个nuxt 项目 : vue init nuxt/starter<项目名称> Nuxt.js 页面结构: ...

2019-10-28 15:04:11

阅读数 50

评论数 0

原创 HTTP中的options请求详解

跨域开发过程中,遇到options(预请求)请求,服务端接收后报错,需要后台对options请求过滤 浏览器请求中出现options请求原因:浏览器对跨域请求中出现简单跨域请求和复杂跨域请求的处理 XMLHttpRequest会遵守同源策略,(不同源地址之间默认不能相互发送ajax请求) 跨...

2019-10-22 15:27:44

阅读数 39

评论数 0

原创 实战微信朋友圈开发

初始化前端项目: 采用 @vue/cli 创建项目: vue create wecircle weui.js 官方文档 :https://github.com/Tencent/weui.js/blob/master/docs/README.md 初始化后端(node)项目: Expre...

2019-09-17 17:15:47

阅读数 316

评论数 0

原创 JavaScript模块化

原始IIFE模式(立即执行函数) 立即执行函数,通过window向外暴露成员,jquery的实现方式 作用:避免了污染全局变量,立即执行函数内部形成一个单独的作用域,可以封装一些外部无法读取的私有变量,封装变量 问题:并没有明确的依赖关系树,意味着开发人员必须按照精确的顺序来制造组件文件列表...

2019-09-17 15:23:49

阅读数 20

评论数 0

原创 vue-cli脚手架version2和3的使用及更新的问题解决

vue-cli2.+版本 升级 vue-cli3.+版本 首先卸载旧版本 npm uninstall vue-cli -g 安装新版本 npm i @vue/cli -g 包名称由 vue-cli 改成了 @vue/cli 安装更新之后 , 通过 vue -V 查看 vue-c...

2019-08-16 11:30:21

阅读数 588

评论数 0

原创 webpack使用指南

webpack是前端的一个项目构建工具,基于Node.js开发 作用:完美实现资源的合并、打包、压缩、混淆等功能(解决二次请求),可以解决各个包之间的依赖关系 webpack中文文档 1.安装webpack (本地全局安装) 4.+版本 还需要安装 webpack-cli ...

2019-08-14 16:05:34

阅读数 29

评论数 0

原创 Bootstrap拆分之旅滚动监听(scrollspy)

说明: 必须有可解析的标识,对应dom中的元素:<a href="#home"></a> <div id="home"></div> 根据jquery,不可见的目标元素将被忽略,其相对应的导航项将永...

2019-08-09 15:33:49

阅读数 31

评论数 0

原创 Bootstrap拆分之旅栅格系统(响应式)

gridsystem.min.css .container{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}@media(min-width:768px){.container{width:750p...

2019-08-07 14:55:00

阅读数 24

评论数 0

原创 Bootstrap拆分之旅标签页(tab栏切换)

navbar.min.css 文件: .nav{margin-bottom:0;padding-left:0;list-style:none}.nav>li{position:relative;display:block}.nav>li>a{position:relative...

2019-07-31 10:48:56

阅读数 159

评论数 0

原创 jQuery-UI之dialog对话框系列

官方API地址 示例: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name=&quo...

2019-07-31 10:13:12

阅读数 30

评论数 0

原创 Bootstrap拆分之旅工具提示(tooltips)

tooltips.min.css 文件: .tooltip{position:absolute;z-index:1070;display:block;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-s...

2019-07-30 10:58:14

阅读数 102

评论数 0

原创 normalize与reset的本质和区别

normalize.css v3.0.3 html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body { margin: 0; } arti...

2019-07-29 10:16:12

阅读数 69

评论数 0

原创 JavaScript封装展开显示关闭隐藏元素plug

效果图: 插件代码: /** * "name": "showElem" "version": "1.0.0" "author": "weizhixiang" ...

2019-07-26 14:52:25

阅读数 24

评论数 0

原创 js和css压缩工具

依赖安装环境: Node.js JavaScript代码压缩工具(uglifyjs) 全局安装js代码压缩工具 注意事项:只能用于压缩ECMA Script 5的 js 代码 npm i uglifyjs -g 使用方式: uglifyjs 未压缩的js文件名 -o 压缩...

2019-07-26 13:29:40

阅读数 41

评论数 0

原创 js判断浏览器是否支持属性或方法

判断浏览器是否支持HTMl标签属性 // HTML属性 in DOM对象 :判断是否支持这个属性,支持返回true,不支持返回false if('placeholder' in document.createElement('input'...

2019-07-22 16:20:07

阅读数 120

评论数 0

原创 IE8,9低版本浏览器不支持H5C3完美解决方案汇总

不支持border-radius、box-shadow、multiple、线性渐变 的解决方案 PIE.js 插件了解一下 :官网地址 使用方式: 在<head>标签中引入js文件: <!--[if lteIE 8]> <script src="PI...

2019-07-19 11:47:59

阅读数 153

评论数 0

原创 flex布局详情介绍

设为flex布局(display:flex)以后,子元素的float、clear、vertical-align属性将无效 任何的属性值加上 -reverse : 表示颠倒顺序 webkit内核的浏览器 需要加上 -webkit-前缀 父级元素盒子属性 排列方向顺序: flex-dire...

2019-07-17 16:42:34

阅读数 38

评论数 0

原创 JavaScript最忌讳的事-----IE8遇到的问题总结

大忌之一:使用JavaScript关键字做为请求参数 IE8 报错:缺少标识符、字符串或数字 在公司遇到的一个不起眼的参数,引发的大问题,IE8及以下浏览器 报错,报错信息莫名其妙。 IE8报错信息,我一直以为是clickCheckAListInfo 方法的问题,其实不然,只是因为使用了...

2019-07-11 16:47:37

阅读数 77

评论数 0

原创 JavaScript事件处理机制(捕获,目标,冒泡)

事件处理机制的三个阶段(捕获阶段,目标阶段,冒泡阶段) 冒泡阶段:事件从内向外执行捕获阶段:事件从外向内执行; addEventListener(type,fn,useCapture) useCapture:事件处理机制(捕获阶段true,目标阶段,冒泡阶段false)默认为冒...

2019-07-09 16:14:18

阅读数 135

评论数 0

原创 原生事件绑定与解绑和jQuery的事件绑定与解绑详解

原生js绑定单个事件与解绑 <body> <input type="button" id="btn" value="盘他"> <input type="button" ...

2019-07-09 11:36:52

阅读数 35

评论数 0

原创 Qpage(依赖于jquery的翻页插件)

css .QPAGE{font-family: "Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,"Hiragino Sans GB","Micros...

2019-06-27 09:47:32

阅读数 23

评论数 0

原创 封装IP输入框控件plug

兼容 IE 6,7,8,9,10 依赖jquery,在jquery@1.9之前的version 可直接导入jquery;在jquery@1.9之后的版本需要导入jquery之后再导入jquery-migrate example: <link href="./qdialog/q...

2019-06-14 15:14:17

阅读数 41

评论数 0

原创 封装升降排序小插件

依赖项: bootstrap.css(可自行写样式) font-awesome字体图标库 jquery art-template HTML模板: <body> <input type="hidden" id="cur-sort-t...

2019-06-11 15:16:24

阅读数 75

评论数 0

原创 Vue-cli结合webpack中使用Bootstrap注意事项

查看需要安装的库有哪些版本?(以jQuery为例) npm view jquery versions 结果如下: 安装 想要的 jQuery版本(boostrap中js是依赖于jQuery的) npm i jquery@1.12.4 --save-dev 安装bootst...

2019-05-22 16:43:37

阅读数 85

评论数 0

原创 element-ui导航菜单使用vue-router刷新后高亮显示不一致完美解决办法

问题1:刷新后,默认高亮显示为当前的第一个索引值 产生原因: :default-active="activeIndex" 解决办法:将:default-active="activeIndex" 替换成 :default-active=&quo...

2019-05-15 16:08:15

阅读数 1123

评论数 0

原创 封装时间戳转为日期时间格式

<script> /** * 时间戳格式化函数 * @param {string} format 格式 * @param {int} timestamp 要格式化的时间 默认为当前时间 * @return {string} 格式化的时...

2019-05-06 16:15:24

阅读数 72

评论数 0

原创 Vue生命周期

beforeCreate 实例初始化之后,还没有拿到data和methods中的数据与方法时被调用 created 实例创建完之后被调用,此时已经拿到了data和methods中的数据和方法了,但是还没有挂载,el指定的元素属性还没有出现 beforeMount 挂载之前被调用,相关的r...

2019-03-05 20:15:13

阅读数 50

评论数 0

原创 盘点前端易混淆的面试题精选

下面代码执行后是什么 &lt;ul id='list'&gt; &lt;li&gt;item&lt;/li&gt; &lt;li&gt;item&lt;/li&gt; ...

2019-03-05 19:39:23

阅读数 64

评论数 0

原创 使用vue-cli2.+搭建脚手架vue仿小米商城Web

安装vue-cli脚手架 npm i vue-cli -S 使用vue查看是否安装成功 使用vue init webpack 初始化构建项目 最后一步,我选择的是no ,用的是淘宝镜像进行安装依赖包,默认选中yes 安装完成后,项目目录如下: 到这里,基本的项目就搭建起...

2019-03-02 22:26:58

阅读数 130

评论数 0

提示
确定要删除当前文章?
取消 删除