- 博客(24)
- 收藏
- 关注
RSS订阅原创 高德地图 缩放级别（Zoom） 和 比例尺（scale）之间 的关系
map.getZoom() 获取当前地图的缩放级别因为项目要求 地图可以进行缩放 ，后台的接口接收的参数为当前地图的比例尺，所以需要将获取到的当前地图的缩放级别转换为比例尺// 地图进行缩放的时候监听该函数AMap.event.addListener(map,'zoomend',function(){ let scale = 20 - map.getZoom(); _thi...
2018-07-02 11:58:50
29884
原创 vue-router 和 vue-i18n 在router中实现国际化
今天遇到个需求，需要在router中实现国际化，试了半天发现 router 和 i18n 是同级的，在router中调用this.$t()会报错，那么我们可以换种思路： 在我的翻译文件中写好需要翻译的key，替换路由中的title，在用到title的地方使用i18n进行国际化，如下 1) 在zh.js 和 en.js中分别写好key： 2) 在router中的title位置进入该k...
2018-06-07 10:56:13
14323
8
原创 -webkit-
-webkit-appearance是用来改变按钮和其他控件的外观，使其外观类似于原生控件。 1) 在做app的时候，发现input的显示在ios上很奇怪，与android上显示的不同，经查询后，发现是ios有默认的样式，所以需要去除这个默认的样式，然后覆盖UI要求的样式// input[type="search"] 定义用于搜索的文本字段;input[type="search"] { ...
2018-05-22 10:22:46
653
原创 vue 实现二维码 vue-qart 和 qrcodejs2
项目要求在WEB端放置扫码可下载APP的二维码，在查询了相关的资料后，发现两个比较好用的二维码组件 一、vue-qart 1) 安装 vue-qartnpm install vue-qart --save2) 页面中引入import VueQArt from 'vue-qart'components: {VueQArt}3) 配置downloadButton:f...
2018-05-10 14:51:24
18357
3
原创 express从入门到牛逼
1) 安装express npm install -g express-generator2) 新建nodeAppexpress nodeApp3) 安装依赖cd nodeApp && npm install4) 启动SET DEBUG=nodeApp:* & npm start5) 热更新 因为在使用的过程中 更改了rou...
2018-05-08 17:18:13
348
原创 icon 优化
icon 的 演变史 1) img 标签 2) image sprite 通过css 的 background-position定位显示不同的 icon 图标 说实话 这个真的有点恶心 每添加或者删除掉一个图标 都需要UI从新处理该雪碧图 也需要前端重新重新处理定位 定位起来也很麻烦 3) font-awesome 这个我现在还在用 比较麻烦的就是 有时候项目需要的图标 这个上...
2018-05-07 11:23:56
658
原创 Vue框架
1) element-ui 2) iview 3) vue-admin 4) vue-material 5) vuetify 6) Keen-UI 7) CoreUI-Free-Bootstrap-Admin-Template 8) Framework7-Vue 9) vue-mobile 10) Weex 11) Mint UI 12) vue-carbon 13) Mu...
2018-05-07 10:21:49
246
原创 art-template模板的使用
因为近期项目需要， 所以使用了art-template模板，初步认识了一下 1) 循环<div data-div="htmlOneTwo"></div><script id="htmlOneTwo" type="text/html">// list 是原始数据 type：array// value 是 item 即 array 中的每一项的..
2018-05-04 12:16:18
1299
原创 使用高德地图 vue-amap 中遇到的问题
1) 搜索组件进行搜索的时候，无论搜索哪个城市，地图一直固定在一个城市（我的是深圳）<el-amap-search-box class="search-box" :search-option="searchOption" :on-search-result="onSearchResult"></el-amap-search-box>// 配置searchOptio...
2018-05-03 19:34:05
17514
5
原创 Linux 常用命令行
nano -w fliename 打开指定文件进行编辑Ctrl+W 输入你要搜索的关键字 回车确定 将会定位到第一个匹配的文本，接着可以用Alt+W来定位到下一个匹配的文本 Ctrl+O 保存修改 Ctrl+X 退出 Ctrl+C 取消返回vi filename Esc 从编辑模式切换到命令模式 ZZ 命令模式下保存当前文件所做的修改后退出vi i 在当前字符前插入文本 ...
2018-04-27 14:49:24
217
原创 码云 操作 git
一、 添加 SSH 公钥 1) 首先检查本机公钥：cd ~/.ssh如果文件存在，则直接 ls 查看文件夹下的文件vi id_rsa.pub 打开pub 文件 该文件即是公钥文件 id_rsa 这个文件是私钥的文件复制该文件，将该文件粘贴到码云公钥部分2) 若是没有该文件 则 mkdir ~/.sshssh-keygen -t rsa -C "你的邮...
2018-04-26 15:45:30
461
原创 移动端h5开发和原生的交互
一、使用框架 apiCloud 方便和原生之间的数据交互 页面结构： lib:第三方组件 page：页面模块划分 common：公共模块 二、使用过程中的问题： 1) h5页面进入二级页面 按返回键 android不能一级一级按次序返回 直接回退到最上层 2) android 在键盘弹出的时候不能自动计算页面的位置，键盘遮住部分页面 三、解决办法 1) 在android打开...
2018-04-25 14:22:09
1808
原创 文章标题
node的学习笔记一、了解node 1)Node不是一个Web服务器,它本身并不能做任何事情。Node.js只是计算机上执行代码的另一种方式，它是一个简单的JavaScript Runtime. 二、node命令行 1)不带任何参数直接在Shell中输入node，然后输入命令，每个命令都会返回一个值 2)执行一个js文件 node hello.js 三、文件的输入和输出操作 ==> 通过内
2017-08-08 19:51:49
197
原创 文章标题
关于如何在vue中引入本地的音频文件： 我的尝试： 将音频文件防止在static文件夹中<audio src="/static/audio/04.mp3" id="audioPlay"></audio>就可以实现实现音频的循环播放：let audioPlay = document.getElementById('audioPlay');/*在这里建议使用原生来获取，使用jQuery会有点问题*
2017-08-08 18:29:42
168
转载 欢迎使用CSDN-markdown编辑器
欢迎使用Markdown编辑器写博客本Markdown编辑器使用StackEdit修改而来，用它写博客，将会带来全新的体验哦：Markdown和扩展Markdown简洁的语法代码块高亮图片链接和图片上传LaTex数学公式UML序列图和流程图离线写博客导入导出Markdown文件丰富的快捷键快捷键加粗 Ctrl + B 斜体 Ctrl + I 引用 Ctrl
2017-08-08 18:23:12
155
原创 CSS在线字库
css在线字库： 由于谷歌全线退出中国，所以连接响应的时间有点长。<link href="https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700|Roboto:400,500,700,900'" rel='stylesheet' type='text/css'></link>所以在线字库换成下边这种：<link href='
2017-04-25 19:56:04
1530
原创 jQuery源码解析data
jQuery.fn.extend({ data:function(key,value){ //解析html5的自定义属性 data-* }})1. .data(key,value) 如果传递的参数是key和value,则是为每个匹配元素设置任意类型的数据2 .data(key)如果只传入参数key,则返回第一个匹配元素的指定名称的数据 var $
2017-04-25 17:43:15
368
原创 AMD 和 CMD
CMD CMD规范：是SeaJS 在推广过程中对模块定义的规范化产出的。什么是CMD规范：在CMD中，一个模块就是一个文件define(function(require,exports,module){ //模块代码})define是一个全局函数，主要用来定义模块。 将上述代码保存在文件acot.js中，那么我想要在bcont.js中依赖于acont.js的话，可以：define(fu
2017-04-25 17:16:10
318
翻译 响应式
1.考虑宽高比：保证在响应式的整个过程中宽高比不会改变 2.尺寸和比例的一致性：保证将图片裁剪成不同比例不同尺寸的大小 3.使用轮播图或者图库:轮播图控件和图库控件 4.尽量避免使用图片说明（Captions）:会非常直接地影响到网页的运作 5.图片和视频混用要小心:尽量不要让图片和视频同时存在于同一个控件或者区块中 6.削减不必要的元素: 7.只使用高素质的图片精准响应式排版：
2017-04-19 15:28:32
264
翻译 文章标题
bootstrap源码解读： 使用 CSS 预处理语言 LESS 编写，使用 Grunt 构建，生成的bootstrap.css文件从上到下分为三个部分的代码： 1.参考 Normalize.css 的代码； 2.参考 HTML5 Boilerplate 的代码； 3.Bootstrap v3 自身的代码。 Normalize.css 样式:text-size-adjust:100%;//
2017-04-19 11:37:47
154
原创 git命令行
git : 分布式版本控制系统没有中央服务器的，每个人的电脑就是一个完整的版本库，不需要联网，可互相推送。1.安装git window系统版本 2.启动git Bash 3.配置git 使用 git config –global user.name进行用户名的配置 git config –global user.email进行邮箱的配置 4.新建库 cd 进入某
2017-04-18 11:30:57
266
原创 setTimeout(function(){}) 堆栈 ES6 Promise
堆栈 setTimeout(function(){}) 闭包 ES6 Promise
2017-04-14 11:19:57
1728
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人