陌上花开

原创 mime类型总结 input_type=file限制

js 文件类型总结 input_type=file限制类型1. 浏览器支持2. 定义和用法3. input举例4. MIME 类型5. 后缀名类型介绍（1）图片类（2）视频类（3）音频类6. MIME对照表1. 浏览器支持Internet Explorer 10、Firefox、Opera、Chrome 和 Safari 6 支持 accept 属性。注意：Internet Explorer 9 及之前的版本都不支持 <input> 标签的 accept 属性。2. 定义和用法

原创 win10 IIS - Internet Infomation Services；SwitchHosts

目录一、IIS简介二、IIS安装三、IIS使用一、IIS简介 IIS（全称：Internet Information Services）互联网信息服务，由微软公司提供的基于运行MicrosoftWindows的互联网基本服务组件，其中包括Web服务器、FTP服务器、NNTP服务器和SMTP服务器，分别用于网页浏览、文件传输、新闻服务和邮件发送等方面，它使得在网络（包括互联网和局域网）上发布信息成了一件很容易的事。简单点，就是可以在window上建一个服务器。对于前端来说...

转载 前端面试几个重要知识点

转载至 https://segmentfault.com/a/1190000013331105文章目录1、 viewport2、跨域的几种方式3、渲染优化4、事件的各个阶段5、let var const6、箭头函数7、快速的让一个数组乱序8、字体font-family9、meta标签10、消除 transition 闪屏11、android 4.x bug12、JS 判断设备来源13、audio元素和video元素在ios和andriod中无法自动播放14、css实现单行文本溢出显示 ...15、实现多行

原创 jsencrypt 加密^3.0.0-rc.1版本new JSEncrypt报错问题

起因： jsencrypt加密这个逻辑一直是有的，最近同事拉代码npm install的时候竟然报错了，我本地没问题，奇怪了，我删除node_module后我这也报错了，然后看了有package-lock.json，锁定了啊，依赖如下：找问题：在node_module中，找到了这个依赖，文件名jsencrypt@3.0.1，和3.0.0-rc.1不一样，查了官网，原来最近升级了，升级的版本不兼容以前的版本，那为啥锁定了，还会有下载到3.0.1呢？解答：用 ^ 指定版本范围：允许不会改变最左边.

原创 Vue/js 富文本编辑器、excel编辑器合集

Vue 富文本wangEditor官网vue-quill-editor官网vue2-editor官网wangEditor官网vue-quill-editor官网vue2-editor官网

原创 类似于失落之城的解谜游戏都有哪些

解谜游戏森林木屋风景解谜类失落之城命运之矛，潘莫菲亚恐怖庄园的秘密，失落的喷泉失落文明玛雅公主失落的神庙隐秘的洞穴幽灵庄园的秘密逃离黑暗沼泽庄园黑荆棘城堡渥太华的秘密重返神秘庄园隐秘的世界密林溪流(Thickety Creek)其他玛雅公主遗失之谜秘密仪式，逃离庞贝城，Stanley博士的家都1,2，皇室的麻烦，神秘视线，沉睡的记忆，奶奶的房间，无处来信，末日公寓泪的句号，漂流密室，危险的豪轮森林木屋风景解谜类失落之城命运之矛，潘莫菲亚恐怖庄园的秘密，失落的喷泉失落文明玛雅公主失落的神庙隐

原创 记电脑小妙招，调f12，win10键盘失灵等

笔记本 win10 如何不用fn直接按发f1-f12调出相应功能这个真的是坑的要死，新电脑win10，作为一个前端程序员，fn+f12才能调出控制台很痛苦，线下是看了下，好多都是开机点logo，进BIOS Setup。。。。。。对于这个只在上学的时候学过的东东，我总有种恐惧感，怕不小心把我辛辛苦苦安装配置的电脑数据给整坏了，所以只能找简单办法（相信很多人和我一样吧）然后：Fn+esc就搞定为啥呢？看见esc那的个fn锁了吗？...

原创 记录一下基于vue2.x+vue-cli3.x构建项目及构建后大概过程和需要的依赖

基于vue2.x+vue-cli3.xnode+npm+webpack+vue+vue-clinode:node.js官网 （node -v 参考10.x）npm:新版nodejs安装后有npm（npm -v 参考6.x）cnpm: 淘宝镜像 安装命令npm install cnpm -g --registry=https://registry.npm.taobao.org...

原创 npm run build 打包爬坑记（3）打包压缩优化

之前打包完后给后台，很好能展示出来，但是verdor很大，加载超级慢，用了路由懒加载，才好多了，但还是没有达到想要的效果，那就继续优化吧，以下是我的优化过程，有些可能不沾边或者还没解决的，欢迎留言告知，多谢路由懒加载这个在npm run build 打包爬坑记第5条中已说明main.js优化思路这是个老话题了，项目中一般都需要引入插件（例如：mint-ui），但不能在main.js...

原创 git 创建分支，传到远程仓库，访问新分支，合并代码到master

git clone git地址，然后打开命令框创建新分支并切换到新分支git checkout -b testbranchgit branch 能查看到本地所有分支 master testbranch提交新分支到远程仓库git push origin lmytest（）提交分支git add .git commit -m “提交新分支”git push访问新分支（在别的地方）...

原创 npm run build 打包爬坑记（2）生产、测试打包

随着新功能、新需求的开发，每次打包都能遇到新的问题比如说这个上线了一版本就不能随便改动了，所以要在线下来一版，线下开发时有时候需要链接正式数据、有时候需要测试数据，所以要分线下测试正式，好吧，晕了，简单点，没有什么是图表解释不了的，请看图表：首先部署是要后台部署，我们用的Xshell 4，...

原创 微信内置分享，基于vue2.x

这次做微信分享，被文档坑死了，说是分享的即将废弃了，但新的又不能用，用旧的，还要带新的api名字。唉需求：点分享按钮，弹出点击右上角分享弹框，然后选择分享出去（朋友朋友圈、qq、qq空间）分享当前页和别的页面开始了:...

原创 微信小程序趟过的坑

从17年5月开始接触微信小程序，趟了无数的坑，一直没有记下，结果后面就忘掉了，所以。。。小程序加载图片403： 微信 Referer:https://servicewechat.com/{appid}/devtools/page-frame.html图片设置了防盗链，后台设置referer白名单，匹配servicewechat.com,至于阿里云遇到的自动加 *. 的，暂时还没解决，会的留...

原创 mint-ui地址三级联动初始化，解决一开始就展示所有省市区的问题

mint-ui地址：添加链接描述先大概说一下使用过程；main.js 中引入,我使用了几个mint-ui的方法，为了打包，就局部引用了import { Picker } from 'mint-ui ;//import 'mint-ui/lib/style.css'Vue.component(Picker.name, Picker);地址页面使用：页面样式 1rem = ...

原创 CSS笔记

textarea禁止拉伸：resize:none

原创 webpack3.x到4.x

终于，需要把webpack3.x升级到4.x了，导火索就是需要压缩，该来的总会来啊webpack3.x =&amp;amp;gt; 4.xcnpm install --save-dev webpack@4.x （[https://github.com/webpack/webpack/releases](https://github.com/webpack/webpack/releases)）cnpm...

原创 vue2.x +webpack4.x+Hbuilder单页面打包成apk

vue2.x + webpack4.x 写的项目，现在用hbuilder打包成apk，主要有几点注意的：cnmp run build 的时候，更改一下config下的index.js 中 assetsPublicPath: ‘/‘为’./’:更改router中的 mode为hash模式，或者注释掉history：把vue项目打包：cnmp run build，得到dist...

原创 VisualStudio配置（vue2.x开发）

先记录，然后再补充作用VeturESLintGit Historylanguage-stylusminappAuto Rename TagAutoFileNameChinese (Simplified) Language Pack for Visual Studio CodeDebugger for ChromePath IntellisenseGitLens — Git ...

原创 js Utils封装方法，手机密码验证、防抖节流、模拟toast、promptBox、cookie操作、网络类型、操作类型、千分位、随机数等

一个项目少不了的就是js utils的封装了，总结如下：// 登录页判断时间export function parseHello() { let now = new Date(), hour = now.getHours() if (hour &amp;amp;amp;amp;lt; 6) { return (&amp;amp;amp;quot;凌晨好！&amp;amp;amp;quot;) } else if (hour &am

原创 js 时间各种展示总结（n天前，时间格式化）

(function(){ if (window.__second_open__) return; var first_js_time = +new Date(); var showDate=&quot;&quot;; var svrDate=new Date(&quot;1544749949&quot;*1000); var createDate=new Date(&quot;1544745600&quot;

原创 vue2.x 标签动态设置背景问题，有透明度

需求是这样的，有个标签，它的透明度随着进度的大小而改变，进度是0%-100%，对应的透明度是0.5-0，直接上代码// 随着进度而变化标签的透明度&lt;div class="shade" :style="{ background: 'rgba(0, 0, 0, '+(1-item.progress/100)/2+')' }" &gt;&lt;/div&gt;网上一直是图片的，是这样的：...

原创 vue2.x 文件图片路径问题

原创 npm run build 打包爬坑记（1）

npm run build 打包爬坑记先说说打包过程，npm run build 后放入phpstudy里面，访问本地ip，查看phpstudy的端口号，就能访问页面了（访问地址：http://192.168.1.188/dist/）然后爬坑之路开始了（我的打包是一个dist文件夹，直接放入phpStudy的www里面），如下图11.报错：打包之后访问页面一片空白，各种文件加载不出来...

原创 Vue2+axios+router+loading封装（新增图片上传）

Vue+axios+router+loading封装vue新手，开项目一个多月了，遇到好多坑，对于喜欢每个项目的请求必须要封装的我，这操作是必须滴；一个要求一个要求加进入，未来还有更多要求还不知道怎么处理，axios就是一个血泪史啊先说说具体的要求：axios基础封装 ：axios的基础拦截封装；参数设置 ：header，接口路径、方法（get、post），参数等；跳转路由 ：发起请...

转载 微信公众平台注册流程

转载至：https://weibo.com/ttarticle/p/show?id=2309404214568548194281此文档用于客户申请微信登录，分享，支付等功能指南需要准备的资料 客户 1. 移动应用简介（最多80字）应用官网，填写公司的官网即可移动应用图片（应用图标）营业执照，应用的经营类目，经营范围商户联系人，手机号，常用邮箱，联系人微信商户名...

原创 微信小程序瀑布流

微信小程序瀑布流微信小程序瀑布流，使用flex布局写的，有好有坏； 好处：代码简单明了，易懂 坏处：某列过长，某列过短看效果图：我特意调的，末尾空白，欢迎交流 wxml:&lt;view class='gride'&gt; &lt;view class='item'&gt;&lt;view wx:for='{{grides}}' wx:k...

转载 Hbuilder 打包、证书签名问题

可能iOS下各种证书（点击这里）的繁杂，所以官方只给出了iOS系统下证书的生成说明，Android证书的生成的确很简单，我简单说明一下： 1、安装JDK 2、在cmd下，进入到JDK的bin目录，输入： keytool -genkey -alias yourapp -keyalg RSA -validity 20000 -keystore yourapp.keystore 说明：yourap

转载 mui 下拉刷新 上拉加载

转自http://ask.dcloud.net.cn/question/1247动态禁止和恢复上下拉刷新留着做个demo 需要暂时禁止和恢复上下拉刷新，我的初始化代码如下：mui.init({ styles: { top: ‘42px’, //子页面顶部位置 bottom: ‘42px’, //子页面底部位置 }, pullRefresh: { container: ‘#pullref

原创 js---mui返回上一页并刷新数据

作为小白，写这个是崩溃的，每一个单独都可以用，但是放到返回主页面就不行了，然后然后。。。就各自截取了一段，就好了/(ㄒoㄒ)/~~ HTML代码片：//使用的是mui的返回<header class="mui-bar mui-bar-nav"> <a class="mui-icon mui-icon-left-nav mui-action-back mui-pull-left"></a>

转载 微信公众上传头像和分享

发现了一个比较全的微信公众上传头像的博客，保存一下地址：http://www.ningguoteng.com/post-61.html前面的就看微信JSSDK文档了：http://mp.weixin.qq.com/wiki/11/74ad127cc054f6b80759c40f77ec03db.html#.E5.9B.BE.E5.83.8F.E6.8E.A5.E5.8F.A3$(function (

转载 C什么O的真的好多，总结总结

首席行政官【CAO】 首席品牌官【CBO】 首席文化官【CCO】开发总监【CDO】 首席执行官【CEO】首席财务官【CFO】 人力资源总监 【CHO】 首席信息官【CIO】 首席知识官【CKO】市场总监【CMO】首席谈判官【CNO】首席运营官【COO】公关总监【CPO】质量总监【CQO】销售总监【CSO】技术总监【CTO】评估总监【C...

原创 安卓仿微信上传图片问题（2）

之前那样做，发现图片好模糊，加了一个压缩图片的，还有存储图片的方法如下：照相机以及返回结果//照相机 public void photo() { File file = new File(Environment.getExternalStorageDirectory(), "/shopping/cache/"); if (!file.exists())

原创 安卓仿微信上传图片问题

最近做了微信上传图片，果断把大神的demo拷了过来，后来发现上传的时候出现了几个问题，那个博客下老是提醒链接过多，评论不了，就搬到这了———首先先贴大神的demo地址：http://blog.csdn.net/jdsjlzx/article/details/44160603#html1. 获取的图片就是null，尤其是拍照的，我就把那个FileUtil那个存储bitmap的方法给返回了一个路径，然

转载 正则表达式

想想也是醉了，一大把的正则，稍微过时了，就全完了，唉，所以见着的就赶紧先攒下来。转载：http://492664447-qq-com.iteye.com/blog/15343011.由数字、26个英文字母或者下划线组成的字符串:    ^[0-9a-zA-Z_]{1,}$2.非负整数（正整数 + 0 ）:    ^/d+$3. 正整数:    ^[0-9]*[1

原创 VolleyPost请求，数组形式的参数有的手机提交不了

VolleyPost请求，数组形式的参数有的手机提交不了，试了好多次，才发现可能数组传的有问题，

转载 安卓分分钟搞定ListView单选问题

设置ListView为单选模式 android:id="@+id/lv_category" android:choiceMode="singleChoice" android:layout_width="0dp" android:layout_height="match_parent"