叫我官人

原创 从条纹边框的实现谈盒子模型

类似下面这个图形，只使用一个标签，可以有多少种实现方式：  假设我们的单标签为 div: <div></div> 定义如下通用 CSS: div{    position:relative;    width: 180px;    height: 180px;} 这一题主要考查的是盒子模型 Box Mo...

原创 VSCode 快捷键和开发插件

VS Code 的常用快捷键和插件一、vs code 的常用快捷键1、注释：　　a) 单行注释：[ctrl+k,ctrl+c] 或 ctrl+/　　b) 取消单行注释：[ctrl+k,ctrl+u] (按下ctrl不放，再按k + u)　　c) 多行注释：[alt+shift+A]　　d) 多行注释：/**2、移动行：alt+up/down3、显示/隐藏左侧目录栏 ...

原创 vue 吸顶导航

 <!-- 吸顶 --><template> <div class="scroll"> <div class="header">header</div> <div class="nav" :class="navBarFixed == tru

原创 画图解析JS执行过程（js进阶堆栈）

转载 移动端H5页面注意事项

1. 单个页面内容不能过多设计常用尺寸：750 x 1334 / 640 x 1134，包含了手机顶部信号栏的高度。移动端H5活动页面常常需要能够分享到各种社交App中，常用的有 微信、QQ 等。使用移动设备查看页面时会发现，在微信浏览器中有顶部导航栏，在qq内置浏览器里不止有 顶部导航，底部也有 操作栏（safari浏览器也一样），这些都会占用设计稿显示区域，因此在 设计环节 就需要...

转载 移动端H5页面开发遇到的坑和解决办法

 1、安卓浏览器看背景图片，有些设备会模糊。 用同等比例的图片在PC机上很清楚，但是手机上很模糊，原因是什么呢？ 经过研究，是devicePixelRatio作怪，因为手机分辨率太小，如果按照分辨率来显示网页，这样字会非常小，所以苹果当初就把iPhone 4的960640分辨率，在网页里只显示了480320，这样devicePixelRatio＝2。现在android比较乱，有...

转载 vue+vuex+axios做登录、注册页权限拦截

在GitHub上有很多写好的模板，这个项目也是基于模板做的。现在记录一下我做的过程1、修改config文件夹里的dev.env.js里的BASE_API，把地址改成请求后端的公共部分 BASE_API: '"http://192.168.xx.xx"', 2、接下来就是操作src文件，先在 views里写好vue组件（login.vue,regist.vue），写好到rou...

转载 移动端HTML5开发心得

1，iOS里固定中有输入或者textarea，用户在里面输入文字，触发键盘，固定容器会客显示，而不是是连续悬浮      解决办法：http：  //dwz.cn/CrwNz2，移动端点击时间300ms的延迟      解决办法：zepto.js或者百度touch.js或者是fastclick.js3，zepto的触摸问题：swipe事件在小米1等低端手机不支持基本不用zepto...

转载 CSS布局方案

我们在日常开发中经常遇到布局问题，下面罗列几种常用的css布局方案话不多说，上代码！ 居中布局 以下居中布局均以不定宽为前提，定宽情况包含其中 1、水平居中  a) inline-block + text-align .parent{text-align: center;}.child{display: inline-block;}...

原创 windows + flutter + vscode 安装，配置，运行（详细版本）

 第一步：安装Git下载地址：https://git-scm.com/download第二步：下载Flutter SDK  Windows桌面右键点击git base here。当然你也可以选择一个文件夹打开git 命令行窗口，输入以下命令下载Flutter SDK。git clone -b alpha https://github.com/flutter/flutter.git...

原创 js一道面试题的艺术

for (var i = 0; i < 5; i++) { console.log(i);}“你说说这几行代码会输出什么？”当面试官在 Sublime 打出这几行代码时，我竟有点蒙蔽。蛤？这不是最简单的一个循环吗？是不是有陷阱啊，我思索一下，这好像和我看的那个闭包的题很像啊，这面试官是不是没写完啊？有毒啊。“应该是直接输出 0 到 4 吧...”，我弱弱的说到。“是...

原创 vue进阶面试题

1、active-class是哪个组件的属性？嵌套路由怎么定义？答：vue-router模块的router-link组件。 2、怎么定义vue-router的动态路由？怎么获取传过来的动态参数？ 答：在router目录下的index.js文件中，对path属性加上/:id。  使用router对象的params.id 3、vue-router有哪几种导航钩子？    答：三种，一...