- 博客(64)
- 资源 (1)
- 问答 (1)
- 收藏
- 关注
RSS订阅原创 父子组件中，父子之间相互访问值。父组件获取子组件的值，用$.refs.来获取
<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metahttp-equiv="X-UA-Compatible"content="IE=edge"><metaname="viewport"content="width=device-width,initial-scale=1.0"><title&...
2021-06-03 18:15:50
335
原创 vue中父子组件通信，父组件中的数据传到子组件，子组件使用不影响父组件的值，解决Avoid mutating a prop directly since the value will be
<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metahttp-equiv="X-UA-Compatible"content="IE=edge"><metaname="viewport"content="width=device-width,initial-scale=1.0"><title&...
2021-06-03 15:55:50
391
原创 v-model在各个标签中使用实现（input,radio,checkbox,select）
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Do.
2021-06-03 11:10:15
1184
原创 flex布局
flex布局就是弹性布局flex布局父项常见属性，以下六个1，flex-direction:设置主轴方向（row,row-reverse,column,column-reverse）2.justify-content:设置主轴上的子元素排列方式(flex-start,flex-end,center,space-around,space-between),先确定主轴方向，然后再设置个属性。3.flex-wrap：设置了元素是否换行（默认不换行，如果装不开，就会缩小子元素的大小）（wrap，no
2020-05-16 00:19:12
263
原创 前端浏览器跨域请求的方式
因为浏览器的同源策略（协议，域名，端口号),在访问不同源的数据时，就产生了跨域问题，跨域问题常见的解决方法有以下几种： 1.jsonp跨域解决方案 2.cors跨域资源共享 3.基于http proxy实现跨域请求 4.基于post message实现跨域处理 5. 基于iframe的跨域解决方案 6.websocket和nginx反向代理1.jso...
2020-05-14 11:21:16
206
原创 vue代理请求跨域的时候，出现了这样的问题 Request failed with status code 404
用vue-cli创建了一个项目，在做登录界面的时候，需要向服务器发送请求获取数据，因为这边做的数据是通过easymock来完成后端服务器数据模拟返回到客户端的，所以需要跨域解决，请求数据的方式是通过axios来的，但是却遇到这个问题，现在一步一步问题重现：登录界面代码这里是env.development中配置的（配置的时候路径常量一定要用VUE_APP开头）创建的统一的请求接口request，是请求axios的实例对象（一定要先下载（npm install axios）并导入ax
2020-05-13 22:01:54
9290
1
原创 BFC块级格式化上下文
BFC（block formatting context ）块级格式化上下文 ，究竟是什么呢？看完就明白了。。BFC 目的是什么？目的是为了形成一个完全独立的空间，让空间中的子元素不会影响到外面的布局，怎么样才能形成这样一个独立的空间呢，可以通过设置元素的属性，如果我们设置了某个元素的属性，这个元素的属性使得这个元素形成了一个独立的空间，那么就可以说触发了BFC，到这里还没有明白怎么回事，甚至更加不明白说了什么？接下来看个例子：一：解决父元素坍塌的问题以下是一个正常的页面，我们看到效果如下.
2020-05-12 22:34:49
269
原创 npm包管理工具
npm是包管理工具，它更加是node.js平台的包管理工具，npm就像后端的maven一样管理包，而npm是下载上传前端的包的。需要使用npm包管理工具，首先得下载这个工具，node.js中集成了npm包管理工具，所以先去node.js官网去下载安装node.js，安装完成后，我们用npm初始化一个项目1.npm初始化项目：创建一个文件夹，打开命令行工具，使用npm init -y（这里-y指的是所有选项选择默认值）初始化一个项目，如下图左侧是文件夹，右侧是npm初始化项目命令行截图。2.初
2020-05-11 20:08:59
643
原创 数组API汇总
数组apies3中的方法：join(),reverse(),sort(),concat(),slice(),splice(),push(),pop(),unshift(),shift(),toString(),toLocalString()；es5的时候，数组新增的方法forEach(),map(),filter(),every(),some(),reduce(),reduceRight(),indexOf(),lastIndexOf()以下详细介绍各个数组方法的用法：1.join().
2020-05-11 16:43:53
221
转载 HTML内容简单总结
html简单总结一、Html简介 HTML 是一种标记语言 忽略大小写，语法宽松 使用 HTML 标记和元素，可以： 控制页面和内容的外观 发布联机文档 使用 HTML 文档中插入的链接检索联机信息 创建联机表单，收集用户的信息、执行事务等等 插入动画 开发帮助文
2017-12-26 16:07:34
628
原创 固定大小容器中显示图片，图片缩放后显示中间位置，不变型的实现。
在页面中，常会有这样的需求，比如做一个相册，相册外部的div是固定，而我们需要向相册中添加照片，而照片的大小不一定刚好等于当前的这个div的大小，所以我们就需要对这张照片处理，使其等比例缩放后，显示图片最中间的位置。现在就将部分实现展示如下。for(var n = 0 ;n (function(n){var img=document.createElement("img");
2017-12-19 09:49:12
2222
转载 js中有window.onload和<BODY>中的onload属性同时存在时
转自于http://topic.csdn.net/u/20100608/14/aa805ed6-0820-47c7-b866-6dd93d90ea67.html （9楼）情况一，window.onload指定的function是匿名的，则只执行后者，且动作是后者的动作。如：[html] view plain copyhtml>
2017-10-18 10:04:00
451
原创 循环获取加载图片的时候，加载的图片每次都是最后一个图片，如果解决这个问题。
1，现在有个图片的路径的array，array中存放的是图片的路径，想要按照图片的比例，宽度等于屏幕的宽度，高度等于实际宽高比的比例。2，设计图片的实际高度的时候，发现每次拿到的高度是array中的最后一个元素的压缩高度，实际解决方案如下。for(var i = 0 ; i (function(i){var img=document.createElement("img");i
2017-10-17 18:01:43
666
原创 移动端点击某个按钮触发的时候，出现点击状态的方法
div.btn-show:active{background: #e2dfdf !important; color: #a9a4a4 !important;}
2017-09-22 18:45:42
1407
原创 判断某个对象是否是空对象
1 obj ={};判断这个obj 对象是否是空对象：判断方法： function isEmptyObject(obj) { //判断对象是否为空对象for (var name in obj){return false;//返回false，不为空对象 } return true;//返回true，为空对象}if(obj){if(isEmptyObje
2017-09-12 15:36:58
555
原创 关于有时候ajax异步加载，导致有时候无法正确提示加载完成的状态
在项目中，遇到了一个需要在ajax获取数据完成后再进行下一步操作的问题。方法一：在ajax完成以后回调函数中写下一步执行的方法。方法二:尝试着使用ajax同步的方法来进行处理，但是出现了警告，主线程如果用ajax同步的话，会影响页面渲染等问题，查阅资料说可以用h5 中的web worker。方法三：在ajax执行之前，设置一个flag，在ajax方法内，检测执行结束，将flag的值重新
2017-09-08 18:39:11
1459
原创 获取到某个元素的某个style中的属性。
offsetHeight js获取某个元素的高度。offsetWidth js 获取某个元素的宽度。获取某个元素的背景图片 var backgroundUrl = document.getElementById("div")[0].style.backgroundImage;
2017-08-31 11:39:55
2607
转载 window.location.hash
window.location.hash属性介绍location是javascript里边管理地址栏的内置对象，比如location.href就管理页面的url，用location.href=url就可以直接将页面重定向url。而location.hash则可以用来获取或设置页面的标签值。比如http://domain/#admin的location.hash="#admi
2017-08-17 10:48:55
322
原创 关于原生js 如何找到他的直接子元素而不是后代子元素
1 在项目中，经常会碰到删除某个元素，有些时候，删除某个父元素下面所有的具有某个标识的子元素，有时候，删除某个父元素具有某个标识的直接子元素。 一，原生js找到某个元素的下面的所有子元素。document.getElementById("parent").children;可以找到他的所有子元素。二 原生js找到某个元素下面的直接子元素。 要找到他的某个元素直接子元素。 va
2017-07-28 10:18:00
16971
3
原创 同时添加多个class元素H5
var lockicon = document.createElement("div"); lockicon.classList.add("lockicon","rsize");
2017-07-27 11:27:32
2505
原创 js需要删除页面中某个元素
$("deletewidget").parentNode.removeChild($("deletewidget"));
2017-07-26 18:59:10
21124
原创 点击事件不响应的问题
1/ 项目中遇到了几个点击问题不响应的问题，现在总结几点如下。 第一种 ：在一个父div上面写了一个子div，刚开始时候，点击子div的时候（对子div阻止了时间冒泡），子的div的点击事件是可以触发的，但是等到第二次点击了父div后再点击子div，子div的事件不再触发，后来追踪到，是因为在触发父元素的时候，对父元素中的相关的布局进行了修改改变，改变使用的是dom重排，使用了$("newpa
2017-07-26 18:51:45
4258
原创 为 某个元素添加了子元素后，子元素的位置在父元素的外面不显示问题
1 在项目中做控件的时候，遇到了做的元素需要删除的时候，右上角出现个删除按钮，按钮一半在空间外部显示，这个时候，对控件，也就是删除按钮的父元素添加display:visible;zhe
2017-07-20 10:44:37
2262
原创 span 的onclick事件没有响应
1、做了个按钮span，span的元素是图标如下： 点击span元素的时候，span元素没有响应。后来查找资料才知道，span是div的子元素，点击span的时候，发生了事件冒泡，响应在了span的父元素div上，所以对onclick事件的响应应该是父元素，div。
2017-07-06 10:55:48
45079
2
转载 Android Studio 创建/打开项目时一直处于Building“project name”Gradle project info 的解决
最近发现新版的AS，IDEA毛病不断，而且gradle的更新又给墙了，无奈啊！ 进入类似如下的目录，发现如果没有对应的gradle解压文件，则在gradle官网下载完整压缩包，放入类似55xxxx串号目录下（或直接解压在其下），然后重启as，稍等若干分钟即可正常打开ref doc:Android Studio创建/打开项目时一直处于Building“project na
2017-06-23 10:34:38
441
原创 javascript 中的 || 和 &&
1、在学习写jquery插件的时候，发现了有类似这样的代码 test = test || "",无法理解，查阅资料，看到如下释解。a = a || "defaultValue";其实上面的代码与如下的两种方式写法的代码表达的意义是一致的。第一种：if(! a){a="defaultValue";}第二种：if(a == null || a == "" || a =
2016-08-24 17:05:29
440
转载 $.extend() 参数
1、$.extend()因为项目中有些地方看到有用到这个方法，当时也不知道是什么意思，见的多了就想了解一下。原来这个方法还是挺有用的，多用在编写插件，当然，它本身也有一些重载原型。1.1 extend(result,item1,item2…..)这里这个方法主要用来合并，将所有的参数项都合并result中，并返回result，但是这样就会破坏result的结
2016-08-24 12:17:26
4190
原创 省市县联动的实现。
1、在html中引入jquery.js文件和address.js文件（我的下载中有），写入如下代码。html>html>head lang="en"> meta charset="UTF-8"> title>title> style> select{ width:200px; } style>
2016-08-16 17:56:26
386
原创 jquery选择器
1、选择器 x y和选择器 x>y 的区别。比如 x y选择的是x的后代元素y ，而x>y选择的是x的直接后代元素（不包括后代的后代）；例如：#container ul{ border:red 1px solid;} List Item Child
2016-08-11 17:38:21
287
原创 在linux下，修改mysql的用户密码。
1、使用mysql -uroot -p 命令输入mysql密码2、输入use mysql;3、输入update user set password=password（“123456”）where user="root" ; 命令语句4、输入flush privilieges;以上数据库密码修改成功。二，如果执行sql文件。进入到mysql下：mysql> s
2016-08-09 11:34:47
4350
原创 父与子元素的背景色设置
1、如下代码div class="fatherdiv"style="background:red;height:200px;width:200px;"> div class="childrenDiv" style="backgound:blue;height:20px;width:20px;">div>div>两个div颜色均可以显示。2、如下代码 .fatherdiv{
2016-07-21 12:36:27
2064
转载 Photoshop切图
原博客地址：http://blog.csdn.net/pleasecallme_522/article/details/51959485首先，今天不用再p什么海报之类的东西了，哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈，好开心。嗯。。。接下来切入正题。（严肃脸）在网页设计过程当中，必定会遇到需要往页面中插入图片的情况，这个时候，就要会用photoshop对一张图片进行切割，选
2016-07-20 09:31:43
439
转载 XHR-XMLHttpRequest
创建XMLHttpRequest对象与之前众多DOM操作一样,创建XHR对象也具有兼容性问题:IE6及之前的版本使用ActiveXObject,IE7之后及其它浏览器使用XMLHttpRequest不但IE6及其之前的版本将XHR作为一个ActiveXObject运行,而且还存在众多版本:一开始是Microsoft.XMLHTTP 之后变成Msxml2.XMLHTTP及更新版的Ms
2016-07-18 13:35:45
416
转载 js闭包
1、什么是闭包（摘自知乎中什么是闭包）书中：闭包是指在javascipt中，内部函数总是可以访问其所在的外部函数中申明的参数和变量，即使在外部函数被返回之后。维基百科中：闭包（Closure）是词法闭包（Lexical Closure）的简称，是引用了自由变量的函数。这个被引用的自由变量将和这个函数一同存在，即使已经离开了创造它的环境也不例外。2、示例 v
2016-07-12 10:41:43
256
转载 导航样式
在群里看有小伙伴实现这样的导航，漂亮，记录下：#nav{ box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; margin-left: 15px; background-color:rgb(24,161,231); posit
2016-06-27 17:47:10
367
原创 前端界面优化
项目中遇到，页面加载的时候，浏览器内存一直在增长的问题，在网上找了很多资料，关于为何页面卡顿和点击后反应过慢，总结起来有如下几个方面。一、将js文件放在body的最底部，因为页面上的html加载完毕以后再去加载js会让用户感受到界面的加载速度会比较块。二、对dom元素的动态操作会导致界面重绘，重绘会花费时间导致界面看起来加载慢。三、如果js中有setInterval（），定时加载的东西
2016-06-27 16:36:04
689
转载 按位与（&）按位或（|）按位异或（^）按位取反（~）左移（<<）右移(>>)
基础知识： 1. and（&）运算 （按位与） and运算通常用于二进制取位操作，例如一个数 and 1的结果就是取二进制的最末位。这可以用来判断一个整数的奇偶，二进制的最末位为0表示该数为偶数，最末位为1表示该数为奇数. 相同位的两个数字都为1，则为1；若有一个不为1，则为0。 00111 11100 （&或者and） ----------------
2016-06-21 09:33:46
611
转载 闭包
闭包（closure）是Javascript语言的一个难点，也是它的特色，很多高级应用都要依靠闭包实现。很早就接触过闭包这个概念了，但是一直糊里糊涂的，没有能够弄明白JavaScript的闭包到底是什么，有什么用，今天在网上看到了一篇讲JavaScript闭包的文章(原文链接)，讲得非常好，这下算是彻底明白了JavaScript的闭包到底是个神马东东以及闭包的用途了，在此写出来和大家分享一下，希望
2016-06-17 12:08:17
287
转载 javascript闭包的作用域
Js作用域链及变量作用域要理解变量的作用域范围就得先理解作用域链 用var关键字声明一个变量时，就是为该变量所在的对象添加了一个属性。 作用域链：由于js的变量都是对象的属性，而该对象可能又是其它对象的属性，而所有的对象都是window对象的属性，所以这些对象的关系可以看作是一条链 链头就是变量所处的对象，链尾就是window对象看下面的代码：function t(
2016-06-16 18:56:18
263
linux下的firefox，运行时间长，界面卡顿，怎样清理缓存。
2016-08-03
TA创建的收藏夹 TA关注的收藏夹
TA关注的人