前端
FrontJS
只有尝试过,才知道自己想要的是什么。
展开
-
vue2.0之axios使用详解
axios基于 Promise 的 HTTP 请求客户端,可同时在浏览器和 node.js 中使用功能特性在浏览器中发送 XMLHttpRequests 请求 在 node.js 中发送 http请求 支持 Promise API 拦截请求和响应 转换请求和响应数据 自动转换 JSON 数据 客户端支持保护安全免受 XSRF 攻击浏览器支持安装使用 bower...转载 2018-10-21 09:41:41 · 265 阅读 · 0 评论 -
js数据类型
在 JavaScript 中有 5 种不同的数据类型:string 、number 、boolean 、object 、function 3 种对象类型:Object 、Date 、Array 2 个不包含任何值的数据类型:null 、undefined...原创 2018-09-17 17:07:43 · 133 阅读 · 0 评论 -
bootstrap响应式布局
<!DOCTYPE html><html><head> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>bootstrap响应式布局</title> <!-- 最新版本的 B原创 2018-08-21 15:17:46 · 239 阅读 · 0 评论 -
React入门笔记
shouldComponentUpdate接收props和state参数,当两者未改变时,将不跟新,updating和unmounting的方法一般不用重写原创 2018-08-20 23:41:08 · 120 阅读 · 0 评论 -
css3图片阴影--曲线阴影/翘边阴影
把box-shadow的x和y都设置为0,阴影从四边同时出现 设置box-shadow时注意浏览器兼容性 如果是正的 分别距离左边上面像素高度一般不设置阴影的距离 1.border-radius: 100px /10px; 水平方向半径 / 垂直方向半径2.设置盒子的宽高有两种方法第一种是直接设置width和height;第二种是设置position:absolut...原创 2018-08-08 15:07:53 · 1238 阅读 · 0 评论 -
css3实现曲线阴影的原理
https://www.imooc.com/video/5856曲线阴影的实现原理:先给图形设置一个主投影。在目标图形下方设置一个圆角图形,给它设置一个圆角阴影,将两个图形重叠,背景色相同,出现曲线阴影 ...原创 2018-08-08 14:23:45 · 512 阅读 · 0 评论 -
echarts入门学习
EChart.js 简单入门http://www.cnblogs.com/leoxuan/p/6511123.htmlEcharts 数据动态绑定http://www.cnblogs.com/leoxuan/p/6513591.html#3816982 ECharts.js 交互组件http://www.cnblogs.com/leoxuan/p/6520678.html...转载 2018-08-08 10:49:25 · 307 阅读 · 0 评论 -
前端页面调试
Google浏览器调试前端代码https://blog.csdn.net/jeryjeryjery/article/details/53843800 https://blog.csdn.net/ainuser/article/details/73550520转载 2018-08-08 10:34:03 · 428 阅读 · 0 评论 -
ajax全接触
不保留信息 json格式在线校验工具:https://jsonlint.com原创 2018-08-15 12:32:05 · 162 阅读 · 0 评论 -
浏览器在一次 HTTP 请求中,需要传输一个 4097 字节的文本数据给服务端,可以采用那些方式?
IndexdDB 是 HTML5 的本地存储,把一些数据存储到浏览器(客户端)中,当与网络断开时,可以从浏览器中读取数据,用来做一些离线应用。Cookie 通过在客户端 ( 浏览器 ) 记录信息确定用户身份,最大为 4 kb 。url 参数用的是 get 方法,从服务器上获取数据,大小不能大于 2 kb 。Session 是服务器端使用的一种记录客户端状态的机制 。post 是...原创 2018-09-14 13:58:09 · 2217 阅读 · 0 评论 -
前端实现页面跳转几种方式——面试
推荐使用<script language='javascript'> document.location = 'http://mail.qq.com/domain/longtimenosee.cc' </script> https://www.cnblogs.com/zlay0701/p/5820639.html https:/...转载 2018-09-25 19:53:52 · 2374 阅读 · 0 评论 -
axios用post提交的数据格式
vue框架推荐使用axios来发送ajax请求,之前我还写过一篇博客来讲解如何在vue组件中使用axios。但之前做着玩用的都是get请求,现在我自己搭博客时使用了post方法,结果发现后台(node.js)完全拿不到前台传来的参数。后来进过一番探索,终于发现问题所在。post提交数据的四种编码方式1.application/x-www-form-urlencoded这应该是最常见的pos...转载 2018-10-23 00:43:32 · 2023 阅读 · 0 评论 -
echarts中使用饼状图显示百分比
echarts-在现实标题中显示百分比如图:需要在标题显示所占百分比使用方式:图中标记部分 series : [{ name: '类型', type: 'pie', radius : '55%', center: ['50%', '60%'],...转载 2018-10-22 23:07:32 · 21403 阅读 · 1 评论 -
使用原生js和jQuery实现百度搜索
使用的百度搜索接口1、设置样式2、为input绑定keyup事件,从百度搜索接口获得热关键词3、点击关键字列表,可以跳转到相应的百度搜索界面实现思路:1、样式就不说了,直接上代码 <div id="main"> <div id="logo"></div> <form id="search-form"&原创 2018-09-30 14:08:17 · 707 阅读 · 0 评论 -
百度、Google、bing搜索接口
各种搜索接口https://blog.csdn.net/weixin_38362146/article/details/77834445转载 2018-09-29 20:43:18 · 16166 阅读 · 0 评论 -
使用原生js实现瀑布式加载图片
1、首先设置好容器,每张图片的宽度设置为固定宽度,高度自适应 <div id="main"> <div class="box"> <img src="images/0.jpg" /> </div> ………… ………… </div&a原创 2018-09-28 20:13:34 · 610 阅读 · 0 评论 -
五种实现三栏布局的方式,左右宽度固定中间自适应(一)——面试常考点
<!DOCTYPE html><html><head> <title>Layout</title> <style type="text/css"> html,*{ margin:0; padding: 0; } section{ margin-top: 20px; } /*原创 2018-10-11 11:49:38 · 586 阅读 · 0 评论 -
一个练手的企业级网页
最近在巩固html5、css3基础知识,所以今天趁着国庆,普天同庆的日子,来好好摩擦摩擦这是在慕课网学习的时候,由于自己设计感不是很好,所以借鉴了慕课网的练习素材,本文基本上没用到js代码地址:https://github.com/Steven37/EnterprisePage.git...原创 2018-10-01 21:07:22 · 593 阅读 · 0 评论 -
myFocus插件的使用——焦点图(轮播图)
官网网址http://demo.jb51.net/js/myfocus/原创 2018-10-01 11:03:57 · 256 阅读 · 0 评论 -
js闭包理解(四)
什么是闭包?先看一段代码:? 1 2 3 4 5 6 7 8 9 10 function a(){ var n = 0; function inc() { n++; console.log(n); } inc(...转载 2018-08-15 09:04:32 · 136 阅读 · 0 评论 -
js闭包理解(三)
闭包(closure)是Javascript语言的一个难点,也是它的特色,很多高级应用都要依靠闭包实现。 一、变量的作用域要理解闭包,首先必须理解Javascript特殊的变量作用域。变量的作用域无非就是两种:全局变量和局部变量。Javascript语言的特殊之处,就在于函数内部可以直接读取全局变量。Js代码 var n=999; function f1(){...转载 2018-08-15 08:58:36 · 155 阅读 · 0 评论 -
js闭包理解(二)
今天写些什么了,一般大家比较关心,尤其学JS的,就是又爱又恨的一个概念——闭包。 说老实话,这个概念大家百度可能会百度到一堆的答案,但真正能弄懂的又有几个了?在这里我不是打广告,到目前为止,对闭包描述最清晰正确的在《你不知道的javascript》一书中。而且这本书很适合各位对javascript这门编程语言深入了解。 说了这么多,那么闭包的定义到底是什么了。大家一定要注意,...转载 2018-08-15 08:46:13 · 128 阅读 · 0 评论 -
css3属性text-justify两端对齐
text-align:justify可以使文本的两端都对齐,在两端对齐文本中,文本行的左右两端都放在父元素的内边界上,然后,调整单词和字母的间隔,使各行的长度恰好相等。如果内容很少被拉开的距离太长,可以使用letter-spacing收缩一下字符间的距离。相信好多人在使用的时候会发现最后一行不管用,因为text-align:justify不对快内的最后一行文本做处理,所以当内容只有一行的时候也...转载 2018-08-06 11:41:00 · 1396 阅读 · 0 评论 -
css中rgba的使用
rgba(24,199,255,0.05)前面3个数是rgb值,最后一个参数是透明度,范围为0~1在设置边框和阴影的时候这样设置都可以用,不知道是不是所有需要使用颜色的地方都可以这样写???...原创 2018-07-25 18:16:24 · 1334 阅读 · 0 评论 -
box-shadow四个边框设置阴影样式
其实对于box-shadow,老白我也是一知半解,之前用的时候直接复制已有的,也没有仔细思考过box-shadow的数值分别对应什么,最后导致阴影的边如何自由控制,苦于懒人一个一直没有正式去学习,今天无意中看到以下这篇文章,瞬间清醒有木有,看完整片文章,对于box-shadow阴影四个边的设置完全了如指掌了,再也不怕修改box-shadow了!对于div边框的阴影一直没有很好地理解,也一直不明...转载 2018-07-25 18:12:34 · 3573 阅读 · 0 评论 -
jquery遍历数组/添加鼠标滑动事件-添加/移除属性
<!DOCTYPE HTML><html ><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>jquery遍历数组/添加鼠标滑动事件-添加/移除属性</title>原创 2018-07-25 18:10:03 · 703 阅读 · 0 评论 -
js实现多物体运动
<!DOCTYPE HTML><html ><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>多物体运动</title> <style type=&qu原创 2018-07-24 17:07:31 · 286 阅读 · 0 评论 -
js实现鼠标选择/键选下拉菜单
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>下拉菜单</title> <style type="text/css"> body,ul,li{原创 2018-07-24 16:41:20 · 1799 阅读 · 0 评论 -
透明度动画
<!DOCTYPE HTML><html ><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>透明度动画</title><style type="tex原创 2018-07-24 16:31:07 · 316 阅读 · 0 评论 -
js实现缓冲运动
<!DOCTYPE HTML><html ><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>缓冲运动</title> <style type="原创 2018-07-24 15:56:37 · 1104 阅读 · 0 评论 -
css中!important的用法
!important为开发者提供了一个增加样式权重的方法。应当注意的是!important是对整条样式的声明,包括这个样式的属性和属性值<style type="text/css">a{color:green!important;}#main a{ color:blue;}</style><div id="main"><a>!im...转载 2018-08-06 11:52:46 · 2360 阅读 · 0 评论 -
文本对齐属性text-justify
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>文本对齐</title> <style type="text/css">转载 2018-08-06 14:07:40 · 1643 阅读 · 0 评论 -
js闭包理解(一)
闭包是js中的一大特色,也是一大难点。简单来说,所谓闭包就是说,一个函数能够访问其函数外部作用域中的变量。 闭包的三大特点为:1、函数嵌套函数2、内部函数可以访问外部函数的变量3、参数和变量不会被回收。举例来说: function test(){ var a=1; return function(){ alert(a);...转载 2018-08-15 08:38:48 · 188 阅读 · 0 评论 -
js 彻底理解回调函数
一、前奏在谈回调函数之前,先看下下面两段代码: 不妨猜测一下代码的结果。function say (value) { alert(value);}alert(say);alert(say('hi js.'));1 2 3 4 5如果你测试了,就会发现:只写变量名 say 返回的将会是 say方法本身,以字符串的形式表现出来。而在变量名后加()如...转载 2018-08-15 08:33:07 · 4785 阅读 · 0 评论 -
transform-origin
transform-origin用来设置元素的运动基点,transfrom-origin:50% 50%表示元素运动基点在整个中心是个默认值。px代表元素运动离元素运动基点的距离。原创 2018-08-07 17:03:01 · 328 阅读 · 0 评论 -
js常见编程题
<!DOCTYPE><HTML><head> <title>js常见编程题</title> <style type="text/css"> </style></head> <body> <script ty转载 2018-08-14 23:20:59 · 813 阅读 · 0 评论 -
label标签加for与不加for属性的区别
wtt52800 label标签加for与不加for属性的区别w3c的标准用法 <form> <label for="male">Male</label> <input type="radio" name="sex" id="male" /> <br />转载 2018-08-07 11:19:48 · 10204 阅读 · 0 评论 -
js中的数组元素——undefined/NaN
原创 2018-08-14 18:55:25 · 3281 阅读 · 0 评论 -
javascript/html/css专项训练——错题集
1、下列哪个样式定义后,内联(非块状)元素可以定义宽度和高度正确答案: C 你的答案: A (错误)display:inlinedisplay:nonedisplay:blockdisplay:inherit 内联元素加上display:block;后被块级化。块级元素一般是其他元素的容器,可容纳内联元素和其他块状元素,块状元素排斥其他元素与其位于同一行,宽度(...原创 2018-08-14 18:36:10 · 1444 阅读 · 0 评论 -
初识SASS/SCSS、LESS
https://www.jianshu.com/p/bf641d9d979a转载 2018-08-02 09:35:55 · 188 阅读 · 0 评论