不爱抓泥鳅-CSDN博客

原创 Vue 下 iframe可不固定高度、无视跨域窗口高度自适应

Vue 下 iframe可不固定高度、无视跨域窗口高度自适应。原理：iframe设置高度100%，使用动态计算出iframe上一个父标签的高度，iframe高度就会自动撑开。限制是iframe只能在一个实时变化高度的窗口里面展示

2022-12-13 11:45:20 6299 1

原创常见邮件后缀

emailSuffixList: [ "@163.com", "@126.com", "@139.com", "@189.com", "@qq.com", "@vip.sina.com", "@sina.cn", "@sina.com", "@sohu.com", "@hotmail.com", "@gmail.com", "@wo.com.cn", "@21cn.com", "@aliyun..

2021-09-17 09:56:13 8774

转载 vue Form表单 resetFields()方法失效解决方法

首先确定v-model绑定值是否正确验证项的type类型是否为所需类型，默认为string若有某一元素控制必填项是否显示，将v-if 替换成v-show （v-if会删除掉当前dom元素，导致必填项索引定位错误，因此采用v-show。）...

2021-07-07 11:51:08 1267

转载 jquery ajax同异步请求方法

$.ajax({ type : "请求方式",//post get url : "请求地址", async:true, //使用异步的方式,true为异步方式 false同步 //ajax同步：意味着此时请求Server后，JS代码不再继续执行，等待服务器返回后才继续往下执行。 //ajax异步：意味着此时请求Server后，JS代码继续执行 data : {},//请求参数 dataType : "json",//期望服务器返

2021-05-01 00:32:03 230 1

转载 js原生 Ajax 简易异步请求

一、js原生请求过程 //兼容浏览器 var XML= null; // 根据浏览器的不同情况进行创建 if(window.XMLHttpRequest){ // 表示除IE外的其他浏览器 XML= new XMLHttpRequest(); }else{ // 表示IE浏览器 XML= new ActiveXObject('Microsoft.XMLHttp'); } var aj

2021-05-01 00:21:07 374 1

转载 MVVM模式

一、基础概念1、MVVM 由 Model、View、ViewModel 三部分构成，Model 层代表数据模型，也可以在Model中定义数据修改和操作的业务逻辑；View 代表UI 组件，它负责将数据模型转化成UI展现出来，ViewModel 是一个同步View 和 Model的对象。　　2、在MVVM架构下，View 和 Model 之间并没有直接的联系，而是通过ViewModel进行交互，Model 和 ViewModel之间的交互是双向的，因此View 数据的变化会同步到Model中

2021-04-26 18:55:29 715

转载 VUE3 父组件向其依赖的深层子组件传递内容示例

对于这种情况，我们可以使用一对 provide 和 inject。无论组件层次结构有多深，父组件都可以作为其所有子组件的依赖提供者。这个特性有两个部分：父组件有一个 provide 选项来提供数据，子组件有一个 inject 选项来开始使用这些数据。方式一：只能传递简单的静态内容//注册父组件 const app = Vue.createApp({ data() { return { myText: "", }

2021-04-09 16:30:37 367

原创 VUE3 全局使用aixos，解决“export ‘default‘ (imported as ‘Vue‘)的问题

Vue3项目注册全局组件时使用Vue时报错"export ‘default’ (imported as ‘Vue’) was not found in ‘vue’原因：Vue3中没有全局的vue，需要使用createAppimport { createApp } from 'vue'import App from './App.vue'const app = createApp(App)//实例化app.mount('#app')...

2021-04-08 15:05:33 1870

原创 VUE3 全局使用aixos，解决Cannot read property ‘get‘ of undefined的问题

原因：axios 不能像其他组件一样通过 Vue.use() 直接被引用一、安装npm install axios --save二、在main.js插入import axios from ‘axios’import { createApp } from 'vue'import App from './App.vue'import axios from 'axios'const app = createApp(App)app.config.globalProperties.$axios =

2021-04-08 14:56:11 7888 3

原创使用NVM Node版本管理器安装nodejs或者npm安装失败的解决方法

一、需要手动删除已安装node版本的文件夹二、使用淘宝镜像下载在settings.txt 后面加两行：node_mirror: https://npm.taobao.org/mirrors/node/npm_mirror: https://npm.taobao.org/mirrors/npm/三、打开cmd重新安装所需要版本，本文使用v10.9.0...

2021-04-06 22:48:39 417

原创 HBuilderX 连接真机或者模拟器调试后不能运行ADB.exe的解决

一、打开工具——设置（快捷ctrl+,）—— 运行配置二、点击浏览，找到安装HBuilderX的文件夹，每个人的安装路径不一样，这三个玩意安装的时候会自动配置，没有的话去找一个。三、把链接粘贴到运行配置，重启就行了。D:/HBuilderX/plugins/launcher/tools/adbs/adb.exe...

2021-02-04 09:17:17 6202 2

转载 UniApp跨页面通讯、传值

1、发射页面：可在跳转方法或者其他地方触发,datas可以是字符串、数组、对象，如：let datas={data:1};uni.$emit('add',datas);2、接收页面（1）接收mounted: function() { uni.$on('add', this.add) //或者 uni.$on('add', function(data) { if (data) { //处理逻辑 } }); },（2）自动执行销毁destroyed: function

2021-02-04 08:55:30 873

原创 C# 前端传值，接口接收数组、对象

//接收数组Newtonsoft.Json.Linq.JArray FormDatas= (Newtonsoft.Json.Linq.JArray)BaseData.JsonHelper.getJObjectKeyValue(jsonForm,"FormData");//接收对象Newtonsoft.Json.Linq.JObject FormDatas=(Newtonsoft.Json.Linq.JObject)BaseData.JsonHelper.getJObjectKeyValue(jsonF

2020-12-14 17:36:27 2263

原创 C# 生成订单编号和取餐码

@functions{ // 生成订单编号年月日时分秒：yyyyMMddHHmmss public static string getOrderNum1(){ string Dates = DateTime.Now.ToString("yyyyMMddHHmmss");//获取当前时间 string new_orderNum=Dates; return new_orderNum; }} // 生成订单编号字.

2020-12-14 17:33:42 1935

转载 uniapp获取手机屏幕或者某个元素的高

//初始化或者方法里面写(现在我是在初始化)created: function(option) { uni.getSystemInfo({ //整个手机屏幕的高 success: function(res) { this.pageHeight = res.windowHeight; } }); //页面主体部分的高度 setTimeout(() => { uni.createSelectorQuery().select('#gBody').fields({

2020-10-26 14:19:06 821

原创 Vue框架 Momenjs获取日期数和日期区间

npm install moment --save # npmyarn add moment # YarnInstall-Package Moment.js # NuGetspm install moment --save # spmmeteor add momentjs:moment # meteorbower install moment --save # bower (deprecated)//引入<script src="moment.j

2020-10-26 14:01:56 407

原创 uniapp手机定位或者uniapp结合原生安卓定位

前端回调 // 获取当前位置 getPosition: function() { _self.GetLocation(function(res) { if (res) { _self.longitude = res.longitude;// 经度 _self.latitude = res.latitude;//纬度 _self.address = res.address;//五级地址 } }) },方法封装GetLocation:function(ca

2020-09-29 23:17:37 3884

原创 JS 计算前后时间段相差的天、时、分

封装成一个方法，或者组件都可以。调用方法传入结束时间endDate和开始时间startDate，自动返回天，时，分对象getTime，或者直接返回具体的天或者时，或者分都可以。diffTime: function(endDate, startDate) { let new_date = new Date(startDate); //新建一个日期对象，默认现在的时间 let old_date = new Date(endDate); //设置过去的一个时间点，"yyyy-MM-dd HH:m

2020-08-08 23:50:40 413

原创 vue框架下 element 动态加载级联选择器主动清空内容

做公司项目的时候需要用到级联选择器，获取数据后发现无法主动清空内容，主要尝试了网上几种方法，如主动触发clearable、还有什么鬼暴力清空方法和以下方法，均以失败告终。let obj = {}obj.stopPropagation = () => {}try{ this.$refs.cascader.clearValue(obj)}catch(err){ this.$refs.cascader.handleClear(obj)}后来在公司大佬的帮助下（小声点说，其实方法

2020-06-19 16:16:50 3626 4

原创 webpack框架构建vue项目初步构建

webpack框架构建vue项目1、创建一个基于 webpack 模板的新项目**vue init webpack 项目名 2、初始化，生成 package.json配置文件npm init3、生成 node modules和package-lock.jsonnpm install4、全局安装 vue-clinpm install --global vue-cli5、全局安装webpacknpm i webpack -g --registry https://registry.

2020-05-15 17:16:30 191

转载 Appache和Nginx服务器代理配置

一、Apache服务器Apache的主配置文件：/etc/httpd/conf/httpd.conf默认站点主目录：/var/www/html/找到 httpd.conf 里面取消注释以下两行，把前面的#号去掉#LoadModule proxy_module modules/mod_proxy.so#LoadModule proxy_http_module modules/mod_pro...

2020-05-05 09:06:47 243

原创 Web项目服务器上线 VUE脚手架

Web项目服务器上线腾讯云+CentOS 7.6 64位系统版本+宝塔面板+vue-cli脚手架 @2.x + nodeJs后台+mongodb数据库项目运行环境：Nginx 服务器+nodeJS+MongoDB前提：项目基本配置：初告，本项目是vue-cli脚手架 @2.x（有内置的webpack打包工具） +nodeJs后台+mongodb数据库开发的，前后端分离。不适合普遍情...

2020-05-01 23:15:13 724