前端技术
关注
分享
扫一扫
文章平均质量分 61
斷了De弦
这个作者很懒，什么都没留下…
展开
-
设置网页默认为360浏览器极速模式打开
代码示例在head标签中添加一行代码：content的取值为webkit,ie-comp,ie-stand之一，区分大小写，分别代表用webkit内核，IE兼容内核，IE标准内核。若页面需默认用极速核，增加标签：若页面需默认用ie兼容内核，增加标签：若页面需默认用ie标准内核，增加标签：注意：引号要英文状态下的，直接复制代码后看一下格转载 2017-09-30 09:41:58 · 4184 阅读 · 0 评论 -
CDN加速
CDN概况CDN的全称是Content Delivery Network，即内容分发网络。CND加速主要是加速静态资源，如网站上面上传的图片、媒体，以及引入的一些Js、css等文件。CND加速需要依靠各个网络节点，例如100台CDN服务器分布在全国范围，从上海访问，会从最近的节点返回资源，这是核心。CND服务器通过缓存或者主动抓取主服务器的内容来实现资源储备。下面这张图...转载 2018-08-16 19:39:06 · 9475 阅读 · 0 评论 -
浏览器页面渲染过程
浏览器渲染页面的一般过程：1.浏览器解析html源码，然后创建一个 DOM树。在DOM树中，每一个HTML标签都有一个对应的节点，并且每一个文本也都会有一个对应的文本节点。DOM树的根节点就是 documentElement，对应的是html标签。2.浏览器解析CSS代码，计算出最终的样式数据。构建CSSOM树。对CSS代码中非法的语法它会直接忽略掉。解析CSS的时候会按照如下顺序来定义优...原创 2018-08-16 16:51:30 · 4869 阅读 · 0 评论 -
webpack打包js
Webpack 是一个前端资源加载/打包工具。它将根据模块的依赖关系进行静态分析，然后将这些模块按照指定的规则生成对应的静态资源。在代码实践之前，先说一写webpack的基础知识。1、为什要使用WebPack现今的很多网页其实可以看做是功能丰富的应用，它们拥有着复杂的JavaScript代码和一大堆依赖包。为了简化开发的复杂度，前端社区涌现出了很多好的实践方法模块化，让我们可以把复...转载 2018-08-08 20:31:08 · 449 阅读 · 0 评论 -
vue的双向数据绑定实现原理
vue数据双向绑定是通过数据劫持结合发布者-订阅者模式的方式来实现的，那么vue是如果进行数据劫持的，我们可以先来看一下通过控制台输出一个定义在vue初始化数据上的对象是个什么东西。var vm = new Vue({ data: { obj: { a: 1 } }, created: function () {...转载 2018-08-09 16:41:08 · 380 阅读 · 0 评论 -
js深拷贝二维数组
因为javascript分基本类型与引用类型（与java、c#类似）。Array是引用类型，所以直接用=号赋值的话，只是把源数组的地址(或叫指针)赋值给目的数组，并没有实现数组的数据的拷贝。一维数组深拷贝方法：1、slice()var arr = [1,2,3,4,5]var arr2 = arr.slice(0)2、concat()var arr = [1,2,3,4,...原创 2018-07-31 17:41:17 · 5846 阅读 · 0 评论 -
MVC、MVP、MVVM架构模式的区别
MVCMVC全名是Model View Controller，是模型(model)－视图(view)－控制器(controller)的缩写，一种软件设计典范，用一种业务逻辑、数据、界面显示分离的方法组织代码，将业务逻辑聚集到一个部件里面，在改进和个性化定制界面及用户交互的同时，不需要重新编写业务逻辑。MVC被独特的发展起来用于映射传统的输入、处理和输出功能在一个逻辑的图形化用户界面的结构中。...原创 2018-08-09 12:05:29 · 454 阅读 · 0 评论 -
集成ajax上传技术 大文件/超大文件前端切割上传，后端进行重组
概念 js新的技术中增加了File对象（实际上就是blob的具体化的一个东西），设计规范参考这里2个 File API 规范 和 FileSystem API 规范 后台二进制文件重组 1. 创建空的文件流 2. 读取临时存储切割文件的文件夹，获得所有文件路径 切记：一定要按顺序进行排序，否则组合文件将会错误 3. 按顺序将切割小文件读取成二进制流，写...转载 2018-08-09 10:50:59 · 2080 阅读 · 0 评论 -
vue-cli开发环境下解决跨域问题
昨天晚上自己试图用vue脚手架连接springMVC的服务器端框架，发现在npm搭建的页面测试环境发登录请求老是被拒绝：1、这是前端报的错误：2、这是服务器端的日志：踩了一下午加一晚上坑发现这原来是跨域问题（我本地tomcat端口是8080，页面测试环境是8090），后来各种百度各种查，最终找到解决方案：1、在vue-cli中有main.js这个配置文件，应该配置一下测试服务器的代理。...原创 2018-06-16 11:22:59 · 1012 阅读 · 0 评论 -
iframe跳转后自动转到父窗口的顶部
有一个父窗口index.html一个iframe src=" 1.html " name="n_ifrm" 里面有一个链接<a target="n_ifrm" src="2.html"></a>当跳转到2.html的时候，使整个父窗口靠在顶部在你的1.html页面和2.html页面<head>标签里加上以下函数<script ty转载 2018-03-30 16:06:44 · 2467 阅读 · 1 评论 -
<iframe>高度自适应的方法
内容宽度变化的iframe高度自适应function reinitIframe(){var iframe = document.getElementById("test");try{var bHeight = iframe.contentWindow.document.body.scrollHeight;var dHeight = iframe.contentWindow.do转载 2018-02-01 14:15:24 · 173 阅读 · 0 评论 -
video.js视频插件进行视频切换的设置方法及js中如何判断undefined的属性
首先给出下载地址：http://www.jq22.com/jquery-info404配置好页面后请注意，如果要播放本地文件的话，是不能直接写本地路径的。这会涉及的一个跨域的问题，浏览器是不能直接访问本地文件的，不然就是安全问题。所以需要从后台请求视频流，与请求服务器类似。接着就会遇到视频切换的问题，直接更改video的src会保存，因为页面中已经加载了这个视频插件。所以需要先销毁已有的，原创 2017-11-11 10:03:01 · 5640 阅读 · 0 评论 -
easyui中easyui-textbox在前台加载json动态生成下拉框
1、页面标签：2、在js中初始化json数组：var json = [];var row1 = {};row1.id= "1";row1.text= "jyy";json.push(row1);3、动态加载数据$("#collegeOption").combobox("clear").combobox("loadData",原创 2017-10-21 16:59:12 · 977 阅读 · 0 评论 -
JS中生成和解析JSON
1、JS中生成JSON对象的方法：var json = [];var row1 = {};row1.id= "1";row1.name = "jyy";或者var row2 = {id:'2',name:'abc'}json.push(row1);json.push(row2);2、JS中将JSON对象解析为字符串的方法：va转载 2017-10-21 16:30:53 · 749 阅读 · 0 评论 -
js的垃圾回收机制
JavaScript具有自动垃圾收集机制，也就是说执行环境会负责管理代码执行过程中的内存。这种垃圾回收机制的原理其实很简单：找出那些不再继续使用的变量，然后释放其占用的内存。为此，垃圾收集器会按照固定的时间间隔，周期地执行这一操作。1、标记清除法最常用的垃圾收集方式。垃圾收集器在运行的时候会给存储在内存中的所有变量都加上标记，然后它会去掉环境中的变量以及被环境中的变量引用的变量的标记。而在...原创 2018-08-17 11:09:00 · 258 阅读 · 0 评论