-hector--CSDN博客

原创 vue3新特性与Vue2对比

尤大大在今年春节时发布了Vite 2.0版本，为了紧跟尤大大的脚步，同时也是对前端主流框架之一的Vue.js的3.0版本的学习。Vue3肯定是为了弥补上个版本的一些不足。但相比于Vue2，Vue3到底更新了什么呢？它有哪些新的特性？它相对于Vue2的优势是什么？Vue3如何进行使用？本文就将带着大家提前体验一下Vue3，以上的问题也会一一得到解答，大家也可以从中感受一下Vue3的魅力。...

2021-04-26 16:00:17 421

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

2021-03-31 14:32:50 491

原创前端导出excel ，xlsx和xlsx-style使用

前言因产品不当人子，提出要前端将页面表格导出成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 ..

2021-03-29 15:44:31 2304 1

原创纯前端提示页面版本更新

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

2020-09-22 10:13:23 3469 1

原创 html5 原生页面添加时间戳解决缓存问题及清除缓存的几种方式

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

2020-09-21 17:00:42 4347 1

原创 javaScript 图片转换为base64位编码

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

2020-09-21 16:32:30 1207

原创不忘初心，方得始终

这是第一次写博客，写给未来的自己。已经不记得从什么时候开始接触的csdn，经常访问csdn但也只是用他查询资料，解决一些工作上遇到的难题，从未想过自己也会开始写博客。不知从何时起变得开始有点茫然，没有刚开始在前端这份行业上的热情，突然意识到自己不该这么碌碌无为下去，需要将我的对前端的热爱进行下去，是我唯一不变的初衷，因此将会以一篇篇的博客谨勉激励自己前端的道路很艰辛，大道坎坷，吾将披荆...

2020-08-19 17:19:17 148

原创前端JS js数组的迭代方法

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

2018-10-10 01:19:51 291

原创 Vue引用外部组件时，使用deep在父组件改变子组件的样式

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

2018-10-10 00:50:39 2699

原创前端css 清除浮动的几种方式

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

2018-10-10 00:32:26 913

原创 rem布局js简便代码

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

2018-08-29 00:19:22 1824