2018年08月_Charles_Tian

转载 Vue2.0的三种传值方式实例介绍

原文出处：https://blog.csdn.net/lander_xiong/article/details/79018737Vue2.0 传值方式：在Vue的框架开发的项目过程中，经常会用到组件来管理不同的功能，有一些公共的组件会被提取出来。这时必然会产生一些疑问和需求？比如一个组件调用另一个组件作为自己的子组件，那么我们如何进行给子组件进行传值呢？如果是电商网站系统的开发，还会涉及到...

2018-08-31 09:35:27 602

原创 form表单提交数据（包括文字和图片）实例

一般来说，form表单提交数据的方式，也就是请求数据到服务器是与传统利用路径api去get或post一个请求到服务器是不一样的，下面就来探讨下关于form表单提交数据至服务器到底是怎么实现的。话不多说，上代码：HTML部分： <form id="uploadForm" method="post" action="" enctype="multipart/form...

2018-08-30 12:49:04 19537 1

原创关于作用域和js执行机制的一道面试题

题目： var funcs = [] for (var i = 0; i < 10; i++) { funcs.push(function() { return i; }) } funcs.forEach(function(func) { console.log(func()); })这题输出多少呢？答案...

2018-08-29 09:26:49 1242

转载 js事件循环机制

原文链接：https://blog.csdn.net/sjn0503/article/details/76087631面试题如下：console.log('start')const interval = setInterval(() => { console.log('setInterval')}, 0)setTimeout(() => { cons...

2018-08-28 12:11:57 265

原创 vue之使用iview插件实现列表展示或table展示

iview学习地址：https://www.iviewui.com/1.iview了解；开发过项目后台管理系统的人都知道，很多数据都是呈一个列表的形式展现给管理员，或者以各种图展现。就比如，用户数据和一些优惠券信息等都需要以一个列表的形式展现给管理员；再就是一些用户的消费情况会以曲线图、折线图、柱状图等展示给管理员，用于用户分析，方便推荐。而在开发后台管理系统中，基本上都是很多前端人员参与...

2018-08-23 15:14:27 39570 4

原创 js将视频或音频的时长转化为标准化的xx:xx:xx格式

1.有的时候后台返回的视频或音频时长是以秒为单位的，就比如一段音频的时长为300s，但是在前端页面展示的时候，为了用户体验，是要将时长转化为标准格式，即00:05:00的格式；2.那么下面就来封装一个格式化时长的函数；JS： function formatDuraton(time){ if(time > -1){ ...

2018-08-22 09:52:52 3225

原创 js将网络链接动态生成二维码示例

1.首先要下载qrcode.js文件，可自行百度搜索下载；2.在使用的文件中引入：<script src='js/qrcode.js'></script>因为在JS代码我用的是JQuery的写法，所以如果想避免其他不必要的麻烦，可再下载一个JQuery的插件，然后引入：<script src='js/jquery.min.js'></scr...

2018-08-22 09:46:25 2672

原创键盘按钮keyCode简记法

1.简记法如下图：2.调用：1）组合键示例：if ((window.event.ctrlKey) && (window.event.keyCode==49)){ alert("您按下了CTRL＋1键");} 2）获取用户按下的键的keyCode：<body><input type="text" onkeydown="re...

2018-08-20 16:31:06 717

原创 HTTP知识整理之HTTP报文

知识来源：HTTP权威指南HTTP报文是简单的格式化数据块。它由三个部分组成：（1）对报文进行描述的起始行；（2）包含属性的首部块；（3）可选的、包含数据的主体部分。下面给出一个服务器返回给客户端的响应报文示例图：另外需要提起的是，起始行和首部是由行分隔的ASCII文本。即每行都以一个由两个字符组成的行终止序列作为结束，其中包括一个回车符（ASCII码13）和一个换...

2018-08-20 15:42:00 313

转载 js实现复制文本内容到剪切板

原文出处：https://blog.csdn.net/github_36091081/article/details/77508710该方法可兼容所有浏览器。代码如下：HTML:<div cols="20" id="biao1">12345678</div><input type="button" onClick="copyUrl2()" va

2018-08-15 15:02:07 3792

原创 js实现文章或个人动态发布了多久的时间描述：几分钟前，几小时前，几天前等

一般来说，为提高用户体验，在某些管理文章或个人动态时，需要在右下角显示该文章或该动态已经发布了多久。那么该需求具体到底怎么实现呢？如果没思路可能会觉得有点难，但是一旦有了思路之后，其实实现起来很简单。1.首先我们要明确显示的时间层具体有几层；2.要明确年月日时分秒的获取和相互之间的单位换算；3.怎么用逻辑去判断，去返回详细的时间描述。理解上面三个步骤之后，我们来实现一下简单的需...

2018-08-15 12:02:16 2922

原创怎么在项目众多文件中精确定位到标签的class名和id名

1.在查找HTML中的标签或者查找标签里的id或者class的时候，一定要注意，在浏览器虽然能看到元素的id名和class名，但就是在项目文件中查找不到id名或者class名的时候，这时千万不要以为项目中没有这个文件或者没有id名和class名，因为很多编程高手都习惯将id名和class名是以字符串拼接的方式生成的这时，因为定位不到id名和class名，查找最好的办法就是查找它的上级元素，一级...

2018-08-09 18:04:41 1408

原创调用接口时，路径加斜杠“/”和不加的区别

一般来说，网站的请求路径不能有一丝的差错，不管是大小写还是各种符号。而今天记录下访问路径当中的斜杠有什么作用。首先我们以深大为例：www.szu.edu.cn而我们在浏览器地址栏输入：www.szu.edu.cn和www.szu.edu.cn/都可以访问到深大官网的首页，不知道这里大家有没有思考过为什么？从事前端的童鞋应该知道，如果直接搜索域名，进入网站之后会被重定向或直接...

2018-08-09 10:05:13 5861 2

原创 JQuery将多个动态对象(属性名相同，值不同)push进同一个数组，结果打印出的数组元素是同一个对象

先上出现的问题图(vue框架)：<div id="sortable"> <li class='gray' v-for="(item,idx) in keywords_list" :id="item.kid"> <span>{{idx + 1}}</span> <span&

2018-08-08 11:01:02 7091 3

原创利用Wampserver64和wordpress创建虚拟服务器

1.下载Wampserver64并安装（这里建议安装在D盘，千万不要安装在C盘），安装的时候一直选择默认选项即可；2.下载完成之后，然后把你的项目代码放进目录：wamp64/www下面；3.打开wampserver之后，它的图标显示绿色就说明服务启动成功，在浏览器地址栏输入：localhost，会出现以下信息：4.首先先不看Your Projects和Your VirtualHos...

2018-08-06 19:13:56 683

原创应用在vue项目里的axios使用方法

1.首先要安装axios，在你项目目录下安装axios。在命令行里输入：npm install axios；2.然后要在main.js的入口文件里引入以下代码；import axios from 'axios'axios.defaults.baseURL = url;//这里写上自己的基础url，例如www.csdn.comVue.prototype.$axios = axi...

2018-08-01 15:08:19 6401

Charles_Tian的博客