asd386322349-CSDN博客

转载 Vue 问题集锦（概念）

一 .computed 和 watch 的区别和运用的场景？　　computed: 计算属性，依赖其他属性值，并且computed 的值有缓存，只有它依赖的值发生改变，下一次获取它的值才会重新计算。　　watch: 更多的是观察的作用，类似数据的监听回调，每次监听的数据发生变化都会执行回调然后进行操作。二.Vue 的父组件和子组件生命周期钩子函数执行顺序？...

2019-08-20 13:43:00 151

转载 Vue 项目 IE遇到的问题

IE 11 浏览器报 Promise 未定义的错误　　报错信息： {description:"“Promise”未定义",message:"“Promise”未定义",name:"ReferenceEr...",number:-2146823279,stack:"ReferenceEr..."}　　解决方案：npm install babel...

2019-07-30 16:11:00 178

转载 vue 项目打包优化 webpack 3.0+

　　配置优化　隐藏源码　　在 config 文件夹下index.js 中 build　　　productionSourceMap: true改为productionSourceMap：false即可　　开启 gzip 压缩　　在 config 文件夹下index.js 中　　productionGzip: false 改为product...

2019-07-30 15:50:00 209

转载 js 实现网页显示倒计时

用 js 来实现网页显示倒计时效果 1 function checkTime( time ){ 2 var data = new Data(); // 获取现在时间 3 var nowData = data.getTime(); // 转化成毫秒数 4 var time ; // 结束的时间 5 var t = time - no...

2017-09-18 14:32:00 553

转载 BootStrap 模态框禁用空白处点击关闭

bootstrap 的模态框在默认情况下，点击遮罩层会关闭，下面是禁止关闭的方法：　　1 <div class="modal" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" data-backdrop="static" data-key...

2017-09-18 14:18:00 183

转载 css 实现字体旋转

1 用 css 实现字体的旋转 2 p { 3 width: 60px; 4 height: 60px; 5 line-height: 47px; 6 font-size: 20px; 7 font-weight: bold; 8 transform:...

2017-09-18 14:09:00 1004

转载使用 jq／js 判断一个元素是否含有指定 class

　　利用 jq 来判断某个元素是否存在指定的 class　　jq有两种方法来判断：　　1. hasClsaa()1 if( $("#div").hasClass(" className1 ") ){2 3 // $("#div").hasClass(" className1 className2 ") ; // 判断两个class4 ...

2017-09-15 15:02:00 2158

转载虚拟form 下载文件

　　由于ajax函数的返回类型只有xml，json，html，text等类型的，没有“流”类型，所以通过ajsx去请求接口是无法下载文件的，因此我们创建一个新的form元素来请求接口。　　 1 function downLoadFun{ 2 var url = " 下载文件的路径 " ; 3 var form = $('<form method...

2017-09-15 14:19:00 154

转载 dataTables 插件学习整理

　在项目中使用了dataTables 插件，学习整理一下。　　dataTables 的官方中文网站http://www.datatables.club　　引入文件：　　所有的都要引入 jq文件　　1. dataTables 的样式　　<link rel="stylesheet" href="jquery.dataTables.css">　　<...

2017-09-06 18:25:00 136

转载 video.js学习笔记

　　在开发的项目中，有视频播放这个功能，找了好多前端的插件，最后决定时用video.js 。　　什么是video.js？　　video.js是一个开源的HTML5 jquery 视频插件，这个插件可以用来处理Flash 视频，也可以很好的支持H5，它还是一个多平台支持的产品。　　video.js的优点它是开源免费的，可以在github很容易的获取到最新的源码。使...

2017-08-02 17:36:00 171

转载表单中的单文件点击和拖拽上传

　　在项目中碰到的提交表单时单文件的上传，整理总结：　　<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>文件上传</title> <style media="screen"> ...

2017-07-27 15:35:00 551

转载左右布局，左边定宽，右边自适应。

　　左右布局，左边固定宽度，右边自适应。　　自己整理的几种方法：　　页面布局如下：　　　　方法1: 左边定位，右边添加marge-left　　.div1{width: 300px;height: 600px;background: black;position: absolute;}　　.div2{height: 600px;min-width: 10...

2017-07-13 19:17:00 170

转载 jq删除元素

　　通过jq，可以很容易的删除已有的HTML元素。　　删除元素，有两个方法：　　一. remove() --删除被选元素和及其子元素　　　　注：remove()已经将DOM中的匹配元素删除，但是并没有将它从jquery对象中删除。　　　　$("#div").remove(); // 删除该元素 div不存在　　　　$("$div").remove(".div"); ...

2017-07-13 14:12:00 1158

转载学习XMLHttpRequest

神马是XMLHttpRequest呢？我怀着好奇心查找了一下，w3c上面是这样说的。　XMLHttpRequest 对象用于在后台与服务器交换数据。　XMLHttpRequest 对象是开发者的梦想，因为您能够：在不重新加载页面的情况下更新网页在页面已加载后从服务器请求数据在页面已加载后从服务器接收数据在后台向服务器发送数据　w3c上只是大概说明...

2017-06-28 16:59:00 123

转载多文件的拖拽上传

在项目中碰到的多文件的拖拽上传总结。html代码部分：<body> <div class="fileBox"> <p class="fileInputP vm"> <i>选择文件</i>  ...

2017-06-28 14:40:00 213

转载详解Node解析URL网址

　　前提给大家声明一下,我操作的环境是Mac终端下操作的.(前提是你先要下载好node.js)　　说道URL 恐怕都不陌生,但是要说URL,就必须先说下URI　　URI是统一资源标识符，是一个用于标识某一互联网资源名称的字符串。由是三个组成部分：访问资源的命名机制、存放资源的主机名、资源自身的名称，由路径表示。　　URL是统一资源定位，是对可以从互联网上得到的资源的位置和访...

2016-11-11 21:14:00 329

转载 CSS 中关于background 属性功能

background 是 css中的核心属性，我们对他应该充分了解。background-image 定义背景图像这个属性是我们用的最多的属性设置背景图像有两个方式background: url("img/01.jpg") ; 或者 background-image: url("img/01.jpg");background-color 定义背景颜色 (...

2016-11-04 16:47:00 242

转载 HTML5存储之 indexedDB

IndexeDB是HTML5 重要的一部分,它是一种轻量级的NOSQL数据库.对创建具有丰富本地存储数据的数据密集型的离线HTML5 Web 应用程序很有用.IndexedDB是为了能够在客户端存储大量的结构化数据，并且使用索引高效检索的API。同时还有助于本地缓存数据,是Web应用程序可以更快的运行和相应,提高用户的体验度.那么说了这么多,IndexedDB这个到底是个什么...

2016-11-04 16:29:00 166

转载 localstorage 和 sessionstorage 本地存储

在我们日常的工作和实际项目中,做好数据数据缓存可以是我们的程序执行效率更高,可以使我们避免重复请求服务器,减轻服务器的压力,可以提高使用户的体验度.那么 HTML5 存储的目标是什么?1.解决存储大小的问题2.解决请求头带存储信息的问题3.解决关系存储的问题4.跨浏览器在HTML5没有出来之前,我们的存储一直大多都是使用cookies 存储 ...

2016-11-03 14:50:00 110

转载 HTML5 中的 canvas 画布（二）

绘制图片一.绘制图片context.drawImage（）（即把图片放到canvas里）var image = new Image(); // 先创建图片对象 image.src = '图片的位置';1. context.drawImage(image,20,20); //三个参数 1.图片 2.x轴位置 3.y轴位置图片的原本大小2.con...

2016-09-10 15:59:00 117

转载 HTML5 中的 canvas 画布（一）

---恢复内容开始---在HTML5中新添加的元素，canvas 现在支持 IE9+的版本注意：HTML5 <canvas> 元素用于图形的绘制，通过脚本 (通常是JavaScript)来完成.<canvas> 标签只是图形容器，您必须使用脚本来绘制图形。在使用canvas之前应该给用户说明必须是ie9+的版本，否则不支持。绘制简单的直...

2016-09-08 21:31:00 201

转载 css3 FlexBox 弹性布局

Flex 弹性布局这个是css3中新添加的内容，现在已经支持所有的浏览器，利用Flex布局，可以简便、完整、响应式地实现各种页面布局。注意：在设置 flex 后，子元素的flaot ，clear, vertical－align 都失效。 Webkit 内核的浏览器，必须加上－webkit前缀　　　flex 里面的元素我们把它们称为项目目前...

2016-09-03 18:34:00 103

转载 JS 初级（三）接上

传送门http://www.cnblogs.com/Sabo-dudu/p/5788197.html现阶段我就了解了这么多，在以后的学习中，我会不断的更新，如果有什么不同的见解可以一块学习，谁有更好的资料也可以分享一下。0.0十一. 函数1>. 概念具有特定功能的代码片段的封装function 函数名（参数列表）｛函数体...

2016-08-19 19:34:00 75

转载 JS 初级二（接上）

传送门－－http://www.cnblogs.com/Sabo-dudu/p/5786683.html （一）六. JS 数组类型数组是一种保存数据的有序列表，数组的每一项可以保存人意类型的数据，数组的大小可以动态调整，可以随着数据的添加自动增长以容纳新增数据1>.数组的创建a. 创建数组 new Array() ;b. 字面量形式[]2>.数...

2016-08-19 16:48:00 74

转载关于JavaScript初级的知识点一（持续更新）

自己刚开始接触JS这是自己一个多月以来的一些总结和回顾。一.什么是js？js是一种弱类型的脚本语言，是HTML的3大组成部分之一。HTML标签 CSS样式 JS脚本。二.js的5种基本数据类型1.Number 值是数值2.String 值是字符串3.Boolean 值是布尔值（ture， fales）4.Null　　　值为空5.Un...

2016-08-19 10:35:00 159

转载 JavaScript中的 offset, client,scroll

在js 中我们要用到的 offset, client, scroll 在这我把自己理解的给大家分享一下。offsetdiv.offsetTop 指div距离上方或上层控件的距离，单位像素div.offsetLeft指div距离左侧或上层控件的距离，单位像素div.offsetWidth 指div 控件本身的宽度，单位像素div.offsetHeight 指div...

2016-08-17 22:46:00 122

转载 JS 做的鼠标放大镜（初级）

这今天我们学习鼠标的各种事件，我给大家分享一下鼠标放大镜的效果。希望有兴趣的朋友可以一块交流。<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>放大镜效果</title> <style media="scree...

2016-08-12 18:05:00 205

转载用JS做关灯游戏（初级）

这是一个很有意思的游戏，可以试着玩下。<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style media="screen"> #wrap { width: 5...

2016-08-03 22:39:00 258

转载 JS 做时钟

今天，给大家分享一个用JS做的时钟。<!DOCTYPE html><html> <head> <meta charset="utf-8"> <style media="screen"> #wrap { width: 500px; height: 500px; ...

2016-08-03 21:42:00 128

asd386322349的博客