摘要:
首先我们先创建一个我们要开发的项目的目录中,然后运行 npm init ,为我们的项目起个名字,然后一路回车,这样就会在我们的项目目录中创建一个最基本的 package.json 的文件,接下来安装我们要使用的 koa 模块 npm install koa --save ,这样我们就引入了 koa 阅读全文
摘要:
使用is属性,可以轻松实现导航切换效果 例子: html部分: css部分: js部分: 阅读全文
摘要:
在使用vue做项目的过程中,有时候刷新页面的时候,原本应该隐藏的东西会在页面闪一下然后再隐藏,以前一直没有留意,知道最近,终于忍受不了这样的情况出现,然后就在vue的api中去查找,结果还真的找到了解决方法,就是使用v-cloak。 官网的说法:这个指令保持在元素上直到关联实例结束编译。和 CSS 阅读全文
摘要:
web可以使用Input type="file"来上传图片或者文件 对应事件:change 常用属性:accept, multiple, capture accept:限制文件类型 audio/* 表示所有音频文件 HTML5(支持) video/* 表示视频文件 HTML5(支持) image/* 阅读全文
摘要:
今天工作过程中遇到个问题,就是在vue页面操作更改data里面是数据之后,页面并没有得到渲染,使用了watch也是不行。后来同事提醒,才知道vue中有这么个实例方法,可以强制渲染 用法:在执行完变更操作之后使用 阅读全文
摘要:
有时候我们希望元素被focus的时候页面不发生滚动,例如我们点击一个按钮打开一个弹框,此时点击弹框中的关闭按钮隐藏弹框后,希望键盘的焦点回到之前的按钮上,我们就会执行如下JavaScript代码: 但是有时候会带来另外一个比较严重的体验问题,那就是如果弹框显示之后我们页面发生了滚动,原本点击的按钮跑 阅读全文
摘要:
1、判断是否微信浏览器 2、判断是移动端浏览器还是PC浏览器 3、创建一个菜单搜索 4、联想自动补齐功能 5、下啦菜单可进行搜索/过滤操作 6、点击式导航栏下啦菜单 7、全屏幕导航--从上到下动画 8、右侧侧边栏 9、侧边栏动画--页面主体内容黑色透明背景 10、js/css响应式顶部导航样式实例 阅读全文
摘要:
var myVar=setInterval(function(){ myTimer() },1000); function myTimer(){ var d=new Date(); var t=d.toLocaleTimeString(); document.getElementById("demo").innerHTML=t; } 阅读全文
摘要:
Date.prototype.format = function (fmt) { var o = { "M+": this.getMonth() + 1, //月份 "d+": this.getDate(), //日 "h+": this.getHours(), //小时 "m+": this.getMinutes(), //分 "s+": this.getSeconds(), //秒 "q+": 阅读全文
摘要:
1、使用全局变量 2、嵌套使用 3、引入别的文件 SASS中引入片断时,可以缺省使用文件扩展名,因此上面代码中直接通过@import 'reset'引入,编译后生成的代码如下: 4、混合 混合也可以这样用 5、继承,继承是SASS中非常重要的一个特性,可以通过@extend指令在选择器之间复用CSS 阅读全文