娇哥儿-CSDN博客

原创 vue-admin-template 二次开发日常记录

1.按照产品需求加tagsview，如图：实现方法：到你下载的项目的根目录下，找到settings.js文件，将文件中的tagsView: false 改成 true就可以啦！！！~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~buy the way，细心的小伙伴会发现，加了tagsview之后，就算右侧内容不够一屏的高度，还是有滚动条，这是为什么

2020-08-28 11:03:55 1584 1

原创 jforum二次开发 - 日常记录之部署安装

最近项目中要用到论坛，自己开发一整套前端加管理系统太麻烦了，于是就开始找各种开源论坛。真的是，不找不知道，还是太年轻。原来所谓的开源还是要和可以商用严格区分开的呀小伙伴们，好多开源的论坛在说明文件中都会说明，只支持个人或其他非商用用途，大家可以关注一下哦。嗯，淘了好久，最终选择了jforum：1.开发语言Java+jsp2.允许商用3.包括前端到管理系统一整套源码（有的只有前端部分，大家找的时候可以关注一下）4.目前生态还不错，前几天刚刚又升级了一版我选择jforum,主要是因为

2020-07-02 16:22:40 387 1

原创前端架构师 —— 前端知识体系

人到中年，时不时的开始思考人生。嗯~头发掉光之前，要么转型产品，前提是你有一定的思维逻辑能力，与客户沟通打交道的能力，并且公司有一个良好的环境让你尝试转型，因为没有一个公司会要一个没有任何经验的产品，而我们怎么说也是有3几年经验的程序猿，怎么能甘于从产品助理开始。【哼~】要么，转不了的童鞋，就看看前端架构的相关知识吧~我也是刚刚开始尝试，木有什么经验，有经验的童鞋，欢迎留下您宝贵的方法。感谢感谢。附大神的链接：https://blog.csdn.net/fair_feng/article/det

2020-06-09 13:31:35 563

转载公司发给你一个gitLab账号怎么配置项目

新到公司，公司同事发给一个gitlab的网站，以及账号，密码；1，首先登陆这个网站点击右侧的头像点击setting，如图2，下载并安装git点击git官网去下载，注意选择对应的版本。然后下载好后就是安装了一路不用更改任何东西一路next就安装好了安装好了，桌面点击右键会出现Git Bash Here，如下3，接下来打开git Bash输入，（复制的时候不要带$，...

2020-03-16 17:55:11 2151

原创 vue-element-admin 安装依赖 npm install 报错问题

从github上 download下来的项目，命令窗口进入项目文件夹下，执行命令 npm install 报错如下：如果你的报错信息类似（不一样我觉得也可以试一下，百度方法五花八门，说的很复杂，这个方法亲测有效又简单），那么执行如下命令：git config --global url."https://".insteadOf git://后重新 npm install 即可安装成...

2020-02-26 17:49:23 4571

转载 vue中Axios的封装和API接口的管理

一、axios的封装在vue项目中，和后台交互获取数据这块，我们通常使用的是axios库，它是基于promise的http库，可运行在浏览器端和node.js中。他有很多优秀的特性，例如拦截请求和响应、取消请求、转换json、客户端防御XSRF等。所以我们的尤大大也是果断放弃了对其官方库vue-resource的维护，直接推荐我们使用axios库。如果还对axios不了解的，可以移步axios...

2020-01-15 17:39:34 160

转载 vue项目部署至nginx&踩坑记

2019-10-31 17:57:38 2231

转载前端构建工具之争——Webpack vs Gulp 谁会被拍死在沙滩上

原文链接：https://www.cnblogs.com/iovec/p/7921177.html前端构建工具之争——Webpack vs Gulp 谁会被拍死在沙滩上阅读目录理想的前端开发流程 Gulp 为何物 webpack 又是从哪冒出来的结论文章有点长，总共 1800 字，阅读需要 18 分钟。哈哈，没耐心的直接戳我到高潮部分。理想的前端开发流程在说构建工具之...

2019-10-16 16:00:31 244

转载 Vue 页面刷新，状态数据丢失问题

在做vue项目的过程中有时候会遇到一个问题，就是进行F5页面刷新的时候，页面的数据会丢失，出现这个问题的原因是因为当用vuex做全局状态管理的时候，store中的数据是保存在运行内存中的，页面刷新时会重新加载vue实例，store中的数据就会被重新赋值，因此数据就丢失了，解决方式如下：解决方法一：最先想到的应该就是利用localStorage/sessionStorage将数据储存在外部，...

2019-10-15 11:56:08 942

转载 vue从零开始搭建一个项目

原文链接：https://www.cnblogs.com/haitaoli/p/10304193.html如何搭建一个vue项目(完整步骤)参考资料一、安装node环境　　1、下载地址为：https://nodejs.org/en/　　2、检查是否安装成功：如果输出版本号，说明我们安装node环境成功　　　　3、为了提高我们的效率，可以使用淘宝的镜像：http:/...

2019-09-29 10:21:31 297

转载使用Ajax和history.pushState()实现无刷新改变页面内容和地址栏Url

解决问题之前浏览器是如何记录访问历史并实现前进与后退的？浏览器是通过 window对象的 history对象来对浏览器历史访问记录，从而可以实现前进和后退。history对象可以理解其保存了一个有序的列表对象，每个对象都代表了一个页面信息（包括页面的url等信息），注意当前页面也被保存在里面。这样就可以通过浏览器本身提供的前进和后退按钮来操作，也可以利用javas...

2019-08-08 17:28:51 387

原创微信浏览器（jssdk）自定义分享按钮，自定义链接，图片，描述等

项目中遇到的需求如下：页面1：one.html 中通过微信浏览器右上角自带的分享，将页面2:two.html分享出去。微信浏览器以及其他各种浏览器自带的分享默认分享的是本页面地址，第一张图片作为封面，描述可能是一个链接或其他，看浏览器而定。所以，想要指定自己的分享链接封面以及缩略图，需要对分享进行自定义。微信浏览器自定义分享，通过微信公众平台提供的jssdk，具体如下：1.配置微信JS...

2019-07-26 09:41:21 3150 1

转载 javascript 事件机制，同步异步

转载自：https://juejin.im/post/59e85eebf265da430d571f89，为了记录方便学习。这一次，彻底弄懂 JavaScript 执行机制本文的目的就是要保证你彻底弄懂javascript的执行机制，如果读完本文还不懂，可以揍我。不论你是javascript新手还是老鸟，不论是面试求职，还是日常开发工作，我们经常会遇到这样的情况：给定的几行代码，我们需要...

2019-04-28 14:54:00 563

转载回调函数的运用

摘自大神，留下学习。在Javascript中，函数是第一类对象，这意味着函数可以像对象一样按照第一类管理被使用。既然函数实际上是对象：它们能被“存储”在变量中，能作为函数参数被传递，能在函数中被创建，能从函数中返回。因为函数是第一类对象，我们可以在Javascript使用回调函数。在下面的文章中，我们将学到关于回调函数的方方面面。回调函数可能是在Javascript中使用最多的函数式编程技...

2019-03-28 10:56:47 207

转载 vue 动态设置微信浏览器标题

分两种情况，第一种你事先已经定义好了 title，比如首页啊什么的，第一种你事先已经定义好了 title，比如首页啊什么的，第一种： 1-1、首先我们需要给路由设置 title 1-2、在main.js 文件写入下面的代码这样就设置好了，第二种： 2-1、安装一个插件 (没有安装 cn...

2019-02-25 14:26:04 2064 1

转载 JavaScript 预编译：函数声明提升，变量声明提升

我们都知道 js 中函数声明会提升，变量声明会提升（赋值不提升）。那为什么会这样呢，这就涉及到 js 预编译。js 运行三部曲语法解析——检查有无语法错误；预编译；解释运行——将 js 翻译成计算机识别的语言（0 和 1组成的），翻译一行执行一行。预编译什么时候发生预编译不仅发生在函数体内，还发生在全局；预编译发生在函数或代码执行前一刻。说预编译之前有两点需要我们记住暗示全局变...

2019-01-02 11:51:14 198

转载图解Js event对象offsetX, clientX, pageX, screenX, layerX, x区别

通过 3 张图和 1 张表格，轻松区别 JavaScript Event 对象中的offsetX, clientX, pageX, screenX, layerX, x等属性。一、测试代码如下：<!DOCTYPE HTML> <html lang="zh-cn"> <head> <meta charset="utf-8" /&gt...

2018-12-20 10:22:35 160

转载事件冒泡事件捕获事件委托

事件流　　JavaScript与HTML之间的交互是通过事件实现的。事件，就是文档或浏览器窗口中发生的一些特定的交互瞬间。可以使用侦听器来预订事件，以便事件发生时执行相应的代码。　　事件流的起源：就是在浏览器发展到第四代的时候，浏览器开发团队遇到一个问题：页面的哪一部分会拥有某个特定的事件？要明白这个问题问的是什么，可以想象画在一张纸上的一组同心圆。如果你把手指放在圆心上，那么你的手指指向的...

2018-08-30 16:59:24 144

原创 cookie存储用户登录状态并且修改导航内容（欢迎***），实现部分导航点击后判断未登录则跳入登录页面

通常情况下，我们的导航右侧显示内容要根据登录状态改变，例如：未登录则显示登录注册，登录后则显示欢迎***，实现方法有很多种，可以前端实现，也可以后端实现，前端实现的方法也很多，session，cookie，或者直接用jquery的插件，比如cookie.js；作为一个前端小白，尽量自己解决，多写就会多学到东西的呀！下面是我通过百度，总结的方法，很简单，希望能够一起分享！cookie方法：...

2018-08-06 15:45:12 4210

原创 jquery.cookie.js 每天首次打开页面时弹出广告

①去jquery官网下载 jquery库文件以及 jquery.cookie.js；②引入：<script type="text/javascript" src="js/jquery-1.10.2.min.js"></script> <script type="text/javascript" src="js/jquery.c.

2018-08-03 15:01:22 3085

转载 jQuery实现jQuery-form.js实现异步上传文件

做为一个前端开发，你肯定遇到过这样的需求：异步上传文件，还要兼容IE 8。[纳尼，没遇到过，那你们产品和ＵＩ对你也忒好了吧。遇到这种需求，如果项目不是很赶，可以自己用iframe来做，如果项目比较赶的话，就可以使用jquery-form.js插件来实现，方便快捷。一、举个栗子1.先下载 JQuery-form.js文件并引入,也可以使用CDN，因为是jquery插件，所以需要先引入jq...

2018-07-30 18:04:36 152

转载 ajax 或session方法判断页面是否登录，并跳转至相应页面

方法一：讲述了jQuery基于ajax实现页面加载后检查用户登录状态的方法。分享给大家供大家参考，具体如下：拥有会员功能的网站，如果会员已经登录，那么要显示相应的登录状态，而且这种显示的需求是在网站的每个页面都有的（目前国内网站貌似都是这么做的，还没有见过其他形式的状态显示方式），这样，在打开一个新的页面时就要知道这个会员是否已经登录，需要判断登录的状态。1、解决方案。为了能够实现在每...

2018-07-18 17:52:20 9559 2

转载 AJAX 跨域请求 - JSONP获取JSON数据

Asynchronous JavaScript and XML (Ajax ) 是驱动新一代 Web 站点（流行术语为 Web 2.0 站点）的关键技术。Ajax 允许在不干扰 Web 应用程序的显示和行为的情况下在后台进行数据检索。使用 XMLHttpRequest 函数获取数据，它是一种 API，允许客户端 JavaScript 通过 HTTP 连接到远程服务器。Ajax 也是许多 mashu...

2018-07-16 16:13:58 136

转载 (转载)IE8+兼容经验小结

本文分享下我在项目中积累的IE8+兼容性问题的解决方法。根据我的实践经验，如果你在写HTML/CSS时候是按照W3C推荐的方式写的，然后下面的几点都关注过，那么基本上很大一部分IE8+兼容性问题都OK了（这里的IE8+主要是指IE8，据个人目测，IE9+的渲染效果已经非常好了）。前期准备测试IE兼容性必须要在Windows中测，而且是Win7+，因为WinXP最高只支持IE8，IE9就呵呵啦！大部...

2018-07-13 18:56:06 87

转载 ajax提交登陆数据并检验

注意：formdata不兼容IE10以下，如果要兼容性使用jquery.form.js！1.前台ajax数据提交 1 <form id="login_form" action="" method="POST"> 2 <div class="login_frame" style="position:relative";> 3

2018-07-10 17:34:01 485

转载用AJAX实现页面登陆以及注册用户名验证

AJAX即“Asynchronous Javascript And XML”（异步JavaScript和XML），是指一种创建交互式网页应用的网页开发技术。 AJAX 是一种用于创建快速动态网页的技术。其核心是 JavaScript 对象 XMLHttpRequest。该对象在 Internet Explorer 5 中首次引入，它是一种支持异步请求的技术。简而言之，XMLHttpR...

2018-07-10 17:28:17 760

转载圆角兼容IE8 pie.htc

一、首先需要下载一个文件PIE.htc链接：http://pan.baidu.com/s/1mhRS7Le 密码：cd3n二、使用例子1、引入文件。注意PIE.htc文件和css文件要放在同一个目录下；2、在css元素中加上 behavior:url(pie.htc);3、可以愉快的写css hack啦，这时需要的圆角平移等等各种css3属性在ie8上都可以展示出来附代码[html] view...

2018-07-05 14:33:00 717 3

转载 rgba 兼容性处理

根据caniuse（http://caniuse.com/#search=rgba），rgba兼容性为IE9以及以上浏览器。实例代码： 1 <!doctype html> 2 <html lang="en"> 3 4 <head> 5 <meta charset="UTF-8" /> 6 <

2018-07-05 14:13:29 857

原创 ajax实现点击按钮从后台获取数据以表格显示内容

<!DOCTYPE html><html><head><meta charset="utf-8"><script>function loadXMLDoc(url){var xmlhttp;var txt,x,xx,i;if (window.XMLHttpRequest) {// code for IE7+, Firefox, Chrom...

2018-07-05 10:34:00 8058

原创 ajax 完整步骤多处使用ajax，封装函数调用

<!DOCTYPE html><html><head><meta charset="utf-8"><script>var xmlhttp;function loadXMLDoc(url,cfunc){if (window.XMLHttpRequest) {// IE7+, Firefox, Chrome, Opera, Safari 代...

2018-07-04 17:47:50 938

转载前后端登录接口数据的传递

var xmlhttp;if (window.XMLHttpRequest){//IE7+, Firefox, Chrome, Opera, Safari xmlhttp=new XMLHttpRequest();}else{// IE6, IE5 xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");}//上面的http请求对象的生...

2018-07-03 16:17:13 3646

转载移动终端H5页面meta标签的设置案例

一、天猫<title>天猫触屏版</title><meta content="text/html; charset=utf-8" http-equiv="Content-Type"><meta charset="utf-8"><meta content="width=device-width, initial

2018-06-14 10:36:06 213

weixin_42235965的博客