vue.js 是数据绑定的框架，大部分情况下我们都不需要直接操作 DOM Element，但在某些时候，我们还是有获取DOM Element的需求的；在 vue.js 中，获取某个DOM Element常用的方法是将这个元素改成一个组件 (component)，然后通过 this.$el 去获取，但是在一些很小的项目里，在一些没有使用 webpack 等构建工具的项目中，创建一个组件并不是那么值得
Vue（一）Vue简介Vue是一个JavaScript框架，有其独特的使用规则，按照其规则使用，可以事半功倍它可以大大简化Dom操作具有响应式数据驱动官方文档 官方文档
一.Vue特点采用组件化模式，提高代码复用率、且让代码更好维护（组件.vue==HTML+CSS+JS）声明式编码，让编码人员无需直接操作DOM，提高开发效率使用虚拟DOM+优秀的Diff算法，尽量复用DOM结点（二）Vue核心基
最近遇见一个需要上传百兆大文件的需求，调研了七牛和腾讯云的切片分段上传功能，因此在此整理前端大文件上传相关功能的实现。在某些业务中，大文件上传是一个比较重要的交互场景，如上传入库比较大的Excel表格数据、上传影音文件等。如果文件体积比较大，或者网络条件不好时，上传的时间会比较长（要传输更多的报文，丢包重传的概率也更大），用户不能刷新页面，只能耐心等待请求完成。下面从文件上传方式入手，整理大文件上
文章目录路径：public\static\jslocal-storage.jssession-storage.js全局注册使用路
原创
2022-09-05 17:03:41
117阅读
如果你已经有了一个基于vue开发的H5站点，想转换为uni-app。首先注意2个前提：1、你的web站是适合手机屏幕的；2、你的H5代码是全后端分离的，uni-app只处理前端代码。一切从新建一个uni-app项目开始。然后依次进行文件处理把之前的vue web项目的前端代码copy到新项目下如果之前的文件后缀名是.html，需要改为.vue，并注意遵循vue单文件组件SFC规范，比如必须一级根节
转载
2024-09-12 21:14:05
52阅读
一、搭建项目结构###安装好node和npm环境之后，安装webpack: npm install webpack -g;安装vue-cli构建工具: npm install vue-cli -g;创建vue项目: vue init webpack one; //这里 one 是项目名进入文件目录：cd one;安装依赖项: npm install;启动项目: npm run dev;新建ser
没错，我用Vue写了一个H5项目，来看下我踩坑记录吧。1、按需引入在开发过程中，会遇到很多五花八门的库。其实这些库中有很多功能/模块是用不到的，所以，这里推荐按需引入：import { Slider } from 'element-ui';
Vue.use(Slider);像这样，如果只用到滑条，只需引入Slider，并挂载到Vue实例。2、全局样式抽离Css样式在前端开发中是绕不开的话题，以V
转载
2024-03-25 16:23:11
193阅读
一：普通浏览器唤醒app//判断是否为微信浏览器
function isWeiXin() {
var ua = window.navigator.userAgent.toLowerCase();
if (ua.match(/MicroMessenger/i) == "micromessenger" || ua.match(/_SQ_/i) == "_sq_") {
re
转载
2024-03-25 21:29:08
67阅读
许久没有做一些总结了，最近项目有些忙。 在获取Android终端连接WiFi的SSID时（也就是你当前手机连接的无线网名称），发现了一个问题，不同的Android版本下获取到的SSID是有一些差别的，当然名字不会变。 举个例子，比如我配置了WiFi的名称是ha
转载
2024-01-10 16:19:02
159阅读
传统的h5只有1端，即浏览器。而uni-app可跨多端，虽仍属前端，与传统h5有不同。网络模型的变化以前网页大多是b/s，服务端代码混合在页面里；现在是c/s，前后端分离，通过js api(类似ajax的uni.request)获取json数据，把数据绑定在界面上渲染。文件类型变化以前是.html文件，开发也是html，运行也是html。 现在是.vue文件，开发是vue，经过编译后，运行时已经变
一、准备工作①安装vue与vue-cli 全局安装vue与vue-cli，但需要注意vue与vue-cli的版本。npm install --global @vue/clivue-cli@4.x版本未暴露key："vue"，会导致如下错误：export 'default' (imported as 'Vue') was not
转载
2024-01-10 13:58:53
230阅读
前要： 之前做过的公众号授权一般是在登录时的，最近遇到一个直接微信打开企业微信发过来的链接进去预约页面，需要进来时查询当前微信的用户有没有预约过对应的申请，如果有就跳转到index的列表页，没有的话留在当前的预约页！所以需要用到微信用户访问微信内部的小程序/公众号产生的用户唯一标识openid来查询有没有对应的数据列表！其实在未关注公众号时，用户访问公众号的网页，也会产生一个用户和公众号唯一的Op
转载
2023-09-10 16:22:38
285阅读
h5支付分微信浏览器环境支付和其他浏览器环境支付微信浏览器环境支付，需要先通过code值拿到openid，当后端有openid后才能搞支付微信浏览器环境支付，需要先通过code值拿到openid，当后端有openid后才能搞支付微信浏览器环境支付，需要先通过code值拿到openid，当后端有openid后才能搞支付下载微信插件npm install jweixin-module --save封装
转载
2023-12-07 00:32:25
128阅读
vue2 单页面适配 h5 和 pc 两种版本
原创
2023-04-24 15:02:05
680阅读
项目概述简介 项目名 蘑菇购，与一般购物WebApp类似，包括首页、分类、购物车、个人中心、详情。 项目基于vue、vue-router、vue-cli3，api请求相关部分采用axios，数据部分并非来自服务器，而是本地基于express启动相关数据服务。原因一是网络接口更新快、数据变化大、依赖性高，二是项目本身不大，基于项目启动本机服务灵活性较高，代码安装依赖即可运行，故最终考虑expre
由于我们之前的springboot+template html版本在H5方向开发成本和入手成本比较高，以企业微信为入口的H5不断有新需求涌入，原来的粗犷式java web实在是效率低，效果也不好。我这个javaer决定研究下当下流行的前端解决方案。在一番搜索之后，发下当前前端的解决方案（非APP方向）基本以PC(VUE+ElementUI)和H5（Vue+）为主。PC部分暂时由于内网PC使用，升级
转载
2024-03-03 19:56:03
24阅读
Vue 搭建移动端 h5 项目步骤简介最近团队里的其他前端小伙伴需要自己搭建移动端 h5 项目，没有整体的思路，于是我就写了这个步骤。提示：(2022-10-28更新)vue-cli 和vuex官方已经不再更新。vue-cli建议用 create-vue 即 npm init vue 替代，或者直接使用vite 创建项目。vuex建议用pinia替代。create-vue链接pinia链接vite
转载
2023-10-24 21:57:38
88阅读
本人从事前端开发工作已有四年，这期间做的大部分都是移动端 H5 项目，这几年来大大小小的 H5 项目也做了有十几个了。对于移动端 H5 项目来说，有些功能和配置其实是通用的，基本上每个项目都会用到，比如说：微信授权及分享、UI 组件库、各种小组件等。基于我平时比较喜欢总结以及为了以后开发 H5 项目省事的目的，就有了这个项目（主要就是为了偷懒，，，）这个项目是啥Vue 移动端新项目模板，封装了 H
转载
2024-08-17 15:42:55
427阅读
一、微信JSAPI支付请提前准备好接入前的准备文档获取相关的配置数据，否则下面需要的数据你可能会比较懵！ 并且需要提前了解微信JSAPI支付文档二、获取用户openid获取openid方法例子三、h5调起支付1.第一种通过WeixinJSBridge调起微信支付服务参数获取请看本文JSAPI支付签名WeixinJSBridge.invoke(
'getBrandWCPayRequest',
转载
2024-05-09 17:45:59
147阅读
众所周知,在移动端app中,iOS定位和安卓定位都可以使用GPS,配合着高德,百度,腾讯的api可以很方便的处理定位,导航,路线规划等一系列问题,但是对于H5端的定位情况,却有些复杂. 浏览器定位是否能调GPS辅助?路线规划,精细定位是否准确?这些问题需要一一探索一.浏览器IP定位浏览器ip定位是一种粗略的,只能获取到当前城市的定位方式,最简单的有两种方式:1
转载
2023-11-30 19:26:32
42阅读
