- 博客(55)
- 资源 (3)
- 收藏
- 关注
RSS订阅原创 CentOS7 python django框架 天天生鲜项目 搭建流程
python django 天天生鲜项目部署环境搭建，uwsgi+nginx服务，全文检索功能搭建，fdfs分布式文件系统的搭建，celery的使用搭建，支付宝支付流程搭建 等等
2022-10-15 09:15:00
1778
8
原创 Linux 常用命令 运维 一把梭
linux 常用命令 （创建文件、目录touch/mkdir；删除文件、目录rm；复制文件、目录cp；移动文件mv；vim的使用；查找文件 find；创建软连接 ln -s；压缩与解压缩tar/gzip/gunzip/zip/unzip；在线安装程序）用户权限（创建用户useradd，给用户设置密码passwd；删除用户userdel，切换用户su -u，用户组groupadd/groupmod/groupdel/gpasswd）chmod/chown/chgrp/定时任务/grep/sed/netstat
2021-08-25 15:52:31
1229
原创 CentOS7镜像 搭 mysql数据库 部署node项目
基于CentOS镜像+Nginx反向代理+NodeJS部署上线文章环境搭建项目展开，如单独搭建mysql则与该链接无关下载安装mysql下载mysql官方的yumRepository （存储库）wget -i -c http://dev.mysql.com/get/mysql57-community-release-el7-10.noarch.rpm通过yum 直接安装 （前提）yum -y install mysql57-community-release-el7-10....
2021-08-24 16:41:04
196
原创 防止浏览器记住密码 手写password密码框实现禁止浏览器记住密码功能 兼容谷歌 火狐 IE8+
阻止浏览器记住密码接了一个很无理的需求：禁止浏览器提示保存密码最终解决方案在最下面，先絮叨两句最终效果：说说这个要怎么实现吧， 网上搜索方法 大部分都是说 （方式如下）设置autocomplete为off即可，亲测无效，最起码在谷歌老大型浏览器就不行。我是最想吐槽说这个方式的，也有的人说设置off不行 还可以设置成除了off和on之外的其他的值即可，真的是很无语。明明是禁止浏览器保存密码，被问答成让浏览器不要自动填充，真是醉了 input输入框的type先是为text，...
2020-07-07 18:10:40
1816
10
原创 vue实战项目 vue-typescript-music 音乐项目 解析
前言:vue全家桶 + TypeScript构建一款移动端音乐webApp 项目的笔记项目源码地址涉及功能: 音乐播放器（播放进度条；播放列表；收藏歌单；删除播放列表中的歌曲；播放模式【列表循环，随机播放，单曲循环】；下载当前播放音乐；暂停播放；开始播放；上下首播放；左滑下一首播放；右滑上一首播放；歌词）；轮播图；推荐歌单；新碟；歌单；专辑；登录；注册；播放历史；歌单管理（新建歌单，删除歌单）；歌单添加歌曲；编辑歌单信息；下一首播放；评论（上拉加载更多评论；评论点赞/取消点赞；发表评论；回...
2020-06-08 17:53:19
5513
9
原创 移动端弹出层滑动，导致底层body滑动（阻止touchmove事件冒泡？）
事件冒泡？移动端如何阻止触摸滑动事件冒泡，一个节点可滑动而不影响body节点的滑动准确的说：应该是锁定背景滚动描述：原body内容的高度已经超过了手机屏的可视区域的好几倍了，这时候点击某个按钮，出现一个弹出层，固定定位在底部，有一定的高度，超过高度内容可滚动，当滚动到底部时，或者内容并没有高过弹出层的高度，向上或向下都会给原本body里的内容产生滚动，这并不是我们想要的效...
2020-04-15 11:28:17
3203
原创 Node基础原理
环境变量（windows系统中变量path） 当我们在一个命令行窗口打开一个文件或程序时， 系统首先会在当前目录下寻找文件程序，如果找到了则直接打开 如果没有找到则会依次到环境变量path的路径中查找，直到找到为止 如果没有找到则会报错xxx不是内部或外部命令，也不是可运行的程序或批处理文件下载安装完node之后，在控制台输入node -v 若提示以上红字...
2020-02-13 16:50:02
690
原创 CentOS镜像+Nginx反向代理+NodeJS部署上线
快速简单使用CentOS系统镜像搭建Nginx反向代理配置NodeJS部署网站上线CentOS系统镜像镜像是什么？镜像是一种轻量级、可执行的独立软件包，用来打包软件运行环境和基于运行环境开发的软件，它包含运行某个软件所需的所有内容，包括代码、运行时、库、环境变量和配置文件。本次实例采用CentOS系统镜像搭建Nginx配置Nginx是一个高性能的HTTP和反向代理服务，...
2020-01-21 16:56:25
824
原创 [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 that this property is reactive, either in the data option, or...
2019-12-09 10:16:51
2342
原创 typescript从0到1全过程总结+vue整合typescript
TypeScript 是 JavaScript的一个超集1. 下载：npm install typescript -g2. 生成配置文件（tsconfig.json）：解决VsCode 红色下滑线警告tsc --init3. 运行：tsc ts文件名.ts可通过 -w 实时监听ts文件的改变 ，执行tsc ： tsc ts文件名.ts -w注...
2019-12-03 17:57:00
553
原创 vue中的slot插槽
slot插槽的作用： 为了让我们封装的组件更加具有扩展性 让使用者可以决定组件内部的一些内容到底展示什么slot插槽的简单使用： <div id='app'> <temp> <div>在组件中使用的插槽</div> <!-- 传递了插槽内容，显示 传递的内容...
2019-11-04 17:08:02
162
原创 vue数组中哪些方法是响应式的
Vue数组中响应式的方法：push() 在数组最后元素中追加元素 pop() 删除数组最后一个元素 shift() 删除数组中第一个元素 unshift() 在数组前面元素中追加元素 splice() 删除、插入、替换元素 sort() 排序 reverse() 反转<div id="app"> ...
2019-11-01 10:36:36
928
1
原创 vue中使用v-if，v-else切换时input复用问题（vue底层深入）
vue底层深入问题：如果我们在有输入内容的情况下，切换了类型，我们会发现文字依然显示之前的输入内容。示例代码：示例效果：按道理讲，我们应该是切换到了另一个input元素中，在另一个input元素中，我们并没有输入内容，为什么会出现这个问题？因为Vue在进行DOM渲染时，出于性能考虑，会尽可能的复用已经存在的元素，而不是重新创建新的元素。虚拟DOM会在每...
2019-10-31 17:22:34
1581
原创 var、let、const三者的使用及区别
var：全局作用域 声明 变量变量提升：可重复性声明：全局作用域和局部作用域：var 全局作用域带来的问题<body> <button>按钮1</button> <button>按钮2</button> <button>按钮3</button> &...
2019-10-30 18:06:49
454
2
原创 vue-cli2创建一个基本的nuxt.js
Nuxt.js : vue-cli@2前提：全局安装过vue-cli工具 vue -V 查看安装版本号 若大于2的版本需要进行桥接桥接方式 见文章最后初始化一个nuxt 项目 ： vue init nuxt/starter<项目名称>Nuxt.js 页面结构：修改了package.json文件，需要重启服务配置nuxt.js IP地址：p...
2019-10-28 15:04:11
731
原创 HTTP中的options请求详解
跨域开发过程中，遇到options（预请求）请求，服务端接收后报错，需要后台对options请求过滤浏览器请求中出现options请求原因：浏览器对跨域请求中出现简单跨域请求和复杂跨域请求的处理XMLHttpRequest会遵守同源策略，（不同源地址之间默认不能相互发送ajax请求）跨域：协议（http://） 子域名（www） 主域名（baidu.com） 端口号（:8080） 一个...
2019-10-22 15:27:44
2999
原创 JavaScript模块化
原始IIFE模式（立即执行函数）立即执行函数，通过window向外暴露成员，jquery的实现方式作用：避免了污染全局变量，立即执行函数内部形成一个单独的作用域，可以封装一些外部无法读取的私有变量，封装变量问题：并没有明确的依赖关系树，意味着开发人员必须按照精确的顺序来制造组件文件列表，以便在依赖模块之间加载依赖项。并不能解决模块化之间的依赖关系，需要按照顺序引入js文件实例：...
2019-09-17 15:23:49
111
原创 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-cli 安装的版本，如果版本没有发生变化，排除掉 npm 环境的问题，那么可能是因为缓存...
2019-08-16 11:30:21
6075
原创 webpack使用指南
webpack是前端的一个项目构建工具，基于Node.js开发作用：完美实现资源的合并、打包、压缩、混淆等功能（解决二次请求），可以解决各个包之间的依赖关系webpack中文文档1.安装webpack （本地全局安装） 4.+版本 还需要安装 webpack-clicnpm i webpack webpack-cli -g淘宝镜像安装 ...
2019-08-14 16:05:34
256
原创 js和css压缩工具
依赖安装环境： Node.jsJavaScript代码压缩工具（uglifyjs）全局安装js代码压缩工具 注意事项：只能用于压缩ECMA Script 5的 js 代码npm i uglifyjs -g使用方式：uglifyjs 未压缩的js文件名 -o 压缩后的js文件名min.js文件是压缩生成的参数配置项 可百度cs...
2019-07-26 13:29:40
395
原创 js判断浏览器是否支持属性或方法
判断浏览器是否支持HTMl标签属性 // HTML属性 in DOM对象 ：判断是否支持这个属性，支持返回true，不支持返回false if('placeholder' in document.createElement('input')){ console.log('浏览器支持placeholder这个标签属性') }判断浏览器是否支持js属性或...
2019-07-22 16:20:07
1042
原创 IE8，9低版本浏览器不支持H5C3完美解决方案汇总
不支持border-radius、box-shadow、multiple、线性渐变 的解决方案PIE.js 插件了解一下 ：官网地址使用方式：在<head>标签中引入js文件： <!--[if lteIE 8]> <script src="PIE.js"></script> <![endif]--> 样式中只需...
2019-07-19 11:47:59
868
原创 flex布局详情介绍
设为flex布局（display：flex）以后，子元素的float、clear、vertical-align属性将无效任何的属性值加上 -reverse ： 表示颠倒顺序webkit内核的浏览器 需要加上 -webkit-前缀父级元素盒子属性 排列方向顺序： flex-direction1.flex-direction: row; 默认子元素在父元素上从左向右排...
2019-07-17 16:42:34
184
原创 JavaScript最忌讳的事-----IE8遇到的问题总结 （ie8疑难杂症）
大忌之一：使用JavaScript关键字做为请求参数IE8 报错：缺少标识符、字符串或数字在公司遇到的一个不起眼的参数，引发的大问题，IE8及以下浏览器 报错，报错信息莫名其妙。IE8报错信息，我一直以为是clickCheckAListInfo 方法的问题，其实不然，只是因为使用了关键字做为参数把delete改为不是JavaScript所认识的的关键字即可。科普...
2019-07-11 16:47:37
1303
原创 JavaScript事件处理机制（捕获，目标，冒泡）
事件处理机制的三个阶段（捕获阶段，目标阶段，冒泡阶段） 冒泡阶段：事件从内向外执行捕获阶段：事件从外向内执行； addEventListener(type,fn,useCapture) useCapture:事件处理机制（捕获阶段true，目标阶段，冒泡阶段false）默认为冒泡阶段 捕获阶段：事件从外向内执行; 冒泡阶段：事件从内向外执行捕获情况： ...
2019-07-09 16:14:18
641
原创 原生事件绑定与解绑和jQuery的事件绑定与解绑详解
原生js绑定单个事件与解绑<body> <input type="button" id="btn" value="盘他"> <input type="button" id="rm" value="移除"></body><script> /* 使用 onclick 作为点击事件 后面的事件会覆盖前面的事件 ...
2019-07-09 11:36:52
174
原创 封装IP输入框控件plug
兼容 IE 6,7,8,9,10依赖jquery,在[email protected]之前的version 可直接导入jquery;在[email protected]之后的版本需要导入jquery之后再导入jquery-migrateexample：<link href="./qdialog/qdialog.css" rel="stylesheet"><link href="./qip.cs...
2019-06-14 15:14:17
204
原创 Vue-cli结合webpack中使用Bootstrap注意事项
查看需要安装的库有哪些版本？（以jQuery为例）npm view jquery versions结果如下：安装 想要的 jQuery版本（boostrap中js是依赖于jQuery的）npm i [email protected] --save-dev安装bootstrap （这里安装3.3.7版本）npm i [email protected] --save-d...
2019-05-22 16:43:37
233
原创 element-ui导航菜单使用vue-router刷新后高亮显示不一致完美解决办法
问题1：刷新后，默认高亮显示为当前的第一个索引值产生原因： :default-active="activeIndex"解决办法：将:default-active="activeIndex" 替换成 :default-active="$route.path"问题2：改完:default-active="$route.path"后发现高亮不显示，需要双击对...
2019-05-15 16:08:15
6092
8
原创 盘点前端易混淆的面试题精选
下面代码执行后是什么 <ul id='list'> <li>item</li> <li>item</li> <li>item</li> <li>item</li> <li>item&
2019-03-05 19:39:23
194
原创 使用vue-cli2.+搭建脚手架vue仿小米商城Web
安装vue-cli脚手架npm i vue-cli -S使用vue查看是否安装成功使用vue init webpack 初始化构建项目最后一步，我选择的是no ，用的是淘宝镜像进行安装依赖包，默认选中yes安装完成后，项目目录如下：到这里，基本的项目就搭建起来了。 运行 npm run dev 指令就可以访问页面了运行成功，直接访问地址：...
2019-03-02 22:26:58
753
原创 vue中的路由router详解
路由（router）后端路由：所有的超链接都是URL地址，所有的URL地址都定义服务器上对应的资源 前端路由：对于单页面应用程序来说，通过URL中的hash值（#号）来实现不同页面之前的切换hash有一个特点：http请求中不会包含hash相关的内容，所以，单页面应用程序中的页面跳转主要是用hash实现路由的基本使用引入文件（vue.js和vue-router.js） 创建路由对...
2019-02-18 20:58:13
731
原创 Vue中父子组件之间的访问及通信和双向绑定
组件中的访问：父组件访问子组件内部的data/methods ：可通过 $children 或 $refs 子组件访问父组件内部的data/methods： 通过 $parent 访问根组件（vue实例）内部的data/methods ： 通过 $root父组件向子组件传递数据 通过props子组件默认无法访问到父组件中的data上的数据和methods中的方法，需要通过v-bi...
2019-02-18 18:20:09
585
原创 vue中的动画
使用过渡类名实现1.使用<transition>标签包裹起需要动画的元素2.设置类样式3.通过在<transition>标签中添加name属性修改类样式中v-前缀用于区分不同动画<transition name=" my ">.my-enter,.my-leave-to{} ……<!DOCTYPE html>&...
2019-02-18 17:41:47
108
原创 vue-resource发送请求
使用vue-resource发送请求1.引入文件（vue.js文件和vue-resource.js文件)2.通过this.$http.请求方式(请求方式对应的参数).then(成功回调函数，失败回调函数)3.通过成功回调函数的result.body获取数据<div class="app"> <input type="button" value="get请...
2019-02-18 16:36:40
269
原创 vue中基本的品牌案例增删改查
<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta
2019-02-18 15:56:23
274
原创 vue全指令和详细说明
1.在Vue实例中，如果想要获取data上的数据或则调用methods中的方法，通过this.data上的属性名或this.methods上的方法名来进行获取！2.凡是定义全局的操作，都没有s；凡是定义私有的操作都需要s指令v-cloak属性：(设置样式display:none)解决插值表达式{{ }}闪烁的问题，只会替换自身的占位符，不会清空元素原本的内容（特殊）v-onc...
2019-02-18 15:54:46
871
原创 component标签实现组件之间的切换外加动画
使用<component :is=' comName ' ></component> 标签实现组件切换:is=' comName ' -------> 占位符使用transition 标签 加 mode=' out-in ' 属性实现有序的动画效果<!DOCTYPE html><html lang="en"><h...
2019-02-14 22:40:17
582
原创 组件的创建方式
原始方式：使用Vue.extend()方式创建组件 /*1.使用Vue.extend({ template：" HTML结构 " }) 创建组件,接收一个返回值（创建组件对象）*/ var com = Vue.extend({ template:'<h1>这是使用Vue.extend方式创建的组件</h1>' ...
2019-02-14 21:35:22
357
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人