![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
热心网友!
这个家伙是真的懒,不想添加简介
展开
-
关于加密blob图片下载
上期讲过如何把图片加密,这期讲讲如何把blob给转为图片下载(请合法使用,如有侵权后果自负)原创 2023-04-19 09:24:33 · 765 阅读 · 1 评论 -
vue+webpack+nodejs前端自动化部署
这种方式就是完全由我们前端工程师来实现的啦,通过写nodejs实现服务器操作,结合webpack打包完成自动部署1、首先我们用nodejs来封装一个能操作远程服务器的工具库文件命名为:serverLib.js2、封装一个webpack插件该插件实现webpack打包后将打包目录文件上传到服务器上。文件命名为:uploadFileWebPackPlugin.js至于webpack插件如何编写,语法是什么?下面推荐几篇文章大家参考下。怎样编写一个webpack插件Webpack原理-编写Plu原创 2022-06-08 10:18:47 · 891 阅读 · 0 评论 -
Webpack原理-编写Plugin
Webpack 通过 Plugin 机制让其更加灵活,以适应各种应用场景。在 Webpack 运行的生命周期中会广播出许多事件,Plugin 可以监听这些事件,在合适的时机通过 Webpack 提供的 API 改变输出结果。一个最基础的 Plugin 的代码是这样的:在使用这个 Plugin 时,相关配置代码如下:Webpack 启动后,在读取配置的过程中会先执行 初始化一个 BasicPlugin 获得其实例。在初始化 compiler 对象后,再调用 给插件实例传入 compiler原创 2022-06-08 10:18:11 · 581 阅读 · 0 评论 -
vue.js h5跳转app
<wx-open-launch-app id="launch-btn" appid="xxxx" extinfo="要传递的数据" v-if="iosApp"> <script type="text/wxtag-template"> <style>.openbtn{ width: 490px; height: 78px; text-align: center; line-height: 78px; background.原创 2022-04-22 09:46:00 · 997 阅读 · 1 评论 -
小程序自定义分析
其实很简单,给对应小程序 后台设置参数自定义分析 | 微信开放文档使用方法:默认配置:对应自己页面内的class 以及要传的值 在 data -> return 里声明的变量api上报:生成的代码 会有时间名称和参数的代码实例:wx.reportAnalytics('testc', { test: '',});保存测试 就会收到相对应的事件分析...原创 2022-01-26 17:36:50 · 338 阅读 · 0 评论 -
小程序谷歌统计 Google Analytics
npm install @ouduidui/ga-tracker在跟踪器上设置自定义跟踪服务器tracker.setTrackerServer("https://ga-proxy.example.com") 修改域名example.com的DNS记录,将ga-proxy.example.com指向你自己的服务器IP 自己服务器上的nginx做如下配置 upstream real_ga_servers { server www.google-analytics.c.....原创 2022-01-26 17:31:34 · 2850 阅读 · 0 评论 -
vue/uniapp 百度统计埋点
进入网站:百度统计——领先的中文网站分析平台注册账户流程就不介绍了..功能是免费统计的进入管理新增网站解锁功能把此段代码写在项目的pubilc/index.html的title标签下面:<script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.....原创 2022-01-26 14:24:32 · 4973 阅读 · 0 评论 -
vue写移动端告别rem 用这个方法适配各种手机 1:1还原设计稿
这个有去掉弹框域名/适配移动端/禁止微信分享分辨率是375 比如设计稿是375的,量多少px就写多少px就可以了。在vue的main.js里引入文件config.jsimport '../utils/conifg.js'config.js/*config.js*/function resize () { let windowSize = { width: window.screen.width, height: document.documentElement.cl.原创 2021-06-04 16:28:55 · 520 阅读 · 0 评论 -
vue解决scrollTop移动端失效的问题
//寻找父元素的ref (组件形式)this.$parent.$refs.xxx.scrollTo({ top: height,//滚动高度 behavior: 'smooth' // 平滑滚动})首先下载插件npm install smoothscroll-polyfill --save然后引入并在组件创建的时候调用下这个方法:比如mounted中import smoothscroll from 'smoothscroll-polyfill' mount原创 2021-06-03 11:02:59 · 1214 阅读 · 0 评论 -
解决移动端『该网页由 xxxx 提供』
禁用页面拖拽document.body.addEventListener( 'touchmove', function(evt) { if (!evt._isScroller) { evt.preventDefault() } }, { passive: false })指定某个元素可以拖拽let overscroll function(el) { el.addEventListener('touchstart', function() {原创 2021-05-26 10:53:56 · 1013 阅读 · 0 评论 -
sass在vue中配置
1.创建variable.scss 文件// 颜色$color-red:red;$color-yellow: yellow;$color-white: white;$color-light-gray: #F5F5F5;2.创建 vue.config.js 添加css: {loaderOptions: {// 给 sass-loader 传递选项sass: {prependData: @import "./src/assets/css/variables.scss";}}},.原创 2021-03-08 14:16:35 · 348 阅读 · 0 评论 -
Vue 3.0 全家桶
vue: Beta vue-router: Alpha vuex: Alpha vue-class-component: Alphavue-cli: Experimental support via vue-cli-plugin-vue-nexteslint-plugin-vue: Alpha vue-test-utils: Alpha vue-devtools: WIP jsx:WIP 可以看到 Vue 3.0 beta 版本是一个项目系列,包含了我们在开发过程中需要的套件、webpack插件等.原创 2021-02-02 17:25:22 · 1121 阅读 · 0 评论 -
vue3 常见问题汇总
简介:vue3 beta 已经出来一段时间了,最近刚好有时间,就练了练手,练手过程中遇到的问题,总结如下下面是问题vue3 如何注册全局组件import { createApp } from 'vue'import App from './App.vue'const app = createApp(App)// 注册全局组件import SaveButton from '@/globalComponents/SaveButton'app.component('SaveButton', Sa原创 2021-02-02 17:15:39 · 942 阅读 · 0 评论 -
Vue解决内存溢出问题
安装两个npm包 : increase-memory-limit 和cross-env在package.json 中加 "fix-memory-limit": "cross-env LIMIT=4096 increase-memory-limit", "adjust-mermory-limit": "cross-env LIMIT='4096' increase-memory-limit"然后在项目中npm run fix-memory-limit如果你运行fix-memory-limit提原创 2020-10-21 10:46:09 · 3029 阅读 · 0 评论 -
vuex刷新后数据丢失怎么解决
导语:我们在写vue项目的时候,经常要用到vuex作为内存来储存,但是我们存放在vuex中的数据(用户数据,当前页面的数据等等)在刷新后就会丢失,那么如何解决呢?超级简单。1,安装vuex-persistedstatenpm install --save vuex-persistedstate2,修改storeimport createPersistedState from 'vuex-persistedstate' const store = new Vuex.Store({ sta原创 2020-10-20 15:58:33 · 497 阅读 · 0 评论 -
Webpack你不知道的插件
这篇文章整理了18个Webpack插件,分享给Web开发的小伙伴。Plugin是一个扩展器,它丰富了webpack本身,针对的是loader结束后,webpack打包的整个过程,它并不直接操作文件,而是基于事件机制工作,会监听webpack打包过程中的某些分段,执行广泛的任务。插件的特点是一个独立的模块模块对外暴露一个js函数函数的原型(prototype)上定义了一个注入compiler对象的apply方法apply函数中需要有通过compiler对象挂载的webpack事件钩子,钩子的替换中能原创 2020-09-07 14:55:03 · 198 阅读 · 0 评论 -
Promise 异步函数顺序问题解决
在项目中 写到for循环结束之后再去调用一个函数 我用的是vue 记录一下//这里是循环得到一些数据之后再进行函数调用 const _arr=[] const that=this that.imageStrs = '' that.imageidtempArr = [] var arr=[] console.log(this.imgList.length) this.imgList.forEach(item=>{ _arr.push(原创 2020-07-22 15:20:59 · 364 阅读 · 0 评论