- 博客(169)
- 收藏
- 关注
RSS订阅
原创 前端之js基础
1、创建变量的方式 var es3 function es3 let es6 const es6 import es6 class es62、数据类型 基本数据类型（值类型） null、undefined、string、number、boolean null 空，变量声明，后面需要赋值，作用：占位 u...
2019-06-02 12:03:46
3563
2
原创 前端之javascript总结
1、javascript 单线程，同步执行（一个等一个，一个完成在执行下一个）2、变量、函数声明提前 变量定义会声明提前，赋值留在原地，后面会覆盖前面 函数是一等公民,会提前到函数之前,定义赋值同步提升3、函数名指针，指向一个地址（存储空间）:堆内存 （先进先出）4、函数执行会将上下文压入执行环境栈:栈内存(先进后出，后进先出)5、变量和函数会在不用的时候，或者浏览器关闭的时候自...
2019-01-14 19:40:00
261
原创 前端之js - 函数节流
resize，scroll，hover等js事件触发时绑定的方法会被频繁调用，致使页面产生性能问题，所以我们使用函数节流来解这个决问题 //scroll方法中当间隔时间大于2s，do somthing执行一次 window.addEventListener('scroll',function(){ var timer ;//使用闭包，缓存变量 var startTime =...
2019-03-27 20:13:53
475
原创 前端框架之vue
一、vue 项目环境与搭建1、安装node.js2、npm install --global vue-cli 全局安装vue脚手架3、vue init webpack vue_project 使用脚手架创建项目4、cd vue_project 进入项目5、npm install 安装依赖6、npm r...
2019-03-17 13:54:50
378
原创 前端之框架-vue常用方法
路由跳转传参： 1、this.$router.push({name:'路由命名',params:{参数名:参数值,参数名:参数值}}) 2、this.$router.push({path:'路由命名', query:{ 参数名:参数值 } }) 路由跳转接收 1、this.$route.params.参数名 2、this.$...
2019-03-01 12:42:52
351
原创 前端之js-懒加载
实现思路：先将所有图片的路径存放在自定义属性中，到达位置（图片距离页面顶部的距离小于滚动过的距离+屏幕视口的高度），将自定义属性中的路径重新赋给图片的路径，展示到页面中 var num = document.getElementsByTagName('img').length; var img = document.getElementsByTagName("img"); /...
2019-03-01 11:39:29
544
转载 前端之js-上拉加载
实现思路：当滚动过的高度+一屏幕的高度 = 文档总高度，实现加载 //获取滚动条当前的位置 function getScrollTop() { var scrollTop = 0; if(document.documentElement && document.documentElement.scrollTop) { ...
2019-03-01 11:32:38
332
原创 前端之http
一、什么是HTTP？ HTTP是超文本传输协议，计算机之间要通信，必须遵循协议的规则。二、HTTP工作过程？分为以下三个步骤： 1、HTTP客户端发起请求，创建端口。 2、HTTP服务器在端口监听客户端请求。 3、HTTP服务器向客户端返回状态和内容三、常用响应状态码： 200：请求被正常处理。 304：服务器端资源未改变，可直接使用客户端未过期的缓存。 400：请...
2019-03-01 11:18:34
168
原创 前端之URL输入到页面过程
URL输入到页面过程分为以下几步: DNS 解析:将域名解析成 IP 地址 TCP 连接：TCP 三次握手 发送 HTTP 请求 服务器处理请求并返回 HTTP 报文 浏览器解析渲染页面 断开连接：TCP 四次挥手...
2019-03-01 11:15:06
778
原创 前端之浏览器渲染
浏览器渲染过程：1、解析HTML生成DOM树。2、解析CSS生成CSSOM规则树。3、将DOM树与CSSOM规则树合并在一起生成渲染树。4、遍历渲染树开始布局，计算每个节点的位置大小信息。5、将渲染树每个节点绘制到屏幕。...
2019-03-01 11:09:15
182
原创 前端之css - 回流与重绘
回流与重绘定义:当render tree中的一部分(或全部)因为元素的规模尺寸，布局，隐藏等改变而需要重新构建。这就称为回流(reflow)。每个页面至少需要一次回流，就是在页面第一次加载的时候。在回流的时候，浏览器会使渲染树中受到影响的部分失效，并重新构造这部分渲染树，完成回流后，浏览器会重新绘制受影响的部分到屏幕中，该过程成为重绘。当render tree中的一些元素需要更新属性，而这些属...
2019-03-01 10:57:23
512
转载 前端之css-BFC
BFC 定义 BFC(Block formatting context)直译为"块级格式化上下文"。它是一个独立的渲染区域，只有Block-level box参与， 它规定了内部的Block-level Box如何布局，并且与这个区域外部毫不相干。BFC布局规则： 内部的Box会在垂直方向，一个接一个地放置。 Box垂直方向的距离由margin决定。属于同一个BFC的两个相邻Box的...
2019-03-01 10:43:45
198
原创 前端常用方法
function remove(arr,item){ if(arr.length){ var index = arr.indexOf(item); if(index>-1){ return arr.splice(index,1) } }}
2019-02-27 10:46:29
227
原创 echarts绑定数据
当统计维度复杂，并且后台无法返回前端需要的数据格式时，需要前端进行数据格式的转换，展示相应的统计图实现思路： 1、循环提取year作为横坐标 2、循环提取图例数据，构建二维数组 3、解析二维数组，转换为echarts识别的格式，渲染页面 function changeData(originData, url,nextUrl,subject,id,searchOb...
2019-02-26 12:01:07
1943
原创 echarts柱状图下钻
<!DOCTYPE html><html style="height: 100%"> <head> <meta charset="utf-8"> </head> <body style=
2019-02-25 20:40:33
2947
原创 echarts组织架构图
echarts中常用：title,xAxis,series <!DOCTYPE html> <head> <meta charset="utf-8"> <title>ECharts</title> </h
2019-02-25 20:35:19
5353
原创 前端之IE-tester测试工具
下载链接：http://www.ietester.cn/1.问题：打开IE6出现崩溃解决步骤：在弹出的IETester己停止工作的下面有一个“查看详细”，下面会报告出错误的详细信息。其中故障模块名称为"jsproxy.dll".而jsproxy.dll是负责http代理处理的。所以问题应该发生在代理上。解决方案：打开浏览器中，点击菜单：工具>Internet选项>连接>局域...
2018-10-10 12:55:07
312
原创 前端之HTML-多个Img标签之间的间隙处理方法
1.多个标签写在一行<img src="1.jpg" height="100px"/><img src="1.jpg" height="100px"/>2.将要闭合标签的地方与开始标签的地方重合<img src="1.jpg" height="100px"/><img src
2018-10-05 20:29:30
1351
原创 前端之jquery-jQuery中$(function(){})与（function($){})(jQuery)、$(document).ready(function(){})区别
1.（function($){...}）(jQuery); （1）、原理： 这实际上是匿名函数，如下： function（arg）{...} 这就定义了一个匿名函数，参数为arg；而调用函数是，是在函数后面写上括号和实参的，由于操作符的优先级，函数本身也需要用括号，即(function(arg){...})(param) 这就相当于定义了一个...
2018-09-29 11:14:48
1770
原创 前端之实战-引入百度地图
步骤如下：1.打开百度地图生成器，地址：http://api.map.baidu.com/lbsapi/creatmap/index.html2.在“定位中心点”中，切换城市，查找具体位置；3.在“设置地图中”，按照自己的喜好修改地图的外观（可以修改地图的宽高，地图的缩放状态等）；4.在 “添加标注”中，添加自己想要标注的位置和信息；5.在“第二步获取代码”中，点击“获取代码”按钮；6...
2018-09-29 11:02:53
2838
原创 现代前端技术
1.为什么使用doctype doctype是文档类型声它就是告诉浏览器，使用哪种规范来解释这个文档中的规范。你知道如果没有它，浏览器在渲染页面的时候会使用怪异模式（各个浏览器在怪异模式下对各个元素渲染时有差异，因此会导致同一个样式在不同浏览器上看到的效果不同）。浏览器按照自己的方式解析渲染页面，那么，在不同的浏览器就会显示不同的样式。如果你的页面添加了&amp;lt;!DOCTYPE htm...
2018-09-21 15:05:05
186
原创 angular实现git比较功能
1.数据结构 1.基准数组 2.比较数组2.实现思路： 1.基准数组中的对象，不在比较数组中，比较数组中相同位置添加红色删除的基准数组中的对象 2.比较数组中的对象，不在基准数组中，基准数组中相同的位置添加空对象 3.基准数组中的对象和比较数组中的对象相等（名称、数量），未发生改变，不变色 4.基准数组中的对象和比较数组中的对象相等（名称、数量）...
2018-09-14 14:16:59
201
原创 angular ng-file-upload文件上传
1.所需要的js文件<script src="angular(.min).js"></script><script src="ng-file-upload-shim(.min).js"></script> <!-- for no html5 browsers support --><script src=&q
2018-09-14 11:41:19
1477
原创 前端之浏览器兼容
1.常见的主流浏览器1）主流浏览器 Internet Explorer、 Safari、Mozilla Firefox、 Google Chrome、Opera、百度、360、搜狗、傲游2）最早的浏览器 :Mosaic / Netscape Navigator(网景领航者)（1994-2008）简称NN2.五大浏览器内核Trident （MSHTML） （三叉戟；三叉线；...
2018-08-30 13:29:28
238
原创 前端之js求和
var arr=[1,2,3,,4,5,6,7,8,9,10];//将每个元素求和共10种方法： var sum1 = 0; for (var i = 0; i < num.length; i++) { sum1 += num[i]; } console.log(sum1); var sum2 = 0; for(var ...
2018-07-28 15:05:20
2974
原创 前端之javascript计算器
<!DOCTYPE html><html lang="en"><head> <meta charset="utf-8"> <title>计算器</title> <style> /*Basic reset*/*{ margin:0; pad
2018-07-28 14:58:50
179
原创 前端之动态table
var jsonHead=[ { "name": "操作" }, { "name": "类型" }, { "name": "名称" }, { "name": "状态" }, {
2018-07-22 21:52:24
512
原创 获取URL问号后的参数值
//获取URL问号后的参数值function getQueryString(name) { var reg = new RegExp('(^|&)' + name + '=([^&]*)(&|$)', 'i'); var r = window.location.search.substr(1).match(reg); if (r != null) ...
2018-07-22 17:17:13
4024
1
原创 前端之angular-$q
q是angular的一种内置服务,通过q是angular的一种内置服务,通过q是angular的一种内置服务,通过q实现异步操作，使用步骤如下：var deferred = $q.defer();// 定义延时对象deferred.resolve(data); // 执行成功，即http请求成功数据 deferred.reject(data); // 执行失败，即服务器返回错误数...
2018-07-18 18:45:45
154
原创 前端之angular-factory
factory通过工厂模式创建自定义服务,测试代码如下：js代码：var app = angular.module('myApp', []);app.controller('customersCtrl', function($scope,add1,addFactory) { $scope.num=add1(5); $scope.num1=addFactory.add1(6);...
2018-07-18 17:12:15
402
原创 前端之angular常用方法
<!DOCTYPE html><html><head><script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.3.14/angular.min.js"></script> <meta charset="utf-8"> &
2018-07-15 22:42:04
251
原创 前端之git操作
常见git 命令如下：git clone 克隆文件git pull 下拉文件git push 上传git add 将文件放暂存区git commit -m &amp;quot;change&amp;quot; 修改备注git branch 查看本地分支git branch -a 查看远全部分支git branch -r 查看远程分支git checkout 切换本地分支git checkout -b 创建本地分...
2018-07-14 21:59:09
320
原创 前端之浏览器滚动进度条
代码如下：&lt;body&gt; &lt;div class="progress"&gt;&lt;/div&gt;&lt;/body&gt;&lt;style&gt;.progress{ position:fixed; top:0; left:0; height:
2018-07-01 17:51:29
605
原创 前端之编辑器Hbuilder设置sass、less
HBuilder工具-预编译器设置1.选择.less，全局安装less,打开cmd,2.输入npm install less -g3.安装成功后点击编辑后选择智能完成,确定即可4.选择.sass,.scss，打开cmd,5.输入 gem sources --remove https://rubygems.org/ gem sources -a https://rub...
2018-07-01 13:50:39
435
原创 前端之loading效果实现
首先分享两个loading的网站，https://loading.io/，https://icons8.com/preloaders/，可以在网站上找loading，也可以自己用css实现loading效果，css浏览器前缀可以通过http://autoprefixer.github.io/这个网站转换接下来直接上代码html:&amp;lt;div class=&quot;loading&quot;&amp;gt; ...
2018-07-01 13:19:31
3368
原创 前端之常用正则表达式
正则表达式1.去除特殊字符var str="@#$%123*"; str=str. replace(/[\@\#\$\%\^\&\*\{\}:\"\L\<\>\?]/g,'') alert(str);
2018-05-08 18:45:56
266
原创 jquery常用插件
jquery 插件1.fancybox fancybox.net 弹窗2.number-slidershow 幻灯片3.jquery-ui 3.1 droppable 拖拽 3.2.according 手风琴 3.3.dialog 对话框4.datepicker 日期5.jqchart chart6.jplaye...
2018-05-05 15:59:08
129
原创 angular 小记
angular MVC框架具有模型，控制器，视图三者构成，具有双向数据绑定的特点，较传统dom相比减少操作DOM元素，具有一个些ng为前缀的方法，例如ng-if ，ng-repeat,ng-show,ng-hide,ng-click,ng-disabled,ng-class等，也可以自己定义指令（directive），方法(factory)，亦可定义模板template,以下代码为demo,以供大...
2018-04-22 20:50:44
177
原创 前端之编辑器pycharm 2018.1.4
在激活界面的License server输入：http://idea.liyang.io2018.4.14 update 选择License server激活，然后填入：http://im.js.cn:8888 或 http://idea.java.sx/，然后点Activate激活即可...
2018-04-14 08:31:09
1433
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人