samscat的博客_CSDN博客-web,js,css领域博主

提问私信关注

samscat

码龄3年

于 2018-08-01 加入CSDN

获得成就

获得1次点赞
内容获得0次评论
获得2次收藏

荣誉勋章

兴趣领域

#前端

#CSS#JavaScript#WebPack#面试#前端框架#ECMAScript 6#Node.js#HTTPS#Vue.js#TypeScript#小程序

TA的专栏

web
5篇
js
4篇
css
3篇
git

vue router导航解析流程实测

看完官网的导航流程，自己测看看一、进入第一个页面，导航触发, 触发全局beforeEach当一个导航触发时，全局前置守卫按照创建顺序调用。守卫是异步解析执行，此时导航在所有守卫 resolve 完之前一直处于等待中。2.触发路由独享的守卫beforeEnter你可以在路由配置上直接定义 beforeEnter 守卫3.触发beforeResolve在 2.5.0+ 你可以用 router.beforeResolve 注册一个全局守卫。这和 router.beforeEach 类似，.

发布博客于 24 天前

vue 路由返回处理

case1: 在路由跳转之前做监听处理// 回退事件监听，可以放在路由Router.beforeEach/beforeRouteLeave 里面window.addEventListener('popstate', () => { // 相关处理，阻止返回上一级或者跳转其他页面},false)case2: 取消路由历史记录this.$router.replace({ path: '/content', query: { searchVal: val }

发布博客于 25 天前

企业微信内置应用h5开发记录-1

web端企业微信用户切换账号之后清除缓存处理办法依据：企业微信切换用户时会清空cookie所以，在登录完之后存储一下用户标识在cookie里面，切换用户的时候判断cookie是否存在就可以了。企业微信监听回退事件快速连续点击不执行关闭方法处理企业微信有自己的jsAPI – 关闭当前网页窗口在index.html引入jsApi<script src="https://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>关

发布博客于 1 月前

vue自适应布局（postcss-px2rem）

首先，我们来了解一下lib-flexible和amfe-flexible:lib-flexible是淘宝项目组开发出来的一个开源插件，会自动在html的head中添加一个meta name="viewport"的标签，同时会自动设置html的font-size为屏幕宽度除以10，也就是1rem等于html根节点的font-size。而amfe-flexible是lib-flexible的升级版，所以现在我就只使用amfe-flexible了。与其搭配的postcss-px2rem(pxtorem）作用为

发布博客于 2 月前

vue项目引入less报错

问题描述：项目依赖“vue”: “^2.6.10”,“vue/cli-service”: “^3.0.4”,安装了"less": “4.1.1"和 “less-loader”: “^7.0.2”,出现如下报错解决方案：1.安装"style-resources-loader”: “^1.3.3”,2.降低less-loader版本为5.0.0...

发布博客于 2 月前

git使用

git 上传文件初始化到 gitee 码云远程仓库一，创建一个新文件夹，初始化git init拉取master分支到本地git clone 【url】新增一个远程仓库origin(别名)，建立连接git remote add 【origin】【url】拉取远程分支到本地git fetch origin(别名) 分支名(可选项，不填写则拉取全部，填写则拉取对应分支)查看远程分支命令：git branch -a创建本地分支，并切换到该分支git checkout -b myBranch

发布博客于 3 月前

js 监听和移除监听事件

先上代码const bfscrolltop = document.body.scrollTop; document.getElementById('consultDes').addEventListener('focus', this.resetScoll, false)document.getElementById('consultDes').addEventListener('blur', function() { document.body.scrollTop = bfscrolltop

发布博客于 5 月前

js截取视频第一帧图片

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>capture screen</title> </head> <body> <video id="video" controls="controls"> <source src="./img/demo.mp4"> </video>

发布博客于 5 月前

angular分页

使用angular版本:1.7html <div class="abouts"> <div class="commentbox" > <ul> <li> <div class="number">{$good_percent}%</div> <p>好评度</p>...

发布博客于 2 年前

jq滚动事件无效

源码: $(window).scroll(function(){ console.log('scroll'); })滚动无效,不报错无输出.解决方案: window.addEventListener('scroll', function(){ console.log('scroll'); });兼容写法function scroll() { ...

发布博客于 2 年前

css浏览器兼容

不同浏览器样式会显示有差别,对此产生的css hank/Chrome/@media screen and (-webkit-min-device-pixel-ratio:0) {.consureBtn {width: 30px;height: 25px;background: #0188fb;border: none;color: white;margin-left: 0px;...

发布博客于 2 年前

fixed定位兼容问题

1.问题描述：一个fixed定位的导航栏，安卓和PC端可以显示，但是iphone上面却无法显示。2.问题查找：首先排除js的问题，因为iPhone能触发该点击事件也能对类“open”进行操作判断，经过查找最后发现我在最外包裹的层上写了一个“overflow:hidden”,我去掉了它，然后终于能显示了。3.结论：安卓和pc端浏览器上overflow:hidden对于fiexd定位的层无效，而i...

发布博客于 2 年前

CSS实现爱心的画图

*CSS实现爱心的画图#heart{width: 100px;height: 90px;position: relative;}#heart:before,#heart:after{width: 50px;height: 80px;left: 50px;top: 0;background-color: red;position: absolute;content: "";...

发布博客于 2 年前