摘要: 语言包: Chinese -- VS Code的汉化包 主题: Material Theme Icons -- 修改文件图标的插件。 VSCode Great Icons -- 另一个修改文件图标的插件。 格式化+代码补全: ESLint -- Integrates ESLint Vetur -- 阅读全文
posted @ 2019-01-04 15:02 电子猫 阅读(1916) 评论(0) 推荐(0) 编辑
摘要: canvas-nest.js是一款轻量的网页特效,如图: github地址:https://github.com/hustcc/canvas-nest.js 在普通的html项目中,只要将<script src="dist/canvas-nest.js"></script>插入到body标签最下边即 阅读全文
posted @ 2018-12-28 16:51 电子猫 阅读(5293) 评论(2) 推荐(0) 编辑
摘要: 1 //格式化文件大小 2 function renderSize(value){ 3 if(null==value||value==''){ 4 return "0 Bytes"; 5 } 6 var unitArr = new Array("Bytes","KB","MB","GB","TB","PB","EB","ZB","YB"); ... 阅读全文
posted @ 2018-10-23 16:42 电子猫 阅读(1485) 评论(0) 推荐(0) 编辑
摘要: 1.效果预览: 2.引入资源文件 1.vue资源 2.elementUI资源 <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css"> <script src="https://unpk 阅读全文
posted @ 2018-09-29 17:07 电子猫 阅读(3060) 评论(0) 推荐(0) 编辑
摘要: 引用下面的js: <script src="http://pv.sohu.com/cityjson?ie=utf-8"></script> 直接获取IP和城市名: 阅读全文
posted @ 2018-09-29 09:31 电子猫 阅读(11029) 评论(4) 推荐(0) 编辑
摘要: 写写简单的东西,效果如图: 1.html代码 2.css代码 1 body, 2 ul, 3 li, 4 p { 5 margin: 0; 6 padding: 0; 7 } 8 9 li { 10 list-style: none; 11 /*border: 1px solid #000;*/ 1 阅读全文
posted @ 2018-08-24 11:32 电子猫 阅读(1199) 评论(0) 推荐(0) 编辑
摘要: 这里调用的是百度文字转语音开放API html: js: 代码中改变传参可更改配置: lan=zh(语言zh:中文;en:英文;fr:法文;) ie=UTF-8(字符集) per=3(每3个字符停顿) spd=5(语音播放速度,数字越大越快0-15) text=“”(需要转换的文字) 阅读全文
posted @ 2018-08-14 14:59 电子猫 阅读(13228) 评论(3) 推荐(1) 编辑
摘要: 七夕情人节就快到了,这里献上纯js表白神器-心里都是你,预览: 技术点:css-3d、js-随机色、js-transform 1.html: 2.css: 1 *{ 2 margin:0; 3 padding:0; 4 } 5 body{ 6 background:#000; 7 overflow: 阅读全文
posted @ 2018-08-13 11:24 电子猫 阅读(10539) 评论(7) 推荐(3) 编辑
摘要: 1.何为滚动视差 视差滚动(Parallax Scrolling)是指让多层背景以不同的速度移动,形成立体的运动效果,带来非常出色的视觉体验。 作为网页设计的热点趋势,越来越多的网站应用了这项技术。效果如图: 一般而言,滚动视差在前端需要辅助 Javascript 才能实现。当然,其实 CSS 在实 阅读全文
posted @ 2018-08-13 10:36 电子猫 阅读(578) 评论(0) 推荐(0) 编辑
摘要: 1.移动端UI库 ①.Vant UI 官方地址:https://youzan.github.io/vant/#/zh-CN/intro github地址:https://github.com/youzan/vant 优点:用来做移动端商城很不错,支持定制主题,社区还算活跃 ②.Mint UI 官方地 阅读全文
posted @ 2018-08-10 11:30 电子猫 阅读(27886) 评论(2) 推荐(3) 编辑
摘要: js代码: 阅读全文
posted @ 2018-08-08 16:20 电子猫 阅读(437) 评论(0) 推荐(0) 编辑
摘要: 由于开发需求,需要做一个通讯录界面,点击右侧首字母菜单,列表会将对应字母列表成员滑动至顶部,效果如下图(包括点击事件+长按事件): 1.需求分析 (1)首先,我们需要把数据里用户名转换为首拼,然后归类、排序并插入到列表中。 (2)拿到首拼列表,渲染到右侧的导航栏里,同时,每次点击右侧导航栏字母,页面 阅读全文
posted @ 2018-08-06 13:42 电子猫 阅读(381) 评论(0) 推荐(0) 编辑
摘要: 由于开发需求,需要做一个类似qq的聊天界面,侧滑弹出单条item右侧菜单,菜单可点击,效果如下图(包括点击事件+长按事件): 1.项目主体dom和css 页面结构比较简单,顶部header做了fixed定位。 页面主体被id="wrapper"包含,每条item有用户的头像、名字和操作btn组成。 阅读全文
posted @ 2018-08-03 16:56 电子猫 阅读(1313) 评论(0) 推荐(0) 编辑
摘要: 比如说,手机宽度像素为360px的话,1rem就是18px;像素为320px的话,1rem就是16px. 阅读全文
posted @ 2018-06-19 17:37 电子猫 阅读(1475) 评论(0) 推荐(0) 编辑
摘要: 起源 最主要的原因时使用vue-cli搭建的SPA(单页应用)不利于搜索引擎的SEO操作。搜索引擎对SPA的抓取并不好,特别是百度根本没法抓取到SPA的内容页面,所以我们必须把我们的应用在服务端渲染成适合搜索引擎抓取的页面,再下载到客户端。 Nuxt.js是Vue.js的通用框架,最常用的就是用来作 阅读全文
posted @ 2018-06-04 17:24 电子猫 阅读(9598) 评论(5) 推荐(1) 编辑
博客已经出生了585天12小时9分18秒