- 博客(43)
- 收藏
- 关注
RSS订阅原创 ip地址访问vue运行项目
ip地址访问vue运行项目在未进行配置下，通过ip地址访问vue运行项目，是无法访问的。vue项目想要通过ip地址访问运行项目，需执行以下操作。1.查看本机IP地址。win+R打开cmd命令，输入ipconfig/all查看本机ip地址。2.修改package.json文件中添加–host 0.0.0.0，然后重新重启项目。"scripts": { "dev": "webp...
2020-01-13 11:36:51
1156
原创 slot插槽用法——vue
<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><metahttp-equiv...
2019-12-12 17:13:06
255
原创 兄弟之间传参——$emit与$on共同使用
<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><metahttp-equiv...
2019-12-12 17:11:07
366
原创 子向父传参2——$emit用法
<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><metahttp-equiv...
2019-12-12 17:08:25
498
原创 子向父传参1——$emit用法
<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><metahttp-equiv...
2019-12-12 17:07:47
277
原创 父-子传参-vue
<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><metahttp-equiv...
2019-12-12 16:42:50
118
原创 vue组件多种方法
<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><metahttp-equiv...
2019-12-12 15:15:59
215
原创 微信小程序——用户授权知识
为优化用户体验，使用 wx.getUserInfo 接口直接弹出授权框的开发方式将逐步不再支持。从2018年4月30日开始，小程序与小游戏的体验版、开发版调用 wx.getUserInfo 接口，将无法弹出授权询问框，默认调用失败。正式版暂不受影响。开发者可使用以下方式获取或展示用户信息：一、小程序:1、使用 button 组件，并将 open-type 指定为 getUserInfo ...
2018-10-15 17:33:04
204
原创 微信小程序知识点
1、:host相当于组件本身（比如你组件名叫 v-name 然后这个组件里面的:host就是v-name）:host {//这个是组件本身（比如组件名为v-name）v-name的样式 color: yellow;}相当于v-name{color: yellow;}2、比如app.wxss（公共样式）里面有个 .section ,组件也有，组件不开放公共样式的话就只用组件里的样...
2018-10-15 17:29:39
682
转载 【总结】IE和Firefox的Javascript兼容性总结
长久以来JavaScript兼容性一直是Web开发者的一个主要问题。在正式规范、事实标准以及各种实现之间的存在的差异让许多开发者日夜煎熬。为此，主要从以下几方面差异总结IE和Firefox的Javascript兼容性: 一、函数和方法差异； 二、样式访问和设置； 三、DOM方法及对象引用； 四、事件处理； 五、其他差异的兼容处理。 一、函数和方法差异1. getYear()方法【分析说明...
2018-05-18 09:23:16
520
转载 【总结】IE和Firefox的Javascript兼容性总结
长久以来JavaScript兼容性一直是Web开发者的一个主要问题。在正式规范、事实标准以及各种实现之间的存在的差异让许多开发者日夜煎熬。为此，主要从以下几方面差异总结IE和Firefox的Javascript兼容性: 一、函数和方法差异； 二、样式访问和设置； 三、DOM方法及对象引用； 四、事件处理； 五、其他差异的兼容处理。 一、函数和方法差异1. getYear()方法【分析...
2018-05-18 09:08:46
212
转载 JavaScript中浏览器兼容问题
浏览器兼容性问题是在实际开发中容易忽略而又最重要的一部分。我们在讲老版本浏览器兼容问题之前，首先要了解什么是能力检测，它是来检测浏览器有没有这种能力，即判断当前浏览器是否支持要调用的属性或者方法。下面做了一些简短的介绍。1、innerText 和 innerContent1）innerText 和 innerContent 的作用相同2）innerText IE8之前的浏览器支持3）innerCo...
2018-05-18 09:03:58
251
原创 关于font-size对垂直居中影响的问题
关于font-size对垂直居中影响的问题背景：三个inline-block元素，其中两个内容为空，另外一个包含文字，设置文字的font-size之后，原本垂直居中的三个inline-block的元素，会变的不再垂直居中。原因： 当设置了font-size之后，改变了元素排列的基线。垂直方向的默认基线是是baseline。当文字设置font-size之后，会将inline-block元素的默认基线...
2018-03-30 10:59:23
1892
2
转载 解决设置了body宽高，但设置背景颜色仍然会铺满问题
近期开发遇到一个问题，明明给body设置了宽高，然后给body设置背景，背景仍然会铺满整个屏幕。以下是我的代码：[html] view plain copy [html] view plain copy<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> ...
2018-02-08 12:37:21
1125
转载 URI编码与解码
encodeURI 与 encodeURIComponent 都可以将字符串编码为有效的URI（统一资源标识符）。encodeURIComponent()函数与 encodeURI函数不同，它仅适用于URI字符串的一部分（称为URI组件）。“http”和“www.abobe.com”是常见的URI组件示例。URI组件是指出现在某些特殊字符之间的任何文本，这些特殊字符称为 组件分隔符（:
2017-11-03 16:34:01
1746
原创 JS数组中的indexOf方法
相信说到 indexOf 大家并不陌生，判断字符串是否包涵子字符串时特别常用，正则不熟练同学的利器。这篇文章就最近遇到的一个问题，用实例再说说说indexOf方法。本文是小知识点积累，不作为深入讨论的话题，因此这里没有解释indexOf()的第二个参数，相信大家都知道第二个参数的作用。String 类型的使用温习一下大家熟知的字符串用法，举个?
2017-10-31 17:29:41
704
原创 js标准参考网址
https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Array/indexOf
2017-10-31 14:36:22
352
原创 js中的原始值是什么？
在ECMAScript中,变量可以存放两种类型的值,即原始值和引用值.原始值(primitive value): 原始值是固定而简单的值,是存放在栈(stack)中的简单数据段,也就是说,它们的值直接存储在变量访问的位置.引用值(reference value): 引用值则是比较大的对象,存放在堆(heap)中的对象,也就是说,存储在变量
2017-10-30 16:56:08
7020
2
原创 js数组合并（一个数组添加到另一个数组里面）方法
js定义两个数组。var arrA=[1,2,3];var arrB=[4,5,6];要实现[1,2,3,4,5,6]，如果直接arrA.push(arrB);则arrB只会作为了arrA的一个元素。执行如图：使用push()把数组arrA与数组arrB连接起来（效果一般，不建议使用；要连接数组最好使用concat()方法（更有效率），连接多个元素可以使用push（）方法）：
2017-10-30 10:37:35
11901
1
原创 display:list-item和display:block区别
display:list-item为元素内容生成一个块型盒，随后再生成一个列表型的行内盒。其效果就和ul中出现项目列表符号一样。通俗地说就是会在内容前面自动加上黑点，而display:block则不会出现黑点。
2017-10-26 14:17:35
12772
1
原创 window.location （小结）
其实在网上都能找到，我只是总结一下，方便自己查找使用示例URL：http://b.a.com:88/index.php?name=kang&when=2011#first 属性 含义 值protocol协议 "http:"hostname服务器的名字"b.a.com"
2017-10-25 09:50:31
582
原创 画笔工具的使用
对于不是透明背景的图片（例如.jpg图），想把背景改为你想要的单一颜色背景，用“画笔工具”画：点击“画笔工具”选项，然后点击选择颜色的选项选择颜色，然后就可以画了。
2017-09-30 17:08:27
393
原创 PS魔棒工具的使用方法
步骤：一、选择第四个选项（包含快速选择工具、魔棒工具）或用快捷键w也可以快速选择第四个选项，然后选择魔棒工具，再单击图片，选中想抠的图片；①shift+单击没有选中区域（想抠的区域）：增加选区；②alt+单击选中的不想抠的区域：减选区。然后右键选择“选择反向”。换成“移动”工具“状态，然后把抠的图移动到新建图层里面，并保存就可以了。
2017-09-30 10:39:54
5421
转载 ng-repeat指令中使用track by子语句解决重复数据遍历的错误
我们可以使用ng-repeat指令遍历一个javascript数组，当数组中有重复元素的时候,angularjs会报错:Error: [ngRepeat:dupes] Duplicates in a repeater are not allowed. Use 'track by' expression to specify unique keys. Repeater: user in user
2017-09-20 15:48:31
356
原创 用photoshop去掉图片文字
第一种方法：先选择区域，然后按“shift+F5” 进入填充选项,将使用设置为【内容识别】，模式【正常】，不透明度【100】；最后点击确定，选框区域里面的文字已经去除成功。第二种方法:1、若文字在图片的底部，直接使用剪切，文字截去。选择裁剪工具。2、在图片上选中保留的区域。3、选中后，按键盘上的Enter键，完成文字去除。第三种方法（仿制图章工具）：1、选择工具栏出处的
2017-09-05 15:58:13
6322
原创 overflow:hidden作用
1、清除浮动2、撑开父类3、超出的部分隐藏掉注意：（1）父类设置宽高，当子类的宽或高大于父类的宽或高时，超出的部分隐藏掉，同时会清除浮动；（2）当父类没设置高的情况下，在父类里加overflow:hidden;这时父类宽高就会撑开，同时也会清除浮动。
2017-08-18 09:45:12
414
原创 bootstrap手册
bootstrap手册 （经典）http://www.jqhtml.com/bootstraps-syntaxhigh/index.html
2017-08-17 15:52:28
312
原创 图片像素问题：如何保持图片大小不变而图片容量缩小
在Photoshop中很简单，将图片打开，点菜单“文件>存储为”，在对话窗口内有一项“文件格式”选项，单击旁边的小三角按钮，在此选择为JPEG格式，随即弹出JPEG格式对话框，上部有压缩级别（图像品质）选项（从0-12），如果你的原文件大于100KB，可以尽量将压缩级别设的较低一些，如4-5即可，这样保存的JPEG格式比原来的文件要小几倍，保存为JPEG格式后，无论
2017-08-15 11:42:59
11376
原创 在父类里不包括最后一位子类的margin-bottom
divclass="main"> divclass="cot">wusuiwdiv> divclass="cot">cdfdiv>div>style type="text/css"> .cot{ margin-top: 20px; margin-bottom: 30px; } style>如图所示
2017-08-10 16:27:59
381
原创 html 5的新增表单属性
1、表单2.0——HTML5新增的input type：email：在表单提交时提供了格式验证功能，要求@左右各有一个字符即可，错误提示信息可以定制，但外观无法定制（是窗口）number：呈现一个数字输入框，在提交时会验证数字格式，使用min、max、step指定最小值、最大值、步长url：提供了URL验证输入框，只要满足字母+冒号即可tel：提供了电话号码输入框，在手
2017-05-12 14:41:55
1239
原创 为什么2个相邻div的margin只有1个生效？
为什么2个相邻div的margin只有1个生效？方法：.box1{margin:10px 0;}.box2{margin:20px 0;}box1box2本例中box1的底部margin为10px，box2的顶部margin为20px，但表现在页面上2者之间的间隔为20px，而不是预想中的10+20px=30px，结果是选择2者之间最大的那个margin，我们把这种
2017-05-09 11:22:18
3295
原创 html 5新增结构标签
一、aside元素aside元素被包含在article元素中作为主要内容的附属信息部分，其中的内容可以是与当前文章有关的相关资料、标签、名次解释等。（特殊的section）在article元素之外使用作为页面或站点全局的附属信息部分。最典型的是侧边栏，其中的内容可以是日志串连，其他组的导航，甚至广告，这些内容相关的页面。 内容 作者简介
2017-05-09 11:16:55
502
原创 颜色RGB对照表（颜色大全）
颜色RGB对照表（颜色大全）■RGB(255,192,203) ■★●◆pink（粉红）■RGB(220,20,60) ■★●◆crimson（腥红）■RGB(255,240,245) ■★●◆lavenderblush（苍白的紫罗兰红）■RGB(219,112,147) ■★●◆palevioletred（脸红的淡紫红）■RGB(255,105,180) ■★
2017-05-09 10:47:22
35938
3
原创 nav的整理
(1)输入。(2)输入一组链接并将其标记为ul（无序列表）结构，除非链接的顺序比较重要（例如面包屑导航）。如果链接顺序重要，就将其标记为ol（有序列表）结构。 (3) 输入。nav能帮助屏幕阅读器识别页面的主导航，并允许用户通过键盘直接跳至这些链接。这可以提高页面的可访问性，提升访问者的体验。HTML5规范不推荐对辅助性的页脚链接（如“使用条款”、“隐私政策”等）使用nav，这不难
2017-05-08 08:35:23
566
原创 line-height与vertical-align的关系
顺便一说，vertical-align的其他 4 个值有可能有点用：· vertical-align:top / bottom，表示与 line-box的顶部或底部对齐· vertical-align:text-top / text-bottom，表示与 content-area的顶部或底部对齐
2017-05-08 08:29:07
249
原创 解决div布局中第一个div(display:block)的margin-top在浏览器中显示无效果问题
外边距合并问题常见于第一个子元素的margin-top会顶开父元素与父元素相邻元素的间距，而且只在标准浏览器下 (FirfFox、Chrome、Opera、Sarfi)产生问题，IE下反而表现良好。例子可以查看下面代码(IE下表现“正常”，标准浏览器下查看出现“bug”)： 子元素设置margin-top，父元素也受影响 * { mar
2017-05-08 08:21:49
1776
原创 box-shadow的总结
box-shadow是给元素块添加周边阴影效果。随着HTML5和CSS3的普及，这一特殊效果使用越来越普遍。box-shadow的具体使用方法：语法：E {box-shadow: ??||}也就是：E {box-shadow:inset x-offset y-offset blur-radius spread-radius color}换句说：对象选择器 {box-sh
2017-04-23 16:23:19
366
原创 .png与.jpg的图片格式的区别？以及它们分别应用场景？
一、.jpg/jpeg格式的图片(jpg全名：jpeg)JPG（或是JPEG）：优点：（1）占内存小,网页加载速度快;（2）主要用于摄影作品或者写实作品（或是其他细节、色彩丰富的图片）或大的背景图；对多色彩表现较好；不适于文字较多的图片。根据经验我们在页面中使用的商品图片、采用人像或者实物素材制作的广告Banner等图像更适合采用JPG的图片格式保存。缺点：JPG格式图片是有损压缩
2017-04-13 10:01:44
44416
原创 ps基本知识
1、“选择框”工具中Shift和Alt键的使用方法： 当用“选择框”选取图片时，想扩大选择区，这时按住Shift键，光标“+”会变成“十+”，拖动光标，这样就可以再原来选取的基础上扩大你所需的选择区域。或是在同一副图片中同时选取两个或两个以上的选取框。 当用“选择框”选取图片时，想在“选择框”中减去多余的图片，这时按住“Alt”键，光标“+”会变成“十-”，拖动光标，这样就可以
2017-04-05 10:49:10
448
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人