![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端技术
文章平均质量分 61
斷了De弦
这个作者很懒,什么都没留下…
展开
-
设置网页默认为360浏览器极速模式打开
代码示例在head标签中添加一行代码:content的取值为webkit,ie-comp,ie-stand之一,区分大小写,分别代表用webkit内核,IE兼容内核,IE标准内核。若页面需默认用极速核,增加标签:若页面需默认用ie兼容内核,增加标签:若页面需默认用ie标准内核,增加标签:注意:引号要英文状态下的,直接复制代码后看一下格转载 2017-09-30 09:41:58 · 4125 阅读 · 0 评论 -
CDN加速
CDN概况CDN的全称是Content Delivery Network,即内容分发网络。CND加速主要是加速静态资源,如网站上面上传的图片、媒体,以及引入的一些Js、css等文件。CND加速需要依靠各个网络节点,例如100台CDN服务器分布在全国范围,从上海访问,会从最近的节点返回资源,这是核心。CND服务器通过缓存或者主动抓取主服务器的内容来实现资源储备。下面这张图...转载 2018-08-16 19:39:06 · 9369 阅读 · 0 评论 -
浏览器页面渲染过程
浏览器渲染页面的一般过程:1.浏览器解析html源码,然后创建一个 DOM树。在DOM树中,每一个HTML标签都有一个对应的节点,并且每一个文本也都会有一个对应的文本节点。DOM树的根节点就是 documentElement,对应的是html标签。2.浏览器解析CSS代码,计算出最终的样式数据。构建CSSOM树。对CSS代码中非法的语法它会直接忽略掉。解析CSS的时候会按照如下顺序来定义优...原创 2018-08-16 16:51:30 · 4822 阅读 · 0 评论 -
webpack打包js
Webpack 是一个前端资源加载/打包工具。它将根据模块的依赖关系进行静态分析,然后将这些模块按照指定的规则生成对应的静态资源。在代码实践之前,先说一写webpack的基础知识。1、为什要使用WebPack现今的很多网页其实可以看做是功能丰富的应用,它们拥有着复杂的JavaScript代码和一大堆依赖包。为了简化开发的复杂度,前端社区涌现出了很多好的实践方法模块化,让我们可以把复...转载 2018-08-08 20:31:08 · 420 阅读 · 0 评论 -
vue的双向数据绑定实现原理
vue数据双向绑定是通过数据劫持结合发布者-订阅者模式的方式来实现的,那么vue是如果进行数据劫持的,我们可以先来看一下通过控制台输出一个定义在vue初始化数据上的对象是个什么东西。var vm = new Vue({ data: { obj: { a: 1 } }, created: function () {...转载 2018-08-09 16:41:08 · 350 阅读 · 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 · 5720 阅读 · 0 评论 -
MVC、MVP、MVVM架构模式的区别
MVCMVC全名是Model View Controller,是模型(model)-视图(view)-控制器(controller)的缩写,一种软件设计典范,用一种业务逻辑、数据、界面显示分离的方法组织代码,将业务逻辑聚集到一个部件里面,在改进和个性化定制界面及用户交互的同时,不需要重新编写业务逻辑。MVC被独特的发展起来用于映射传统的输入、处理和输出功能在一个逻辑的图形化用户界面的结构中。...原创 2018-08-09 12:05:29 · 418 阅读 · 0 评论 -
集成ajax上传技术 大文件/超大文件前端切割上传,后端进行重组
概念 js新的技术中增加了File对象(实际上就是blob的具体化的一个东西),设计规范参考这里2个 File API 规范 和 FileSystem API 规范 后台二进制文件重组 1. 创建空的文件流 2. 读取临时存储切割文件的文件夹,获得所有文件路径 切记:一定要按顺序进行排序,否则组合文件将会错误 3. 按顺序将切割小文件读取成二进制流,写...转载 2018-08-09 10:50:59 · 2045 阅读 · 0 评论 -
vue-cli开发环境下解决跨域问题
昨天晚上自己试图用vue脚手架连接springMVC的服务器端框架,发现在npm搭建的页面测试环境发登录请求老是被拒绝:1、这是前端报的错误:2、这是服务器端的日志:踩了一下午加一晚上坑发现这原来是跨域问题(我本地tomcat端口是8080,页面测试环境是8090),后来各种百度各种查,最终找到解决方案:1、在vue-cli中有main.js这个配置文件,应该配置一下测试服务器的代理。...原创 2018-06-16 11:22:59 · 982 阅读 · 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 · 2404 阅读 · 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 · 162 阅读 · 0 评论 -
video.js视频插件进行视频切换的设置方法及js中如何判断undefined的属性
首先给出下载地址:http://www.jq22.com/jquery-info404配置好页面后请注意,如果要播放本地文件的话,是不能直接写本地路径的。这会涉及的一个跨域的问题,浏览器是不能直接访问本地文件的,不然就是安全问题。所以需要从后台请求视频流,与请求服务器类似。接着就会遇到视频切换的问题,直接更改video的src会保存,因为页面中已经加载了这个视频插件。所以需要先销毁已有的,原创 2017-11-11 10:03:01 · 5593 阅读 · 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 · 941 阅读 · 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 · 730 阅读 · 0 评论 -
js的垃圾回收机制
JavaScript具有自动垃圾收集机制,也就是说执行环境会负责管理代码执行过程中的内存。这种垃圾回收机制的原理其实很简单:找出那些不再继续使用的变量,然后释放其占用的内存。为此,垃圾收集器会按照固定的时间间隔,周期地执行这一操作。1、标记清除法最常用的垃圾收集方式。垃圾收集器在运行的时候会给存储在内存中的所有变量都加上标记,然后它会去掉环境中的变量以及被环境中的变量引用的变量的标记。而在...原创 2018-08-17 11:09:00 · 233 阅读 · 0 评论