- 博客(42)
- 收藏
- 关注
RSS订阅
原创 Module build failed: Error: Cannot find module 'node-sass'报错问题
由于重新装了一个系统，很多环境配置要重新配置。在想run 一个项目时，出现下面的错误： error in ./src/page/Index.vueModule build failed: Error: Cannot find module 'node-sass' at Function.Module._resolveFilename (internal/modules/cjs/...
2019-01-14 20:26:10
96227
64
原创 git操作及fatal: Authentication failed for错误解决
本来自己一直使用git提交代码到码云上，是没有问题的，尝试远程提交到gitLab时，因为一时没有弄清楚，输入了错误的密码，然后一直说无法认证，报错：fatal: Authentication failed for。解决办法：先查看用户账号与密码是否是gitLab的输入：git config --list更改为正确的账号：git config --global user.name [...
2018-08-27 18:09:35
14207
1
原创 DateTimePicker 日期时间选择器 选中日期后不回显问题
最近使用element-ui中的日期选择组件，发现选中日期却没有回显出来，但是提交到后台的日期数据却是正确的，即数据变了，视图没变。经过反复查找，终于发现问题出在给实例对象增加新属性时，直接通过 ‘=’形式赋值是不会触发视图更新的，应该使用Vue.set给实例对象添加新属性。例如：this.modeForm.validDate = [ response.startDate, response.endDate]this.modeForm是已经创建的实例对象，通过= 创建新属性，不会触发视图更新
2020-06-28 10:58:48
4257
1
原创 Object.keys()、Array.from()、Set、Map
Object.keys() 返回一个每个元素为字符串的数组，返回顺序与使用for in返回的顺序一致。// 传入简单的数组Object.keys(["a","b","c"]); //["1","2","3"]//传入对象Object.keys({0:"a",1:"b",2:"c"}); //[&quo
2019-01-03 19:27:19
766
原创 match()，test()
match()方法：可在字符串中找到指定的值，或者找到一个或者多个正则表达式的匹配。形式：str.match('str') str.match(/regexp/) //str指字符串 console.log('http://giftwrapped.com/picture.jpg'.match('.gif'))返回的结果是：返回的是一个数组，0：首次匹配的结果，尽管字符...
2018-12-29 15:49:16
819
原创 详谈javascript的原型链问题
1、创建对象的几种方法 // 字面量 var obj1 = { name:'小一' }; //new Object() var obj2 = new Object({name:'小二'}); // 构造函数 function f(name) { this.name = name } var obj...
2018-12-29 11:29:59
130
原创 由["1","2","3"].map(parseInt)引出的问题
最近发现了一道有趣的题目["1",'2','3'].map(parseInt)，看到这道题，我首先想起了map()方法和parseInt()，但是记忆却是很模糊。后来查阅了资料，以此作为笔记，写下自己的一些理解。javascript map()方法例如： var arr = ['1','2','3']var list = arr.map(function(item, index, ...
2018-12-27 23:27:46
403
原创 简单配置axios以及封装子组件
/** * 简单配置axios以及封装子组件 * 1、下载 npm install axios * 2、文件目录： * plugin/axios/index.js * import axios from 'axios' * axios.defaults.timeout = 30000 请求超时时间为30s 注意defaluts是有s的 * axios....
2018-12-26 11:34:45
310
1
原创 总结vue项目的rouer的使用
// npm install vue-router 安装路由//引进import Vue from 'vue';import VueRouter from 'vue-router';// import demo from '../page/demo'const demo = () => import('../page/demo');import HelloWorld from...
2018-12-25 16:38:54
170
原创 vue项目之解决键盘弹起问题
在用vue做移动端项目时，当有输入框时，手机自带的键盘会把原本定位在底部的内容顶起。可以通过watch document.body.clientHeight的变化进行显示或隐藏定位在底部的内容。当document.body.clientHeight变小时，隐藏即可。for example:data () { return { documentHeight:document.b...
2018-12-24 15:05:31
5955
原创 整理vue项目的笔记
1、Vue.component()创建组件。注册全局组件，也就是说在他们注册完后可以在任何vue实例中使用。for example:import pContainer form './common/PContainer.vue' Vue.component('pContainer',pContainer) // 第一个pConainer是定义的组件名字。第二个PContainer是...
2018-12-24 11:51:33
170
原创 ducument ready 和document load的区别
页面加载完成有两种事件：ready和load首先了解一下DOM文档是如何解析的：1、解析html结构2、加载脚本和样式文件3、解析并执行脚本4、构造html的DOM模型 //ready5、加载图片等外部资源文件6、页面加载完毕 //load所以ready会比load先执行。ready是在DOM结构加载完成后执行，而load是在所有的脚本、样式、图片等资源文件加载完成...
2018-10-29 11:15:59
700
原创 前端知识总结
1.简述src和href的区别href是表示超文本引用，用来建立当前元素和文档之间的链接。常用的有：link、a。src是source的缩写，用作引入。src指向的内容会嵌入到文档中当前标签所在的位置。常用的有：img、script、iframe。2.简述同步和异步的区别同步任务是指，在主线程上排队执行的任务，只有前一个任务执行完毕，才能执行后一个任务；异步任务指的是，不进入主线程，而...
2018-08-27 18:11:42
197
原创 关于npm run build 时dist文件下图片not found 的问题
今天下午尝试将写好的静态vue项目build一下，原先image是放在src/assets路径下，最后生成的文件打开时是报错状态，最明显是图片not found 。后来终于解决了这个问题。首先我把image文件放在pubilc里，相应地改变用到的图片的路径，然后新建一个vue.config.js文件，放在根目录下。注意！不是src目录下。vue.config.js文件里写：接着np...
2018-08-27 17:52:49
1795
原创 vue开发结合element-ui的一些常见问题
最近在做vue移动端的一个后台项目，主要用elment-ui框架，也有用mtni-ui。你可能会问为什么要用两个饿了么的框架，首先呢，作为新手的自己，在想用table组件时，发现mint-ui没有这个组件，还有一个原因，mtni-ui官网老是打不开，后来就用上了element-ui。也有个疑虑，一个项目中用太多框架不太好？！下面自己做个笔记，记下自己遇到的点。1.在用element-ui时，很...
2018-08-22 17:32:21
1981
原创 弹性盒子flexbox
弹性盒子，为父容器指定为弹性盒子，设置display:flex，注意如果是webkit内核的，要加上前缀-webkit，即是display:-webkit-flex;如果是行内元素，设置为display:inline-flex;父容器拥有的属性：1.flex-direction 决定盒子的主轴方向，默认自左向右是主轴，自上向下是纵轴。 flex-dericttion:...
2018-08-01 10:01:30
222
原创 javascript冒泡排序
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
2018-06-01 19:33:57
378
原创 javascript输出四种九九乘法表
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
2018-06-01 19:30:22
7284
原创 多种方法用javascript输出黑白棋
学到for循环必定少不了多刷题~方法一、方法二样式：这里用了display，会产生一条缝隙，是根据根字体大小确定的，因此设置font-size:0; *{ margin:0; padding:0; font-size: 0; } .black{ width:30px; ...
2018-06-01 19:28:19
1125
原创 js计算前20项分数之和
题目：2 3 5 8 13 21 前一项的分子是后一项的分母 前一项的分子+分母是后一项的分子 add(); function add(){ //声明变量分别表示和，分子，分母 var sum=0,a=2,b=1; //临时变量 var num=0; ...
2018-05-31 12:53:08
1828
原创 git上传项目代码常见问题
在用git上传项目代码时，遇到的一些问题。首先，一开始在用gulp压缩源码后会有一个node_modules文件生成，当时不清楚，直接打包上传，后来出现下面类似的问题。请教别人，发现添加一个.gitignore忽略文件即可。不过在这次上传整理笔记时，又犯了这个问题，我想下次会记住了~出现的问题：e解决方法:添加一个忽略文件.gitignore例如需要忽略的文件：另外经常出现的一个问题： Anoth...
2018-05-30 19:28:31
512
原创 git用户名邮箱设置与更改
最近电脑坏了，于是换了一台电脑操作，现在这电脑git操作环境是ok的，在上传项目到码云时，惊奇地发现提交用户不是自己的名字，而是原先这台电脑的使用者，后来尝试删除了git安装包，重修下载安装git，再操作一次，发现依然是这个问题，提交用户根本没有改变。于是请教了别人，嗯~这次真的长见识了！解决这个问题仅需要git的几个命令。1、git config --list 查看配置信息，其中可以看到用...
2018-05-29 22:18:30
526
原创 gulp的使用
在此之前被提问到如果要压缩css文件，你会有什么办法？用过sass工具的任可能会想到它，在命令提示行中输入命令：sass --watch scss:css --style compressed，这时我们还可以用到gulp，一个自动化构建工具，下面进行配置它的运行环境。1、全局安装gulp核心，在cmd中输入命令：cnpm install --global gulp (或者简写：cnpm insta...
2018-05-04 14:43:45
168
1
原创 css手写开关按钮
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
2018-04-26 20:06:40
500
原创 手风琴菜单
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
2018-04-26 19:13:51
398
原创 sass的继承和混合使用
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
2018-04-26 11:50:04
3466
原创 三级菜单
bluej三级菜单*{ margin:0; padding:0;}body{ background-color: #3c79b0;}ul li{ list-style: none;}/* 父级没有设定高度,子元素有浮动,导致父元素没有高度,给父级清除浮动 */.clearfix:after{ content: ''; clear:both; display: block...
2018-04-25 23:58:18
731
原创 nth-child()和nth-of-type()的区别
nth-child()例如：p:nth-child(3)表示满足父元素下的p元素，并且在父元素下位置排第三。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>nth-child()和nth-of-type()</title&
2018-04-14 22:20:24
163
原创 px、em、rem的区别
px像素px是相对于显示屏屏幕的分辨率，IE无法调整用px作为单位的字体大小，很多国内网民都是使用IE内核浏览器的，国外网站大多数使用em或者rem字体单位。em相对单位，继承父级元素的字体大小。表示相对于当前对象内的文本字体大小，如果没有设置当前我那本字体大小，则为相对浏览器的默认字体大小。浏览器默认的字体大小为16px，为了方便换算px和em，可以让body的font-sixe=62.5%，则...
2018-04-14 21:57:22
186
原创 树形菜单
前几天被问到如何实现树形菜单，之后百度一下，学了两种比较简单易理解的方法，一种是用Jquery写，另一种时用插件解决。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>jquery树形菜单</title> &
2018-04-02 17:36:29
868
1
原创 拖拽及鼠标跟随div运动
刚看了一下事件对象，即是event对象，表示当一个对象发生事件时，与这个对象相关的一些详细信息会保存到event对象中，以方便这个对象调用。低版本IE、chrome和标准浏览器的事件对象不一样。在低版本IE、chrome下，event是一个内置的全局对象;而在标准的浏览器中，事件函数的第一个参数默认为时间对象，为了兼容这些浏览器的差异，一般做一个兼容处理：document.onclick=func...
2018-03-27 11:05:30
489
原创 表格table以及其属性
table标签定义表格，tr元素定义表格行，td元素定义表单元格，th元素定义表格头。table属性：border 表格边框 border-collapse 默认是不合并边框，取值为collapse，表示合并 cellpadding 表示内容与单元格边框的距离 cellspacin...
2018-03-26 20:57:55
3374
原创 jquery实现轮播图
根据昨天写的换肤写到的一部分的图片轮播，今天把它完善一下。先看看最后的效果图：下面是源码：//简单的布局<body> <div id="content"> <div class="img"> <img src="img/1.jpg" height="200" width="600" alt="&q
2018-03-26 16:41:02
419
1
原创 简单的换肤
找了一下背景换肤，自己写了一个小东西~直接上效果接下来是源码，写的可能有点啰嗦简单布局一下：<body><input type="button" value="换肤" id="btn"> <div id="box"> <div id="con"> <a href="#&
2018-03-24 12:00:06
200
原创 html常见兼容性问题
1、IE6对PNG图片格式支持不好。gif和png这两种图片的不同，gif支持图像透明，体积很小，网上很多小动画都是gif格式，保存出来的图片相对png图片会有明显的齿缘，视觉效果不太好，png图片相对gif占用内存小，但是png图片在IE6下背景是不透明的，针对IE6下图片背景不透明，可以专门写css hack语句。或者在PS中保存为PNG8格式的图片，有或者引入一段脚本处理。2、浏览器默认的m...
2018-03-16 15:15:45
2693
原创 前端面试题
小白今天收到通知去面试，有点害怕。嗯~后来做了面试题后发现自己是个大白~下面这些题目是自己面试完后努力记住的一些题目，里边包含了两家公司的题目，然后自己在网上搜索了答案。1、标准css盒子模型标准的盒子模型：Margin（外边距、边距）：透明不可见；Border（边框）：可见，可以添加样式；Padding（填充、内边距）：透明不可见;Content（内容）：显示文本和图像元素的宽度：width+2...
2018-03-15 21:16:39
142
原创 正则表达式
嗯~~一直有听过正则表达式，然而并不熟悉，现在重新整理一遍~正则表达式可以用于文本搜索和文本替换。语法模式：/正则表达式主题/修饰符（可选）例如：/hello world/i ，这是一个正则表达式，/hello world/是正则表达式主体，i是修饰符，表示不区分大小写。正则表达式常用于字符串的两个方法search()和replace()search()方法：用于检测字符串中指定的子字符串，或者...
2018-03-14 16:41:56
169
原创 图片时钟
分享一个简单的图片时钟写法~部分html代码：<body style="font-size:60px"> <p id="p"></p> <img src="img/0.JPG" alt=""> <img src="img/0.JPG" alt="">
2018-03-14 09:57:49
338
原创 css3+javascript实现模态框效果
这里用到css3的过渡transition(在点击图片之前，鼠标移入图片，0.7s改变了图片的透明度；进入模态效果，鼠标移入关闭按钮时，0.5s显示了关闭按钮背景颜色)和动画animation（给模态框加上动画，比例大小从0变到1）。html代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UT...
2018-03-13 23:14:29
1349
原创 css3属性之2D转换、3D转换、过度、动画
1、2D转换（可以对元素进行旋转、平移、缩放、转动。）Internet Explorer 10, Firefox, 和 Opera支持transform 属性.Chrome 和 Safari 要求前缀 -webkit- 版本.注意： Internet Explorer 9 要求前缀 -ms- 版本.transform：translate（x,y）;//x代表沿x轴平移的距离，y代表沿y轴平移的距离...
2018-03-13 20:49:46
282
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人