2019年03月_Ace.三阶斗尊

原创 HTML5从入门到精通笔记

添加小程序，兑换各种视频教程/数据资源。第一章：HTML5新增语法，元素，属性，事件1.html5语法： 1.1 html是不区分大小写，也不区分大双引号。 1.2 对于具有boolean值得属性，如disabled和readonly等，当值写属性不写值，将属性值设置为属性名或设置为空字符串时，表示为true，如<input disabled /&...

2019-03-20 11:38:27 2406 1

原创 vue项目（vue-cli2.0和vue-cli3.0）移动端适配

添加小程序，兑换各种视频教程/数据资源。1. 参考：https://blog.csdn.net/qq_42392522/article/details/82977929。用 vue-cli3 创建的 vue 项目配置 px2rem-loader 如下：找到文件 node_modules/@vue/cli-service/lib/config/css.js，添加规则：...

2019-03-30 15:12:40 658

原创 css实现元素垂直水平居中

1. 参考：https://www.w3cplus.com/css/elements-horizontally-center-with-css.html。

2019-03-29 21:43:20 203

原创 mpvue或微信小程序实现获取用户登录信息和openid

1. 在mpvue项目中实现获取用户登录信息和openid：<template><div class="home" > <div class="title" v-if="userName"> 欢迎登录：<span class="name">{{userName}}</span> </div> <d...

2019-03-25 17:40:21 3275 2

原创封装时间转换为2019/03/24 00:11:26函数

添加小程序，兑换各种视频教程/数据资源。1. 封装：function formatNumber (n) { const str = n.toString() return str[1] ? str : `0${str}`}export function formatTime (date) { //1.时间转换函数，转换为年月日日分秒，如2019/03/24 00:1...

2019-03-24 00:19:17 440

原创 vue蒙层滑动穿透问题

添加小程序，兑换各种视频教程/数据资源。1. 问题：在蒙层上滑动时，会触发底层的滑动。2. 解决一： 2.1 vue的 @touchmove.prevent 可以用来阻止滑动，但是同时会禁止蒙层内的子元素的滑动事件，如果蒙层内子元素没有中间滑动需求（如只有点击需求），就可以用 @touchmove.prevent 实现阻止蒙层滑动穿透问题。 2.2 蒙层设为fixed悬...

2019-03-21 11:08:07 2509

原创计算机网络与互联网笔记

添加小程序，兑换各种视频教程/数据资源。1. 网络的共同特点：连线，节点。2. 网络的重要作用：连通，共享。3. 计算机网络：利用通信设备和线路将地理位置不同，功能独立的多个计算机连接起来，在功能完善的网络软件和协议管理下，实现网络的硬件，软件及资源共享和信息传递的系统。通俗的说：就是连接多台（不低于2台）计算进行通信的系统。4. 互联网：网络的网络，internet（小...

2019-03-18 11:45:24 372

原创 vue的ref属性获取/设置标签的样式

添加小程序，兑换各种视频教程/数据资源。1. 获取标签的宽高：this.$refs.image.clientHeight/clientWidth。2. 设置标签的宽高：this.$refs.content.$el.style.top="12px"<div > <div ref="image" class="image"></div&gt...

2019-03-14 10:34:56 34946 5

原创产品经理的书籍笔记（一）--------《神一样的产品经理》

添加小程序，兑换各种视频教程/数据资源。第一篇：基础1. 产品经理：产品经理（PM）是驱动和影响设计、技术、测试、运营和市场等人员推进产品生命周期的经理人。2.核心需求把控力：苹果产品不仅仅是在满足用户的需求，而是在满足用户核心需求的同时，引导和创造出用户的兴奋型需求，改变用户的一种生活方式，使得目标用户离不开苹果产品，将用户套牢。乔布斯经典语录：领袖和跟风者的区别就在于创新。创新...

2019-03-13 17:34:06 3733

原创 vue项目的transition动画

添加小程序，兑换各种视频教程/数据资源。1. 实现页面动画进入时右滑，离开时左滑。<template> <transition name="slide"> <div class="singer_detail"> </div> </transition> </template><s...

2019-03-12 10:32:52 375

原创 js实现将中文转拼音缩写大小写

前端开发一起交流QQ群：740034288。1. 参考：https://blog.csdn.net/qq_38366657/article/details/83788507。2. 封装：var strChineseFirstPY="YDYQSXMWZSSXJBYMGCCZQPSSQBYCDSCDQLDYLYBSSJGYZZJJFKCCLZDHWDWZJLJPFYYNWJJ...

2019-03-08 11:40:34 14057

原创 vue项目下一些浏览器不支持图片的.webp格式的处理

添加小程序，兑换各种视频教程/数据资源。1. 什么是webp格式：WebP格式，谷歌（google）开发的一种旨在加快图片加载速度的图片格式。图片压缩体积大约只有JPEG的2/3，并能节省大量的服务器宽带资源和数据空间。WebP既支持有损压缩也支持无损压缩。相较编码JPEG文件，编码同样质量的WebP文件需要占用更多的计算资源。与JPEG相同，WebP是一种有损压缩。但谷歌表示，这种格式的...

2019-03-07 11:12:51 5482 2

原创 Vue-cli3.0项目下axios请求本地json文件的数据

添加小程序，兑换各种视频教程/数据资源。参考：https://blog.csdn.net/lfcss/article/details/81055847。1.Vue-cli3.0项目节省了很多文件，比如讲vue-cli3.0之前版本的build/dev-server.js配置放在了vue.config.js中。2. 在Vue-cli3.0项目的vue.config.js或vu...

2019-03-06 11:28:44 6521

原创 vue下vue-lazyload插件的图片懒加载

添加小程序，兑换各种视频教程/数据资源。参考：https://github.com/hilongjw/vue-lazyload。1.下载：npm install --save vue-lazyload2.配置：在main.js中import VueLazyload from 'vue-lazyload'Vue.use(VueLazyload, { er...

2019-03-05 11:50:32 255

原创 vue项目下的better-scroll封装

添加小程序，兑换各种视频教程/数据资源。参考官网：https://ustbhuangyi.github.io/better-scroll/doc/zh-hans/#better-scroll%20%E6%98%AF%E4%BB%80%E4%B9%88。1.下载：npm install --save -better-scroll2.封装better-scroll组件：在scroll...

2019-03-05 10:24:23 897

原创 vue下的keep-alive标签

添加小程序，兑换各种视频教程/数据资源。1. 用法：在<router-view/>外加上keep-alive使得来回切换页面，不会反复发送请求ajax（页面也不会闪烁重新加载内容）。<keep-alive> <router-view/></keep-alive> 2. 注意：<router-view...

2019-03-01 10:20:30 764

斗师——Ace