- 博客(122)
- 资源 (3)
- 收藏
- 关注
原创 轮播的实现
轮播效果:hover的时候过度改变图标。实现方法: 对a标签添加两个伪类:before,:after,inline-block,使用content:' ' 占位,给两个伪类添加背景图片。 <div class="header-logo"> <a href="/#/index" ></a> </div>CSS:...
2020-04-09 09:58:23 264
原创 3种跨域
三种跨域方式1. CORS跨域服务端设置,前端直接调用let url='httl://www.imooc. com/mock/user/login'axios.get(url).then( res=> { })响应头Response Headers: Access-Control-Allow-Origin: http://localhost:808...
2020-04-08 16:06:47 293
原创 前端MOCK数据的三种方法
MOCK数据1. 本地加载请求静态json文件的形式在public下建立文件,/mock/user/login.json App.vue:mounted() { //本地加载请求静态json文件的形式 this.axios.get('/mock/user/login.json').then( (res) => { thi...
2020-04-08 15:24:31 4151
原创 VM38152:1 Uncaught SyntaxError: Unexpected token o in JSON at position 1
JSON相关的出错误:Uncaught SyntaxError: Unexpected token o in JSON at position 1分析: JSON格式问题解决:JSON中setItem用双引号,不是单引号
2020-04-07 20:49:10 12386
原创 vscode中配置git
vscode中配置gitvscode 报错 未找到Git。请安装Git,或在"git.path" 设置中配置第一步安装gitgit安装方法自行解决,提供git下载连接!git官方下载地址https://git-scm.com/download第二步配置vscode中的git在vscode中打开用户设置:文件>首选项>设置,在设置页面按下图进行修改用户配置。搜索...
2020-04-03 10:55:15 1611
原创 Nginx 静态资源文件管理服务
启动服务启动 nginx 服务:sudo nginx1重启 nginx 服务:sudo nginx -s reload1停止 nginx 服务:sudo nginx -s stop1检查配置文件是否存在语法错误:sudo nginx -t1访问地址:http:http://localhost:8089 https:htt...
2020-02-04 20:31:48 416
原创 mac 启动mysql客户端
MAC启动客户端$ cd /usr/local/mysql/bin/$ ./mysqlERROR 1045 (28000): Access denied for user 'hyx'@'localhost' (using password: NO)$ mysql -u root -p mysqlEnter password: 12345678Reading table i...
2020-02-04 20:06:29 797
原创 process.env.NODE_ENV = 'production'
在node中,有全局变量process表示的是当前的node进程。process.env包含着关于系统环境的信息。但是process.env中并不存在NODE_ENV这个东西。NODE_ENV是用户一个自定义的变量,在webpack中它的用途是判断生产环境或开发环境的依据的。为了查看 process的基本信息,新建一个 process.js 文件,在里面加一句代码:console.l...
2020-01-21 11:00:12 10969
原创 前端向后端发送请求的方式
1、link标签的href属性2、script标签的src属性3、img标签的src属性4、ajax发送请求5、表单提交发送请求6、a标签的href发送请求7、iframe的src属性发送请求1.form表单前端代码:<!--post代表提交方式,action代表提交的地址--><form method="post" a...
2019-10-22 12:51:14 12416 3
原创 LInux awk命令
awk是一个强大的文本分析工具,相对于grep的查找,sed的编辑,awk在其对数据分析并生成报告时,显得尤为强大。简单来说awk就是把文件逐行的读入,以空格为默认分隔符将每行切片,切开的部分再进行各种分析处理。使用方法 : awk '{pattern + action}' {filenames}尽管操作可能会很复杂,但语法总是这样,其中 pattern 表示 AWK 在数据中查找的内...
2019-09-29 11:19:27 105
原创 LINUX信号掩码和信号处理函数
LINUX信号掩码和信号处理函数1、信号掩码——被阻塞的信号集每个进程都有一个用来描述哪些信号传送来将被阻塞的信号集,如果某种信号在某个进程的阻塞信号集中,则传送到该进程的此种信号将会被阻塞。当前被进程阻塞的信号集也叫信号掩码,类型为sigset_t。每个进程都有自己的信号掩码,且创建子进程时,子进程会继承父进程的信号掩码。2、信号阻塞和忽略的区别阻塞的概念与忽略信号是不同的:操作系统...
2019-07-11 22:25:19 460
原创 sighold,sigset,sigrelse,sigpause,sigignore
signal()功能:信号管理功能语法:#includevoid(*signal(sig,disp))(int)intsig;void(*disp)(int);void(*sigset(sig,disp))(int)...
2019-07-11 22:23:29 2009
原创 vuex 使用过程+ ...mapState+...mapMutation + localStorage
vuex使用过程: vuex官网连接按照官网的过程:从components开始-> actions->mutations->改变state创建一个src/store/index.js:先引入:vuex, vue中使用插件是用Vue.use(vuex), 输出一个Vuex.Store实例// state放公用数据//action放 异步操作或者批量处理同步操作 (简单情况...
2018-05-07 10:57:43 11305 2
原创 插件vue-awesome-swiper(----------vue轮播图绝佳Travel项目使用)
vue-awesome-swipervue-awesome-swiper资源地址:轮播图githubswiper2.x官方使用文档: swiper2官方文档API全部配置的说明文档: swiper3.x配置文档使用:1.先npm install依赖(我用的2.6.7版本)npm install vue-awesome-swiper@2.6.7 --save2.全局引入的方法: 在main.js...
2018-05-03 09:12:05 800
原创 eslint --报错no-tabs
vue项目eslint报错:[eslint] Unexpected tab character. (no-tabs)解决:在.eslintrc.js文件里添加: 'no-tabs': 'off'
2018-05-02 15:52:50 9380
原创 码云创建分支_上传到分支_合并分支(vue_Travel项目)
一.创建分支并在分支上进行项目组件开发1.在码云项目上点击"两个分支",进入创建分支,分支名为:index-swiper创建完成的图:2.此时本地是没有新分支的,所以要先在项目目录下git pull把分支拉下来:3.切换分支:git checkout index-swiper查看分支:git status 现在在这个分支上开发二.提交到分支上直接: git add .git commit -m ...
2018-05-02 15:50:37 37779
原创 Vue路由使用
Vue路由使用1.App.vue写上 <router-view>这句话是会去找当前路由下的内容(根据url),该去找路由配置项了->2./router/index.js(路由配置项)写路由配置项:{ path:'/' --地址(这个是根地址) name:' Home' --路由项的名字 component: Home --该地址下显示的组件的名字(不用引号)}组件要先在上面进行导入,这里...
2018-05-02 13:57:57 334
原创 Angular学习笔记-
1. angular添加input ,做双向绑定时遇到:解决措施: 在 app.module.ts 里面添加:import { FormsModule, ReactiveFormsModule } from "@angular/forms";@NgModule({ imports: [ FormsModule ] })...
2018-04-09 14:42:07 176
原创 float总结分析
参考: https://www.cnblogs.com/acorn/p/5249089.htmlCSS浮动(float,clear)通俗讲解很早以前就接触过CSS,但对于浮动始终非常迷惑,遇到一篇通俗的教程。 教程开始: 首先要知道,div是块级元素,在页面中独占一行,自上而下排列,也就是传说中的流。如下图: 可以看出,即使div1的宽度很小,页面中一行可以...
2018-03-28 17:09:40 251
原创 nvm 安装 node
nvm 安装 node github的nvm原文: https://blog.csdn.net/weibo392/article/details/77368550安装命令(当前最新版本是0.33.2,最新版本可以在此处查看):curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.33.2/install.sh | bash安...
2018-03-27 15:42:39 190
原创 JS遍历DOM树—(二叉树算深度优先遍历特例)
目录:二叉 DOM 树的遍历:前序,中序,后序多叉 DOM 树的遍历:广度优先搜索(队列),深度优先搜索(栈)二叉 DOM 树的前序、中序、后序遍历,是深度优先遍历的特例二叉 DOM 树的遍历[javascript] view plain copyfunction Tree() { var Node = function(key){ this...
2018-03-23 17:15:53 927
原创 JavaScript实现排序二叉树(数据结构)
被腾讯面试了2小时算法挂掉的前端不是好前端谁让前端JS那么火呢?SO 重新学习数据结构和算法吧!排序算法对前端来说非常重要!排序二叉树: 左子树小于根节点,右子树大于根节点,子树也满足这样的条件,这样的树叫做排序二叉树。所以JavaScript构建这样一个二叉树的过程如下:var BinaryTree = { var Node = function(){ }//定义二叉树的节点Node ...
2018-03-19 19:06:16 2248
原创 DocumentFragment() 创建碎片,减少reflow回流
js中的DocumentFragment() 纯增加性能的方法 |document.createDocumentFragment()说白了就是为了节约使用DOM。每次JavaScript对DOM的操作都会改变页面的变现,并重新刷新整个页面,从而消耗了大量的时间。为解决这个问题,可以创建一个文档碎片,把所有的新节点附加其上,然后把文档碎片的内容一次性添加到document中。 var oui=d...
2018-03-15 11:15:05 261
原创 css实现等边三角形(CVTE笔试题)
知识点: transform-origin: 设置基准点,结合transform使用也就是该元素围绕着那个点变形或旋转,该属性只有在设置了transform属性的时候起作用;没有使用transform-origin改变元素基点位置的情况下,transform进行的rotate,translate,scale,skew,matrix等操作都是以元素自己中心位置进行变化的。div{ borde...
2018-03-14 21:20:22 1417
原创 HTTP
应用层-- DNS域名系统 ,HTTP, FTP 文件传输协议传输层--TCP/UDP 网络中链接两个计算机数据传输,传输控制协议/用户数据协议网络层--处理流动的数据包,设置传输路线。IP协议链路层--网络的硬件部分,包括操作系统,硬件设备驱动,网卡,光纤,连接器等传输媒介。HTTP通信过程:1.用户在应用层(http协议)浏览器发送Web页面的HTTP请求,解析域名为ip2.在传输层(TCP...
2018-03-14 16:36:23 276
原创 前端基础知识
帧元素 (有窗口元素:select元素,object元素,插件 IFrame)> HTML元素优先(帧元素: )表单(文本区域,列表框,各种输入框) > 非表单元素浏览器显示中的HTML显示顺序也不一样,一般是从上到下显示。JS基本数据类型: NULL, Undefined,Number,String,Boolean( 两个不一般的null和undefined,三个NBS)在ht...
2018-03-12 21:23:30 294
原创 canvas画时钟
效果如上,可以获取当前时间显示,秒针可以动.1.文件结构:2.html:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <link rel="stylesheet" type="text/css" href="./
2018-03-07 17:22:26 314
原创 github命令清单
原文地址:点击打开链接一般来说,日常使用只要记住下图6个命令,就可以了。但是熟练使用,恐怕要记住60~100个命令。下面是我整理的常用 Git 命令清单。几个专用名词的译名如下。Workspace:工作区Index / Stage:暂存区Repository:仓库区(或本地仓库)Remote:远程仓库一、新建代码库# 在当前目录新建一个Git代码库$ git init# 新建一个目录,将其...
2018-03-07 10:32:37 160
原创 github-git push 出错
error: 无法推送一些引用到 'https://github.com/vickyxia/vue_sellfood.git'提示:更新被拒绝,因为远程版本库包含您本地尚不存在的提交。这通常是因为另外提示:一个版本库已向该引用进行了推送。再次推送前,您可能需要先整合远程变更提示:(如 'git pull ...')。提示:详见 'git push --help' 中的 'Note about fa...
2018-03-07 10:30:07 622
原创 vue实现todo应用总结
慕课网上的vue+webpack实现的TODO列表的开发,本人采用vue-cli方式进行项目初始化,后面可以修改webpack配置和安装响应的包等.用了部分es6语法.1.项目创建使用vue-cli创建(ps:vue-cli: 2.9.2版本):$npm init webpack vuetodo 进入项目目录:$ cd vuetodo下载依赖:$ npm install运行项目:$ np...
2018-03-06 19:44:29 2866
原创 使用stylus出错
引入新 footer.styl 和global.styl文件出现如下错误:webpack配置:最后出错还是没有解决,换成css写法了.
2018-03-06 17:05:45 1198
原创 sublime创建vue模板+高亮+快捷方式设置
原文网址本文介绍了 Sublime Text新建.vue模板并高亮(图文教程),分享给大家,也给自己留个笔记。准备工作下载安装新建文件模板插件 SublimeTmpl下载安装vue语法高亮插件 Vue Syntax HighlightSublime Text安装插件的方法有两种:1、使用Sublime Text自带的安装库 Package Control 去安装点击菜单栏的 Preferences...
2018-03-05 16:14:46 5999 1
原创 标准盒模型和IE怪异盒模型
以上几种DOCTYPE都是标准的文档类型,无论使用哪种模式完整定义DOCTYPE,都会触发标准模式,而如果DOCTYPE缺失则在ie6,ie7,ie8下将会触发怪异模式(quirks 模式)。首先定义一个div块用来演示标准模式和怪异模式的区别,以下是Css样式.box { width: 200px; height: 200px; border: 20px solid bl...
2018-03-02 14:29:22 6605 1
转载 es6快速入门
转载说明:原文地址 ES6快速入门上次分享了es6开发环境的搭建,本次接着分享es6常用的特性。1.变量声明let和const我们都是知道在ES6以前,var关键字声明变量。无论声明在何处,都会被视为声明在函数的最顶部(不在函数内即在全局作用域的最顶部)。这就是函数变量提升例如:function aa() { if(bool) { var test = 'hello man...
2018-02-28 21:19:05 227
原创 标准模式与混杂模式
标准模式与混杂模式DOCTYPE 的一个重要作用就是告诉浏览器,它该以何种模式呈现。我们通过document.compatMode这个属性来检测,当前页面处于何种模式:CSS1Compat:标准模式BackCompat:混杂模式在标准模式中,浏览器以其支持的最高标准呈现页面,;在混杂模式中,页面以一种比较宽松的向后兼容的方式显示。混杂模式通常模拟老式浏览器的行为以防止老站点无法工作。 模式触发浏览...
2018-02-27 18:58:14 589
原创 Doctype是什么与浏览器模式详解(标准模式&混杂模式)
Doctype是什么与浏览器模式详解(标准模式&混杂模式)DOCTYPE 的一个重要作用就是告诉浏览器,它该以何种模式呈现。我们通过document.compatMode这个属性来检测,当前页面处于何种模式:CSS1Compat:标准模式BackCompat:混杂模式Doctype是什么<!doctype>声明必须处于HTML文档的头部,在<html>标签之前,HT...
2018-02-27 18:57:27 289
原创 HTTP知识点总结
HTTP知识点总结最近互联网这个圈子不是很太平,继阿里缩招降薪,导致很多同学“被拥抱变化”之后,百度也宣布暂时停止社招了。于是有人疾呼“Winter is coming”,有人跟风有人反驳,一时唇枪舌剑,热闹得紧。不过身为一名技术人员,这些言论看看也就是了,市场或许真的会起变化,但也不见得是坏事,大浪淘沙,有能耐的总会留下。人常说站在风口,猪也能飞。如果风真的停了,那摔死的也就是些飞猪。像
2018-01-26 15:47:51 200
原创 图片上传存储数据库2种方法
数据库Mysql存储,读取图片在项目中,很多情况下都对图片的存储读取有需求,而图片怎样存入数据库的方式可谓是五花八门,现在就整理一下数据库与图片不可不说的关系。1,路径存储在数据库:数据库的存储资源是有限的,最起码比磁盘比起来花费会昂贵很多,不可能将图片视频等存入数据库,那么最有可能的就是中介了,即数据库中存入的只是图片或者视频的地址,路径等,并不存储真正的东西,需要的时候就去
2018-01-24 20:31:36 3339
原创 Nodejs爬虫--cheerio
cheerio解析html,通读cheerio API: 参考文档:http://cnodejs.org/topic/5203a71844e76d216a727d2e 通读cheerioAPIhttps://www.cnblogs.com/CraryPrimitiveMan/p/3674421.html nodejs博客http://blog.csdn.net/qq_212
2018-01-23 21:41:08 432
原创 call()和apply()
下面有关JavaScript中 call和apply的描述,错误的是?正确答案: B 你的答案: B (正确)call与apply都属于Function.prototype的一个方法,所以每个function实例都有call、apply属性两者传递的参数不同,call函数第一个参数都是要传入给当前对象的对象,apply不是apply传入的是一
2018-01-23 19:52:20 566
雷达RCSSwerling01234全套完整仿真代码
2019-02-19
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人