ranyonsue

npm安装插件怎么判断是--save 还是--save--dev

摘要： npm敲到一半的时候发现：诶这个到底是-g呢还是--save还是--save-dev呢 1.首先要先了解package.json 在Node.js中，模块是一个库或框架，也是一个Node.js项目。Node.js项目遵循模块化的架构，当我们创建了一个Node.js项目，意味着创建了一个模块，这个模阅读全文

posted @ 2019-05-07 17:35 ranyonsue 阅读(1240) 评论(0) 推荐(0) 编辑

前端获取图片存储大小的方法

摘要： 1利用input元素获取如果是input元素 <input type="file" id='myinput'> var file=document.getElementById('myinput'); var fileData = file.files[0]; var size = fileDat 阅读全文

posted @ 2019-04-29 17:54 ranyonsue 阅读(4142) 评论(0) 推荐(0) 编辑

移动端和PC端弹出遮罩层后,页面禁止滚动的解决方法及探究

摘要： PC端解决方案 pc端的解决思路就是在弹出遮罩层的时候取消已经存在的滚动条，达到无法滚动的效果。也就是说给body添加overflow：hidden属性即可，IE6、7下不会生效，需要给html增加overflow:hidden属性。要制作这个效果在PC端非常简单，只需要设置html的高度为10 阅读全文

posted @ 2019-04-24 17:48 ranyonsue 阅读(3018) 评论(0) 推荐(1) 编辑

JavaScript match()方法和正则表达式match()

摘要：先介绍参数为普通字符串的使用方式，此时match方法的返回值是存放首次匹配内容的数组。如果没有找到匹配结果，返回null。语法结构： 1 str.match(searchvalue)参数解析：（1）.searchvalue：必需，规定方法要检索的字符串。代码实例： let str="antzone" 阅读全文

posted @ 2019-04-23 17:14 ranyonsue 阅读(25596) 评论(0) 推荐(0) 编辑

移动端左右滑动问题-html与css解决

摘要： <!DOCTYPE html> <html> <head> <title>纯css实现左右滑动</title> <style type="text/css"> ul,li{ list-style: none;; } .slide-box{ margin-top:200px; display: -we 阅读全文

posted @ 2019-04-15 11:29 ranyonsue 阅读(2624) 评论(0) 推荐(0) 编辑

相对路径./与../区别

摘要：一、基本概念 1、相对路径-顾名思义，相对路径就是相对于当前文件的路径。网页中一般表示路径使用这个方法。 2、绝对路径-绝对路径就是你的主页上的文件或目录在硬盘上真正的路径。绝对路径就是你的主页上的文件或目录在硬盘上真正的路径，比如，你的Perl 程序是存放在 c:/apache/cgi-bin 下阅读全文

posted @ 2019-04-12 11:19 ranyonsue 阅读(7255) 评论(0) 推荐(1) 编辑

export，export default和import的区别以及用法

摘要：首先要知道export，import ，export default是什么 ES6模块主要有两个功能：export和import export用于对外输出本模块（一个文件可以理解为一个模块）变量的接口 import用于在一个模块中加载另一个含有export接口的模块。也就是说使用export命令定阅读全文

posted @ 2019-04-11 17:57 ranyonsue 阅读(1727) 评论(0) 推荐(0) 编辑

获取Iframe页面高度并赋值给Iframe以及获取iframe里的元素

摘要：最近接手了别人的项目，别人用到了iframe，自己在实战中总结了一些关于iframe的小问题。获取Iframe页面高度并赋值给Iframe Html <iframe name="container_ifranme" id="iframeId" scrolling="no" frameborder= 阅读全文

posted @ 2019-04-10 17:28 ranyonsue 阅读(10062) 评论(0) 推荐(0) 编辑

全局组件父子传参（父传子）

摘要：点击父组件里面的按钮可以控制子组件内的视图显示与隐藏 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>父组件控制子组件</title> <style> .show{ width:100px; height: 阅读全文

posted @ 2019-03-21 10:52 ranyonsue 阅读(1352) 评论(0) 推荐(0) 编辑

Vue组件之全局组件与局部组件

摘要： 1全局注册实例 <div id="app"> <com-btn></com-btn> <com-btn></com-btn> </div> <script> Vue.component('com-btn',{ data:function(){ return{ num:0, } }, template 阅读全文

posted @ 2019-03-05 17:39 ranyonsue 阅读(3562) 评论(1) 推荐(1) 编辑