鋒o丫头
鋒o丫头_个人页
鋒o丫头
文章
139
问答
0
视频
0
个人介绍
这里需要一句话点缀。
擅长的技术
-
发表了文章 2018-06-27
mask遮罩层的华丽写法
mask遮罩蒙层使用通常的写法的bug 通常写法pug .mask 通常写法css .mask{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 100; /*移动端*/ background: rgba(0,0,0,.
-
发表了文章 2018-06-26
调试工具 - vConsole
最近做移动端项目比较多，电脑上开发完了上真机必现问题，但是真机上又看不了代码很捉急啊有没有。 这两天才发现这个腾讯良品vConsole，以前开发小程序见过，但没想到他竟然还能被应用到我们的h5页面中， 废话不多说，先给大佬磕一个。
-
发表了文章 2018-06-25
Html2canvas - 项目中遇到的那些坑点汇总(更新中...)
水平居中的元素截图后向左跑偏 明明是水平居中的代码，截图出来的会偏左，结构是左图片右文字，有时候是图片自己跑到最左边，有时候是整体偏左一点点 这个问题也不是经常遇到，场景是父div元素text-align=center;内部两个子元素设为display:inline-block的模式。
-
发表了文章 2018-06-21
css笔记 - 张鑫旭css课程笔记之 Float 篇
https://www.imooc.com/t/197450float float的设计初衷/原本作用-是为了实现文字环绕效果如，一个图片和一段文字垂直放置，给图片加上浮动，文字就环绕图片展示了。 浮动的包裹与破坏 包裹 收缩 坚挺 隔绝 - BFC 具有包裹的其他...
-
发表了文章 2018-06-14
ES6 - class的学习
http://es6.ruanyifeng.com/#docs/class：class Person { constructor{ //构造函数，里边放不被继承的私有属性和方法 this.property1 = '第一个私有属性'; //属性结尾用分号 } //不写在constructor里边...
-
发表了文章 2018-06-09
vue - 生命周期第二次学习与理解
对于刚接触vue一两个月、才仅仅独立做过一两个vue项目的小白来说，以前一直自我感觉自己知道vue的生命周期， 直到前两天去面试，面试官让我说一下vue的生命周期。。。 其实我的心中是有那张图的，但是因为学习、分析的年代久远，心中有图却不知道怎么表述，成了个能发声的哑巴， 最后也就只能按顺序说出了那几个钩子函数，真是憋足了气！ 直到今天一鼓作气二刷生命周期，我才恍然大悟，原来我之前的理解中，潜意识里一直是把那几个钩子函数当做了vue的生命周期！ 简直了，想想那天，面试官肯定在心里把我鄙视死了吧！ 好了不扯了，直接说我今天看完后，自我感觉还很好的新的理解吧。
-
发表了文章 2018-05-26
vue-cli使用
1.全局安装vue-cli cnpm i vue-cli -g 2.监测安装版本 vue -V V : version 3.指定目录下新建项目 vue init webpack [项目名] 按自己的意愿配置、选择对应信息。
-
发表了文章 2018-05-13
vue - 组件间通信 之 中央事件总线bus
中央事件总线 - 就是一个名字可以叫做bus的vue空实例,里边没有任何内容； var bus = new Vue(); 人如其名，她就像一个公交车一样，来回输送人，将a站点的A输送到b站点，再将b站点的B输送到a站点； 这里a，b站点就像父、子组件，也像兄、弟组件，或者像两个没有任何亲戚关系的任何组件； 而A,B就像是各个组件内部要传输的数据或者要执行的命令信息，靠bus来通信。
-
发表了文章 2018-05-10
vuex - 简单使用步骤梳理，轻松掌握、附源码
-----------------------往期----------------------------- vuex - 学习日记 vuex - 辅助函数学习 vuex - 常用命令学习及用法整理 vuex - 项目结构目录及一些简单配置 -----------------------正文...
-
发表了文章 2018-05-10
css - 移动端h5在iphonex的适配
1 @media only screen and (device-width:375px) and (device-height:812px) and (-webkit-device-pixel-ratio:3) { 2 body:after { 3 content: ''; 4 ...
-
发表了文章 2018-05-10
JS - 原生js实现 网页截图(+下载截图) 功能
实现：html2canvas + canvas.toDataURL 首先，引入依赖插件： import { html2canvas } from './html2canvas'; html2canvas截图模糊处理： 1 /*图片跨域及截图模糊处理*/ 2 let canvasContent = document.
-
发表了文章 2018-05-05
vue项目实战 — — 那些自己给自己挖的深坑
深坑场景：vue-异步请求数据，数据还没回来，页面却如饥似渴的准备好了的尴尬场景；问题原因和解决如下： 1.先说vuex中的store，一开始我为了偷懒是这么设置的，如下图： 然后我到了组件中直接这么用的： 结构中也是，很懒的直接用： 结果就出现了诡异的问题（最近总是遇到诡异的问题，我在猜测...
-
发表了文章 2018-04-28
vue-细节小知识点汇总（更新中...）
1. $refs 数据这么绑定的： 然后在created中抛出来，猜猜看看打印的是两个什么？ 结果如下： 第一个跑出来了，第二个，却undefiend，没有东西？！。。。 后来去官网查看$refs的解释： 这么一看是我在created中抛出的原因了，于是我换到mounted中，最后果然...
-
发表了文章 2018-04-25
html2canvas - 解决办法之图片跨域导致的截图空白
1. 后端支持：图片要是cdn上的地址，并且允许图片跨域，header头中设置应为 Access-Control-Allow-Origin: * 2. 前端配置 1 var opts = { 2 scale: scale, // 添加的scale 参数 3...
-
发表了文章 2018-04-07
vuex - 项目结构目录及一些简单配置
首先先正经的来一段官网的"忠告"： vuex需要遵守的规则： 一、应用层级的状态应该集中到单个 store 对象中。 二、提交 mutation 是更改状态的唯一方法，并且这个过程是同步的。 三、异步逻辑都应该封装到 action 里面。
-
发表了文章 2018-04-07
vuex - 常用命令学习及用法整理
https://vuex.vuejs.org/zh-cn/api.html 命令 用途 备注 this.$store 组件中访问store实例 store.state.
-
发表了文章 2018-04-07
vuex - 辅助函数学习
官网文档： https://vuex.vuejs.org/zh-cn/api.html 最底部 mapState 此函数返回一个对象，生成计算属性 - 当一个组件需要获取多个状态时候，将这些状态都声明为计算属性会有些重复和冗余。
-
发表了文章 2018-04-07
vuex - 学习日记
一、简单理解 简单说vuex，就是用来管理组件状态的数据，并且能在你可掌控的范围下增删改查这些数据。 store容器 ， state状态 二者关系（包含）： 以前我也把vuex里边的state看成是一个全局对象的感觉，就像全局变量所有页面都能用一样，所有组件都能使用它。
-
发表了文章 2018-03-27
Vue - 实战疑点总结
1.注册全局组件（是一个单vue页面组成的一个组件，而不是现拼的template结构） 结构： 代码：main.js import UserList from './components/UserList' Vue.
-
发表了文章 2018-03-22
第三方工具 - echarts中 设置x||y轴文案、提示文字等为固定字数，超出显示"..."
起初看到这种需求的时候，我是这个状态 对，我是拒绝的，人家echats画出来就是一个canvas，你让我怎么加... 但是，作为一个“有点追求的”前端，我得想招试试总结下来，唯一的突破点就是echarts的配置了。
-
发表了文章 2018-03-12
第三方工具 - 关于echarts下钻功能的一些总结.js
废话：好久没有写博客了，每每看着自己的'战绩'都有点愧疚，但是这段时间确实学习了不少东西，待我慢慢地一 一梳理，将之消化并分享。 ---------------------------$O_O$--------------------------- echarts下钻：就是点击echarts图表，让图表展开更详细的下一级数据。
-
发表了文章 2018-02-09
一些时间的处理
let BGT = $(o.beginT).val(); let EDT = $(o.endT).val(); spanAddCls(3); // 获取点击日期， let date = statis.
-
发表了文章 2018-01-05
css - 移动端reset汇总与注释
1.解决移动端触摸a元素，会有蓝色阴影 正常状态： 点击时状态： a{ outline:none; -webkit-tap-highlight-color: rgba(0,0,0,0); } -webkit-tap-highlight-color: rgba(0,0,0,0);可以将该阴影透明化 2.
-
发表了文章 2017-12-15
小程序 - swiper除了左右切换还有上下滚动超出屏幕的内容
本来呢，我是有专门整理小程序恶心bug的文章的，每次只要添加汇总就好， 但是呢，鉴于这个问题的恶心程度，所以我把他单独拿出来说了。 ——————————————--------------------------------------------------产品经理都说恶心的需求---------...
-
发表了文章 2017-12-15
Js - JQ事件委托( 适用于给动态生成的脚本元素添加事件）
最近一段时间打了一个大仗，现在总算消停点，才有时间来做个总结吧算是： 移动端遇到一个项目，是一个列表的侧滑栏，在我这里用jq写的交互事件。自测各方面都挺好的，美滋滋的给了研发。研发也美滋滋的开始开发。 但是，好景不长。
-
发表了文章 2017-11-23
Vue-开发工具的安装
1. github官网下载vue工具：https://github.com/vuejs/vue-devtools。并解压 2. 在有package.json的文件夹下，按住shift右键，选择“在此处打开CLI” 执行 cnpm i （没装镜像用 npm i） 3.
-
发表了文章 2017-11-23
Vue-自带vue-resource插件实现http请求
安装 本地环境安装路由插件vue-resource： cnpm install vue-resource --save-dev *没有安装淘宝镜像的可以将 cnpm 替换成 npm 想要安装的可以看这篇文章http://www.cnblogs.com/padding1015/p/7162024.html，（打开搜索 镜像 即可跳转到对应位置） 配置 1.引用 main.js中用import引入进来： import VueResource from 'vue-resource' * 注意这里VueResource是自定义的名字。
-
发表了文章 2017-11-23
Vue-路由配置和使用步骤整理
介绍 路由：控制组件之间的跳转，不会实现请求、不用页面刷新，直接跳转-切换组件》》》 安装 本地环境安装路由插件vue-router： cnpm install vue-router --save-dev *没有安装淘宝镜像的可以将 cnpm 替换成 npm 想要安装的可以看这篇文章http://www.
-
发表了文章 2017-11-22
Vue-生命周期图示 注解
根据腾讯课堂视频讲解，将官网生命周期图示进行注解，以加深印象和理解 贴一个源码示例： 注意位置和写法
-
发表了文章 2017-11-22
Vue-自定义事件之—— 子组件修改父组件的值
如何利用自定义的事件，在子组件中修改父组件里边的值？ 关键点记住：三个事件名字 步骤如下： 这里，相对本案例，父组件定义为Second-module，对应的子组件是Three-module 第一步：你要想改动父组件的值，你父组件得先有值让你改吧！所以， 在父组件定义值： 第二步：同样...
-
发表了文章 2017-11-22
Vue-组件嵌套之——父组件向子组件传值
父组件向子组件传值步骤： 在这里先定义一下，相对本案例来说：App.vue是父组件，Second-module.vue是子组件。 一、首先，值肯定是定义在父组件中的，供所有子组件共享。所以要在父组件的data中定义值： 二、其次，父组件要和子组件有契合点：就是在父组件中调用、注册、引用子组件： 调用： 注册： 引用： 三、接下来，就可以在父组件和子组件链接的地方（即引用子组件的标签上），把父组件的值绑定给子组件： 这里我绑定了两个值，一个是数组，一个是字符串。
-
发表了文章 2017-11-20
Vue-框架模板的源代码注释
请稍等。。吃完饭回来写 吃饭回来了~嘿 ————————————————正经分割线————————————————— 先看我的目录结构：这是配置好node环境和配置好webpack后，生成的原始框架。 具体配置方法移步官网：https://cn.
-
发表了文章 2017-11-19
Vue-小demo、小效果 合集（更新中...）
（腾讯课堂学习小demo：https://ke.qq.com/course/256052） 一、简单的指令应用 ——打击灭火器 图片素材点击腾讯课堂的链接获取 html： 1 DOCTYPE html> 2 3 4 5 6 敲烂灭火器 7...
-
发表了文章 2017-11-17
Gulp-自动化编译sass和pug文件
突然发现在我博客文章中，缺少这一块的记录，那我就补一篇吧。 gulp的环境配置和安装：http://www.cnblogs.com/padding1015/p/7162024.html 这里就补充一篇gulpfile.
-
发表了文章 2017-11-13
JS-原生代码或方法实现特定效果总结（更新中...）
1、首字母大写示例： var value = “一段文本或一个参数”; value = value.toString() return value.charAt(0).toUpperCase() + value.slice(1) 2、反转字符串： var value = “一段字符串”; value.split('').reverse().join('')， 先一个个的字符分隔开来，不用分隔符。
-
发表了文章 2017-11-01
Node.js- sublime搭建node的编译环境
自动配置： 1、安装package control（见 http://www.cnblogs.com/padding1015/p/7763014.html） 2、sublime编辑器中，按快捷键：ctrl+shift+p，输入node js， 3、选择安装JavaScript & NodeJS Snippets.sublime-package。
-
发表了文章 2017-11-01
sublime--package control的配置与插件安装
自动配置： 准备一个安装好的 sublime text 。这里我的是版本3； 1. 快捷键：ctrl + ~；调出控制台，因为我的是版本3，所以在控制台中输入下边这段代码： 1 import urllib.
-
发表了文章 2017-10-31
git-常用命令一览表
一、git bash 操作文件 常用命令表 git常用 文件操作 命令 功能分类 命令 说明 备注 目录切换 cd 文件目录 改变/切换 目录， change directory 如 cd e:\fff ，将切换到E盘的fff文件夹下， cd d: 讲切换到d盘。
-
发表了文章 2017-10-28
CSS - 移动端 常见小bug整理与解决方法总结【更新中】
常见问题总结与整理系列~ 1. border一像素在手机上看着有点粗的问题： 原理是因为：1px在手机上是使用2dp进行渲染的。换成 border: 0.5像素？是不行的！ ...
-
发表了文章 2017-10-25
JS - 二叉树算法实现与遍历 (更新中...)
一、关于二叉树： 截图来自：https://segmentfault.com/a/1190000000740261 温馨提示：学习以及使用二叉树概念，心中永远有这么一个图，对于理解和接受二叉树有很大的帮助。
-
发表了文章 2017-10-24
正则表达式--列表
正则表达式元字符汇总表 正则速记理解技巧 正则应用示例表 百度百科： https://baike.baidu.com/item/%E6%AD%A3%E5%88%99%E8%A1%A8%E8%BE%BE%E5%BC%8F/1700215?fr=aladdin#5
-
发表了文章 2017-10-18
jade(pug)学习笔记（待填充.......）
深刻认识到总结知识点的重要性，不然遇到似曾相识的问题，要翻老半天的百度才能解决。20171018 pug——文字内部嵌入结构 比如： 里边有一段内部文字的实例！ 要是用pug得这么写： a.
-
发表了文章 2017-10-13
JS-几大排序算法（更新中...）
关于排序都会讲的名词：（我自己的理解） 时间复杂度： 指排序过程中，程序消耗的时间。 空间复杂度： 指排序过程中，程序所消耗内存的大小。 稳定： 如果两个值相等，a和b，a=b且a在b位置的左边，排序后依旧在左边(或者上下排列的话，可以理解为前边)。
-
发表了文章 2017-10-09
百度前端学院js课堂作业合集+分析(更新中...)
第一课：简陋的登录框 1 DOCTYPE html> 2 3 4 5 js课程第一课 6 7 body{padding: 20px;font:16px "微软雅黑";} 8 h3{text-align: cent...
-
发表了文章 2017-09-30
运算符整理合集+优先级排序
原文地址：https://mp.weixin.qq.com/debug/wxadoc/dev/framework/view/wxs/04operator.html 运算符这里一直是自己的弱点，只认识加减乘除，一些位移运算符因为没用过所以不怎么了解。
-
发表了文章 2017-09-27
小游戏-猜数字
效果图： 游戏说明： 浏览器随机生成0-100以内的一个数字，在输入框中填写你猜测的数字，猜测范围是0-100以内的正整数哦！ 有十次机会猜测，且在这十次猜测中都会对每次的猜测数字进行提示。
-
发表了文章 2017-09-22
css3-巧用选择器 “:target”
今天（昨天）又发现一个知识盲区 css3的：target标签，之前学习的时候就是一眼扫过，说是认识了，但其实也就记了三分钟，合上书就全忘光了。 直到昨天，遇到一个有意思的题目，用css3新特性做一个类似tab标签的小效果，才让我又重新认识了 ：target 选择器 w3c上对于target选择器的解释是： 试一下他的效果就能对target的作用明白了：http://www.
-
发表了文章 2017-09-21
一个有趣的鼠标移上去的动画-整理
屏幕录制gif的软件不好用，就用三张截图说明动画效果吧： 我比较喜欢的是他那个边框描边的动画，于是做了整理，提取关键代码如下 结构 1 2 3 鼠标移上来试试 4 5 6 ...
-
发表了文章 2017-09-19
三级侧边栏-树形菜单案例效果
效果图： 本次制作要点： html： 结构上，要把li内部的文字和待展开的元素分开来，便于后期样式上的把控和逻辑上的处理。 1 2 3 个人报表 4 5 今日报表 6 ...
-
发表了文章 2017-09-05
CSS-三栏响应式布局（左右固宽，中间自适应）的五种方法
代码： 1 2 第一种方法-float 3 4 关键点 5 6 结构顺序：左，中，右 7 中间盒模型的margin-left、margin-right分别是左右盒模型的宽度、障眼法:中间盒模型使用margin属性，留出左右元素的宽度，既可以使中间元素自适应屏幕宽度。
暂无更多信息
-
发表了文章
2018-06-27
mask遮罩层的华丽写法
-
发表了文章
2018-06-26
调试工具 - vConsole
-
发表了文章
2018-06-25
Html2canvas - 项目中遇到的那些坑点汇总(更新中...)
-
发表了文章
2018-06-21
css笔记 - 张鑫旭css课程笔记之 Float 篇
-
发表了文章
2018-06-14
ES6 - class的学习
-
发表了文章
2018-06-09
vue - 生命周期第二次学习与理解
-
发表了文章
2018-05-26
vue-cli使用
-
发表了文章
2018-05-13
vue - 组件间通信 之 中央事件总线bus
-
发表了文章
2018-05-10
vuex - 简单使用步骤梳理，轻松掌握、附源码
-
发表了文章
2018-05-10
css - 移动端h5在iphonex的适配
-
发表了文章
2018-05-10
JS - 原生js实现 网页截图(+下载截图) 功能
-
发表了文章
2018-05-05
vue项目实战 — — 那些自己给自己挖的深坑
-
发表了文章
2018-04-28
vue-细节小知识点汇总（更新中...）
-
发表了文章
2018-04-25
html2canvas - 解决办法之图片跨域导致的截图空白
-
发表了文章
2018-04-07
vuex - 项目结构目录及一些简单配置
-
发表了文章
2018-04-07
vuex - 常用命令学习及用法整理
-
发表了文章
2018-04-07
vuex - 辅助函数学习
-
发表了文章
2018-04-07
vuex - 学习日记
-
发表了文章
2018-03-27
Vue - 实战疑点总结
-
发表了文章
2018-03-22
第三方工具 - echarts中 设置x||y轴文案、提示文字等为固定字数，超出显示"..."
滑动查看更多
暂无更多信息
暂无更多信息