章鱼no丸子-优快云博客

原创 vue history模式下微信分享爬坑记录

项目分享需求：详情页面分享当前标题+简介+图片+当前路径，其余页面分享固定标题+简介+图片+当前路径微信H5项目，后台接口返回签名。安装及引用使用说明安装npm install weixin-js-sdk --save (安装淘宝镜像的推荐cnpm)引用及使用#main.js#// 引入import Vue from 'vue'import A...

2018-09-10 14:52:53 1810

原创 BREAKING CHANGE: It's no longer allowed to omit the '-loader' suffix when using loaders.

BREAKING CHANGE: It’s no longer allowed to omit the ‘-loader’ suffix when using loaders. You need to specify ‘css-loader’ instead of ‘css’, 原因：webpack新版本不支持缩写，将提示的webpack.config.js位...

2018-04-03 12:04:17 3760

原创 warning: LF will be replaced by CRLF in package-lock.json. The file will have its original line endi

warning: LF will be replaced by CRLF in package-lock.json. The file will have its original line endings in your working directory.解决将core.autocrlf设为false即可解决这个问题，不过如果你和你的伙伴只工作于Windows平台或者Linux平台，

2018-01-10 16:10:45 4800

原创关于animation简写各参数说明

animation: toOpacity 8s 2s infinite both;animation: 1s .5s linear forwards vanis, 1s 1.5s linear toBig;依次为动画名字，动画播放时间，延迟时间，播放次数，both：设置对象状态为动画结束或开始的状态，结束时状态优先依次为动画播放时间，延迟时间，播放方式，动画结束时的状态（如果是reverse则

2017-08-23 15:08:42 9105

原创阻止checkbox选中态

obj为被点击的多选框，但是这个多选框关联的选项必须是单选的。在无差别判断下。可以使用$(obj).get(0).checked = false;将选中态再取消掉。var aaa = $(obj).attr("aaa");if(aaa == "yes") { if($("input[aaa='yes']:checked").length > 1 || $("input[aaa='no']:

2017-08-09 16:30:13 2245

原创 git常用命令

$ git // 是否安装了git$ git config --global user.name "你的名字" // 安装完成后自报家门$ git config --global user.email "你的邮箱"// 安装完成后自报家门$ mkdir 你的文件夹名字 // 创建一个项目（就是仓库不包含中文）$ cd 你的文件夹名字 // 进入仓库$ pwd // /Users/.....

2017-08-02 17:56:07 258

原创 fatal: Unable to create '........./.git/index.lock': File exists.

执行命令： git commit -m 时候一时抽风，没有写描述，直接来了个文件名，然后悲剧了： fatal: Unable to create ‘………/.git/index.lock’: File exists. 好吧…最后查资料获得解决方法rm -f ./.git/index.lock然后重新提交就可以了

2017-08-02 16:24:09 520

原创 github提示：fatal:remote origin already exists

使用命令：$ git remote add origin （项目）提示：fatal:remote origin already exists 解决办法：$ git remote rm origin$ git remote add origin （项目）如果不行，可以去文件里面找。进入gitconfig文件删除[remote “origin”]这一行然后就可以愉快的把本地库的所有内容推送到

2017-08-02 16:14:10 309

原创 ios中点击出现的高亮黑色背景层

举个栗子： input[type=”radio”]ios点击选中的时候会有黑色的背景层。或者是黑色圆圈。炒鸡难看… 可以加上：background: transparent;来解决这个问题； but…..点击时候会出现一闪而逝的黑色透明背景。闪啊闪啊的… so… 再加这个：-webkit-tap-highlight-color:transparent;-webkit-tap-high

2017-06-28 17:54:32 883

原创 vue长按事件模拟一

雏形，未做优化，原理：自定义指令。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>yuki-长按事件</title> <script src="https://unpkg.com/vue/dist/vue.js"></script> <script src="vue-resou

2017-06-20 09:48:58 5045

原创微信小程序scroll-view高度设置及scroll-into-view的使用跳转

布局是左边导航栏，右边可上下滑动的子类表。用到组件：scroll-view 第一个误区：height不能使用百分百。（实践可用百分百。不必要非用rpx或者px）目前完成了点击添加索引class显示效果，及右侧分类跳转相应位置。classfiy.wxml<import src="../templates/search" /><import src=

2017-05-27 11:06:00 31857 1

原创移动端/pc字体两边对齐

这个没啥可写的 css3自带的功能，直接贴代码了<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>justify-test</title> <style> div { width: 200px; height: 200px;

2017-05-26 15:36:52 2578

原创 js获取服务器端时间

用到了ResponseHeader里面的信息。也就是当你发送请求时候里面的Date时间因为项目中用的jquery所以直接贴jquery的代码：注意，需要再服务器环境里跑哟不要本地文件夹里自嗨那你得到的服务器时间只会是null，因为你在本地跨域跨域跨域啊~反正我是没有办法解决，有能解决的大神欢迎指导一下…..$.ajax({ url: window.locati

2017-05-26 11:02:50 905 1

原创前端调用ios和Android输入法中的搜索按钮

在移动端的项目中，百分之九十九都有搜索功能，为了考虑一些平时玩手机不溜的人群我们会增加搜索的button让他们点击。但是对于平时打字很666的童鞋来说，不能使用键盘中的搜索表示很嗤之以鼻。下面的代码就解决了调用手机端软键盘搜索功能的问题。多次实践，目前没发现什么问题。代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF

2017-05-26 09:53:05 1242

我有自己萌萌哒水印，所以不想要默认markdown图片里的水印啦。 ![这里写图片描述](http://img.blog.youkuaiyun.com/20170525225845990?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQveXVraV9oYWhh/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve

2017-05-25 23:03:37 711 1

原创 vue移动端地区选择练习1

目前能力有限，写的很小白。以后会在此基础上再接再厉，加了个油！！首先附上从网上down的忘记了谁的json城市数据var chineseCities =[ {id: 1, name: '北京', city: [ {id: 1, name: '北京市', district: [ {id: 1, name: '东城区'}, {id: 2, name: '西

2017-05-25 17:47:39 3766 1

原创 overflow滚动条消失小技巧

模拟滚动条在工期紧张情况下，会比较烦心。但是又想要滚动效果，又不想看到滚动条怎么办呢？？当然有scroolbar等一系列css属性可用。但是兼容性真不心水啊。为了尽快完成开发，什么剑走偏锋都要来一遍了。核心思想无非就是看不到滚动条，既然不能改变颜色不能让它透明，那我隐藏你呗。此处的隐藏不是display:none;啊。而是在有滚动条的元素外面再套一层壳子，然后通过控制宽度，加上overf

2017-05-25 12:21:47 26326 1

原创 vue笔记（1）——插值总结

文本插值 <p>{{ text }}</p><p v-text="text"></p><p data-id="{{ id }"></p><p>{{ *text }}</p> // "*"是只渲染一次数据，后续数据变化不再关心html插值// content: '<p>http://www.yuki.kim</p>'<div>{{{ content }}</div><div v-ht

2017-05-24 22:47:16 654 1

原创 vue弹窗消息组件练习2

本来打算写一个那种提示完了自动消失的弹窗的，但是没有想好淡入淡出的效果。所以暂时算是半成品。练习代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>ys-alert-component</title> <style> input { bor

2017-05-24 17:44:41 1391

原创 vue常见报错汇总

自己踩过的坑，给别人留下铁锹，慢慢积累。Uncaught SyntaxError: Unexpected identifier最小白的错误之一，找到相应的行数，看看您老是不是少了个逗号…….多半如此。Uncaught SyntaxError: Invalid or unexpected token最小白错误之二，找到相应行数，您老是不是中英文符号切换错了…十之八九。

2017-05-24 16:13:25 3425

原创 vue弹窗组件练习

弹窗是一个项目必备的复用利器，所以封装起来，保证项目ui一致，是很有必要的。学了一段时间vue，想想还是用vue写一下吧。用的很小白，但是会写出来了，说明我也有进步一丢丢了。继续加油…. 代码贴图如下，样式比较丑，不要介意…<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>ys-vue-mod

2017-05-24 11:39:29 5306 1

原创 vue图示

结合网上各介绍文章及官方说明，运用自己笨拙的ps做了一张且当桌面，经常看看，希望铭记于心。

2017-05-23 16:41:32 325 1

原创 input输入框在手机中光标及字体不居中解决方法

如何解决input输入框在ios中光标及字体不居中的问题；问题根本：不要使用line-height垂直居中。解决方法：可直接定义height，然后高度由上下padding值撑开。input { font-size: 1.6rem; height: 1.6rem; padding: 1rem 0;}

2017-05-23 14:53:54 7044 1

章鱼no丸子