在koa2项目中使用sass/scss

关于sass/scss在项目中的使用前言安装功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特...

2019-06-05 17:15:57

阅读数 49

评论数 0

vue切换页面 动态设置meta和title标签内容

pc端项目中为了优化SEO搜索,要求首页和内容页的title/keywords/description 保持不一样 用vue+webpack搭建的项目 思路: 1)由于vue是单页面应用,index.html入口文件< head &...

2019-01-08 19:48:26

阅读数 4277

评论数 2

http与https的区别和原理

HTTP协议传输的数据都是未加密的,也就是明文的,因此使用HTTP协议传输隐私信息非常不安全,为了保证这些隐私数据能加密传输,于是网景公司设计了SSL(Secure Sockets Layer)协议用于对HTTP协议传输的数据进行加密,从而就诞生了HTTPS。 即:HTTPS协议是由SSL+...

2019-01-07 18:36:01

阅读数 123

评论数 0

vue 监听scroll事件 进入另一页面后,返回时保持在原来位置

在项目中,比如首页较长是需要scroll的,进入到另一页面后,返回时默认在首页原来的位置 思路: 这个主要是vue监听滚动事件,监听到进入之前的滚动条并保存下来,切换回来时再取出来进行赋值就可以了。 步骤: 1)利用vue的@scroll事件对整个页面进行监听 2)保存滚动条的值...

2019-01-05 23:26:40

阅读数 590

评论数 0

HTML5 head头部 meta标签属性整理

移动前端开发中添加一些专属的HTML5头部标签,帮助浏览器更好解析HTML代码,更好地将移动web前端页面表现出来 meta是html语言head区的一个辅助性标签。meta标签的作用有:搜索引擎优化(seo),定义页面使用语言,自动刷新并指向新的页面,实现网页转换时的动态效果,控制页面缓冲,网...

2019-01-03 15:56:43

阅读数 101

评论数 0

滚动页面,实现导航栏固定在顶部(吸顶效果)

首先最简单的,是利用position的sticky属性 说明 sticky 结合了 position:relative 和 position:fixed 两种定位功能于一体的特殊定位。 它主要用在对scroll事件的监听上;在滑动过程中,某个元素距离其父元素的距离达到sticky粘性定位...

2019-01-02 18:33:54

阅读数 4582

评论数 0

vue 切换“页面”(路由)时保持滚动条回到顶部

vue项目做pc端的时候,发现在两个页面切换时 滚动条没有回到顶部而是保持原先的位置,这是由于vue是单页面应用,只是更换了路由内容,还在当前页面滚动条是不会回到顶部的。 解决办法是在切换路由的时候,将滚动条复位为0。 在App.vue文件下,添加watch事件,全局监听路由,亲测有效。 c...

2018-12-25 10:46:13

阅读数 1072

评论数 0

关于vue项目在低版本浏览器中不支持ES6的解决方案

原因:低版本浏览器内核版本太低,无法解析 ES2015最新的一些语法。 babel是一个转译器,把同种语言的高版本规则翻译成低版本规则 一般搭建项目时webpack会在最外层配置一个.babelrc文件用于默认解析ES2015(es6)中的特殊语法(例如: let,const,class等) ...

2018-11-01 19:33:46

阅读数 3122

评论数 15

vue项目中,解决 node-sass安装出错

报错情况 在npm run dev 后报错 出现下面情况 “checkPermissions Missing write access to D:\myproject\vue-demo\node_modules…” 意思大概是没有权限 需要把node_modules 删除 再 npm i...

2018-10-31 19:19:42

阅读数 420

评论数 0

移动端长按禁止默认事件总结

1、如果是禁用长按选择文字功能,用 css : 全局* 或者 局部选择相映的DOM加 * { -webkit-touch-callout:none; -webkit-user-select:none;...

2018-07-06 16:18:32

阅读数 1642

评论数 0

移动端和网页端公告栏文字右向左轮播滑动

效果:一进入页面,文字从右向左滑动,第一段文字滑到左端消失后,第二段才开始出现,就这样飘飘飘,最后一个在左端消失后,第一段接着来。 思路: css样式—外面有个固定的框框,需要轮播的文字写在ul>li里面,ul设置相对它的父级定位并且有固定...

2018-06-06 15:35:01

阅读数 1798

评论数 1

浏览器兼容问题及解决方法汇总(持续更新......)

一、出现兼容问题的原因:         浏览器种类很多,但是区别主要在浏览器内核的不同,所以各内核对网页的解析差异,是导致浏览器兼容问题出现的主要原因。关于浏览器内核(browser kernel),是浏览器最为核心的部分,可以分为两部分,一部分是渲染引擎(render engineer或la...

2018-04-21 16:14:52

阅读数 137

评论数 0

入门级---Vue脚手架(vue-cli)搭建过程---详版

我觉得---对于初学者来说,首先应该是先知道为什么要搭建脚手架vue-cli,然后再进行搭建...  什么是脚手架,搭建的目的是什么?         在工地上,脚手架是帮助工人作业搭建的架子,哈哈...        所以在这里, vue-cli  就是脚手架,里面有一套vue结构配置,它可以...

2018-04-20 19:59:51

阅读数 177

评论数 0

关于url/href/src的概念和区别

一、URL的概念 统一资源定位符(或称统一资源定位器/定位地址、URL地址等,英语:Uniform Resource Locator,常缩写为URL),有时也被俗称为网页地址(网址)。如同在网络上的门牌,是因特网上标准的资源的地址(Address)。 二、URL的格式 2.1 标准格式 ...

2018-04-18 19:52:19

阅读数 149

评论数 0

提示
确定要删除当前文章?
取消 删除