hector的博客

最近正在学习使用uni-app,所以将我学习uni-app的过程记录一下。文章目录uni-app介绍环境搭建利用HbuilderX新建项目运行项目项目目录和文件作用uni-app介绍uni-app 是一个使用 Vue.js 开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、H5、以及各种小程序（微信/支付宝/百度/头条/QQ/钉钉）等多个平台。即使不跨端，uni-app同时也是更好的小程序开发框架。具有vue和微信小程序的开发经验，可快速上手uni-app为什么要去学习

前言因产品不当人子，提出要前端将页面表格导出成excel的需求。故想到使用xlsx.js去实现。下载xlsx和file-savernpm install xlsx file-saver引入import FileSaver from 'file-saver';import XLSX from 'xlsx'创建js文件/** * * @param {*} id 导出表格的id 或 class * @param {*} title 表格标题 */export ..

最近有这样一个需求，客户正在使用页面，这时进行版本更新，客户不退出页面一直操作的都是老的版本，需要提醒客户版本已经更新，使用最新的版本。因项目使用的是webpack+Vue+elementUI，在webpack打包时添加一个时间戳作为版本号，确保每次打包生成的版本号都不同。代码// methods 代码 getHash() { // 在 js 中请求首页地址不会更新页面 axios.get(`${window.location.origin}${windo

公司因要兼容ie6问题，没有用Vue、react前端框架，使用原生的js加h5编写的页面。最近项目更新版本的时候，线上版本没有及时的更新,究其原因是因为浏览器缓存的问题（frommemorycache/fromdiskcache）。解决这个问题的最好方法就是在css和js后面加一个时间戳或者版本号。如果你的页面是服务器端用框架渲染的，你就让他们声明全局变量时间戳或者版本号加载css、js后面。如果你的页面是前后分离的你可以在js里面写一个输出时间戳或者版本号js函数。...

之前在使用富文本编辑器是由于编辑器中的新增删除图片的操作比较频繁，会导致文件服务器中的垃圾数据越来越多，经过讨论后，因上传的图片都不会很大，决定使用base64编码的方式存储在数据库中。图片转为base64编码方式一：canvas 转 64编码/** * @param {*} url 路径 * @param {*} ext 后缀名 * @param {*} callback 回调函数 */function getUrlBase64(url, ext, callback) {

数组中定义了5个迭代方法，每个方法接收三个参数（数组中的每一项，每一项的索引值、数组对象本身）every() :　对数组中的每一项执行函数，如果每一项都返回 true ,则该方法返回 true。some(): 对数组中的每一项执行函数，只要有一项返回了 true ,则该方法返回 true。filter(): 对数组中的每一项执行函数，把里面返回 true 的项，组成...

最近在使用Vue引用element-ui组健库中引用的外部组件时，需要改变引用子组件的样式，又不想在全局的<style>标签中去修改污染全局的样式。查看官方文档时发现，当Vue <style>标签有scoped属性时，它的css只能做用于当前组件的元素，不会渗透到子组件中，若希望<style>中的选择器能够作用的”更深”，例如去影响子组件可以使用 >&...

浮动的框可以向左或向右移动，直到他的外边缘碰到包含框或另一个浮动框的边框为止。由于浮动框不在文档的普通流中，所以文档的普通流的块框表现得就像浮动框不存在一样。浮动的块框会漂浮在文档普通流的块框上。清除浮动的几种方式1. 父级div定义 height原理：父级div手动定义height，就解决了父级div无法自动获取到高度的问题。简单、代码少、容易掌握，但只适合高度固定的布局.2. ...

前言rem（font size of the root element）是指相对于根元素的字体大小的单位。一旦根节点html 定义的 font-size 变化，那么整个网页中运用到 rem的也会随之变化。由于现在不同屏幕分辨率的设备越来越多，尤其是手机端移动设备，人的审美水平的挺高，仅仅依靠百分比以不足以满足人们的需求。区别rem、em和px的区别px 像素，通常用作网页设计，有较...