<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[F_mengze的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/F_mengze</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; F_mengze]]></copyright><item><title><![CDATA[splice()和slice()如何区分呢？]]></title><link>https://blog.youkuaiyun.com/F_mengze/article/details/140436217</link><guid>https://blog.youkuaiyun.com/F_mengze/article/details/140436217</guid><author>F_mengze</author><pubDate>Mon, 15 Jul 2024 13:44:45 +0800</pubDate><description><![CDATA[splice 与 slice的区分]]></description><category></category></item><item><title><![CDATA[v-drag 可拖拽 div容器中含有input无法输入]]></title><link>https://blog.youkuaiyun.com/F_mengze/article/details/125065844</link><guid>https://blog.youkuaiyun.com/F_mengze/article/details/125065844</guid><author>F_mengze</author><pubDate>Tue, 31 May 2022 15:07:05 +0800</pubDate><description><![CDATA[继上篇文章 vue写一个可全屏拖拽容器效果之后，发现了：如果可拖动的div中有input输入框的话，不做处理input无法输入内容，所以我们需要在oDiv.onmousedown事件中加上以下代码，就可以解决input输入框无法输入的问题！
if(e.target.nodeName == 'INPUT'||e.target.nodeName == 'TEXTAREA'){
	return
}

如图：


...]]></description><category></category></item><item><title><![CDATA[vue写一个可全屏拖拽容器效果]]></title><link>https://blog.youkuaiyun.com/F_mengze/article/details/124883669</link><guid>https://blog.youkuaiyun.com/F_mengze/article/details/124883669</guid><author>F_mengze</author><pubDate>Fri, 20 May 2022 15:11:53 +0800</pubDate><description><![CDATA[小编这里是每个页面都用到了这个效果，所以这里先封装了一下组件，封装就不多说了…
首先实现可拖拽效果，我们先
自定义一个全局指令
	data(){
		return {
			
		}
	},
	directives: {
			drag(el) { // 可就在里写指令的js代码
				const oDiv = el // 当前元素
				document.onselectstart = () =&gt; {
					return false
				}
				oDiv.onmousedown = ]]></description><category></category></item><item><title><![CDATA[watch监听两个变量（或者多个）]]></title><link>https://blog.youkuaiyun.com/F_mengze/article/details/124267355</link><guid>https://blog.youkuaiyun.com/F_mengze/article/details/124267355</guid><author>F_mengze</author><pubDate>Tue, 19 Apr 2022 10:28:53 +0800</pubDate><description><![CDATA[首先使用计算属性将要监听的变量绑定到一起
//数据区
data () {
	return {
		selID1:'',
		selID2:'',
	}
}
computed: {
	changeData () {
		const { selID1, selID2} = this
		return {selID1,selID2}
	}
},
watch:{
	changeData(val){
		console.log(val)
		//val的值就是selID1和selID2的值
		//接下来在这里写将要]]></description><category></category></item><item><title><![CDATA[掉了几根头发，琢磨出来的一个题]]></title><link>https://blog.youkuaiyun.com/F_mengze/article/details/123137263</link><guid>https://blog.youkuaiyun.com/F_mengze/article/details/123137263</guid><author>F_mengze</author><pubDate>Fri, 25 Feb 2022 17:40:53 +0800</pubDate><description><![CDATA[一个以数字组成的数组，实现输出id为数字，并且从大到小排序name（要求使用es6语法）！！！
代码：
const  source = [
        null,
        { id: 4, name: 'test1' },
        { id: {}, name: 'ssdf' },
        "test",
        { id: () =&gt; {}, name: 'sf' },
        { id: '6', name: 'test3' },
        { i]]></description><category></category></item><item><title><![CDATA[Token前端存储]]></title><link>https://blog.youkuaiyun.com/F_mengze/article/details/122927938</link><guid>https://blog.youkuaiyun.com/F_mengze/article/details/122927938</guid><author>F_mengze</author><pubDate>Thu, 17 Feb 2022 17:15:14 +0800</pubDate><description><![CDATA[存储位置有：localStorage、sessionStrage、vuex、Cookie
1、localStorage
2、
3、
4、Cookie，存放在Cookie中可以通过设置http-only来防止XSS攻击

]]></description><category></category></item><item><title><![CDATA[ES6  中filter过滤器的用法]]></title><link>https://blog.youkuaiyun.com/F_mengze/article/details/113847616</link><guid>https://blog.youkuaiyun.com/F_mengze/article/details/113847616</guid><author>F_mengze</author><pubDate>Thu, 18 Feb 2021 15:50:39 +0800</pubDate><description><![CDATA[var sexData=["男","女","女","男","女"];
var filter2=sexData.filter(function(sex){
	return sex==="女"
})

//console.log(filter2)    ["女", "女", "女"]

var porducts = [
	{name: 'apple',type: 'red'} ,
	{name: 'orange',type: 'orange'},
	{name: 'banana',type: 'yellow'}]]></description><category></category></item><item><title><![CDATA[uniapp完成 支付宝支付]]></title><link>https://blog.youkuaiyun.com/F_mengze/article/details/109821673</link><guid>https://blog.youkuaiyun.com/F_mengze/article/details/109821673</guid><author>F_mengze</author><pubDate>Thu, 19 Nov 2020 18:59:32 +0800</pubDate><description><![CDATA[支付宝支付
uni.getProvider({
	service: 'payment', //获取服务供应商
	success: (res) =&gt; {
		console.log(res.service); //服务类型：payment
		console.log(res.provider); //不同服务类型下可能的取值：["alipay","wxpay"]
		if (res.provider.indexOf('alipay') != -1) {
			//服务提供商（从服务供应商中获取，是否包含]]></description><category></category></item><item><title><![CDATA[uniapp完成 微信支付]]></title><link>https://blog.youkuaiyun.com/F_mengze/article/details/109821329</link><guid>https://blog.youkuaiyun.com/F_mengze/article/details/109821329</guid><author>F_mengze</author><pubDate>Thu, 19 Nov 2020 18:57:44 +0800</pubDate><description><![CDATA[微信支付
uni.getProvider({
	service: 'payment', //获取服务供应商
	success: (res) =&gt; {
		if (res.provider.indexOf('wxpay')) {
			this.$http.post('接口地址', {
				order_id: this.orderdata.order_id,
				user_id: uni.getStorageSync("user_id"),
				type: 2
			}).then(res ]]></description><category></category></item><item><title><![CDATA[uniapp封装一个上传图片功能]]></title><link>https://blog.youkuaiyun.com/F_mengze/article/details/109597371</link><guid>https://blog.youkuaiyun.com/F_mengze/article/details/109597371</guid><author>F_mengze</author><pubDate>Tue, 10 Nov 2020 13:58:48 +0800</pubDate><description><![CDATA[//util.js
function uploadFile(path,imgList){
	uni.showLoading({
		title: '上传中'
	});
	uni.uploadFile({
		url:'上传接口地址',
		filePath:path,
		name: 'file',
		success: res =&gt; {
			let temp = JSON.parse(res.data)
			imgList.push(temp.data)
		},
		file: res =&g]]></description><category></category></item><item><title><![CDATA[uni获取验证码按钮实现]]></title><link>https://blog.youkuaiyun.com/F_mengze/article/details/108621524</link><guid>https://blog.youkuaiyun.com/F_mengze/article/details/108621524</guid><author>F_mengze</author><pubDate>Wed, 16 Sep 2020 14:33:34 +0800</pubDate><description><![CDATA[&lt;view v-if="isShowCode" @click="getCode" class="verificationCode"&gt;
	{{reGet}}
&lt;/view&gt;
&lt;view v-else class="verificationCode"&gt;{{daojishi}}s&lt;/view&gt;

data() {
	return{
		isShowCode:true,
		reGet:"获取验证码",
		daojishi:"60"
	}
},
methods:{
]]></description><category></category></item><item><title><![CDATA[uniapp   websocket心跳重连]]></title><link>https://blog.youkuaiyun.com/F_mengze/article/details/108621430</link><guid>https://blog.youkuaiyun.com/F_mengze/article/details/108621430</guid><author>F_mengze</author><pubDate>Wed, 16 Sep 2020 14:25:29 +0800</pubDate><description><![CDATA[&lt;script&gt;
export default {
	data() {
		return {
			timeout: 30000, // 30s
			timeoutObj: null
		};
	},
	onLoad() {
		// .判断是否已连接
		this.checkOpenSocket();
	},
	methods: {
		// 判断是否已连接
		checkOpenSocket() {
			uni.sendSocketMessage({
				data: 'ping',
]]></description><category></category></item><item><title><![CDATA[小程序写一个上拉加载更多的数据]]></title><link>https://blog.youkuaiyun.com/F_mengze/article/details/108546440</link><guid>https://blog.youkuaiyun.com/F_mengze/article/details/108546440</guid><author>F_mengze</author><pubDate>Sat, 12 Sep 2020 11:03:00 +0800</pubDate><description><![CDATA[wxml
&lt;view class="movieContent"&gt;
    &lt;!-- 精选 --&gt;
    &lt;view class="doorContent"&gt;
     &lt;block wx:for="{{commodityData}}" wx:key="idx"&gt;
      &lt;view class="commodityItems"&gt;
        &lt;view class="commodityImgBox"&gt;
          &l]]></description><category></category></item><item><title><![CDATA[uniapp  项目   离线打包]]></title><link>https://blog.youkuaiyun.com/F_mengze/article/details/108407580</link><guid>https://blog.youkuaiyun.com/F_mengze/article/details/108407580</guid><author>F_mengze</author><pubDate>Fri, 04 Sep 2020 17:29:47 +0800</pubDate><description><![CDATA[首先呢，我们要安装相关工具和插件
1、下载Android studio
点击下载
2、Hbuilder官方SDK
点击下载
完成上边两个操作之后呢，我们就开始打包吧！
步骤一、解压官方sdk，得到下边的文件

下载Android studio的时候我也出现好多问题，也就不带你们入坑了，可以搜索安装教程按照步骤安装。
下载完成之后我们打开，

如果你没有安装sdk，就按照下边的操作来！




这就好了，然后我们把解压得到的文件夹导入进去

将我们要打包的项目进行操作，打开HbuilderX




现在回到]]></description><category></category></item><item><title><![CDATA[uni-app 解决跨域]]></title><link>https://blog.youkuaiyun.com/F_mengze/article/details/108398657</link><guid>https://blog.youkuaiyun.com/F_mengze/article/details/108398657</guid><author>F_mengze</author><pubDate>Fri, 04 Sep 2020 10:04:47 +0800</pubDate><description><![CDATA[1.打开manifest.json文件，选择源码视图，在里面添加proxy代理



]]></description><category></category></item><item><title><![CDATA[了解一下 window.open()]]></title><link>https://blog.youkuaiyun.com/F_mengze/article/details/108264102</link><guid>https://blog.youkuaiyun.com/F_mengze/article/details/108264102</guid><author>F_mengze</author><pubDate>Thu, 27 Aug 2020 17:05:27 +0800</pubDate><description><![CDATA[语法：window.open([URL], [窗口名称], [参数字符串])
URL：可选参数，在窗口中要显示网页的网址或路径。如果省略这个参数，或者它的值是空字符串，那么窗口就不显示任何文档。
窗口名称：可选参数，被打开窗口的名称。
1.该名称由字母、数字和下划线字符组成。
2."_top"、"_blank"、"_self"具有特殊意义的名称。
_blank：在新窗口显示目标网页
_self：在当前窗口显示目标网页
_top：框架网页中在上部窗口中显示目标网页
3.相同 name 的窗口只能创建一个，要想]]></description><category></category></item><item><title><![CDATA[入门学习Node.js]]></title><link>https://blog.youkuaiyun.com/F_mengze/article/details/107563741</link><guid>https://blog.youkuaiyun.com/F_mengze/article/details/107563741</guid><author>F_mengze</author><pubDate>Fri, 24 Jul 2020 16:39:27 +0800</pubDate><description><![CDATA[Node.js严格来说不是一个框架，而是一个平台。
Node.js技术栈：
（1）Node.js的核心模块。
（2）至少要学习一个Node下的框架：Express框架、KOA框架。
（3）模板引擎：是一种编译型HTML语言，例如：Pug（Jade）、EJS等。
（4）编译型CSS：Less/Sass/Stylus等。
（5）数据库：mongoDB、MySQL。
一、MVC架构：
1、M：模型（Model），模型和数据库有关。
2、V：视图（View），视图和页面（模板引擎）有关，用户最终能看到的就是视图。
]]></description><category></category></item><item><title><![CDATA[window.location.href跳转传参并接收参数]]></title><link>https://blog.youkuaiyun.com/F_mengze/article/details/107317470</link><guid>https://blog.youkuaiyun.com/F_mengze/article/details/107317470</guid><author>F_mengze</author><pubDate>Mon, 13 Jul 2020 15:13:13 +0800</pubDate><description><![CDATA[最近做H5页面之间跳转以及带有参数的传递，下边就让我们一起来练习一下吧！
window.location.href = "buyOil.html?userId="+ res.userId;
buyOil.html    这是跳转路径的地址
res.userId是我们传过去的参数，在这里我们模拟res.userId是2，所以就变成了
window.location.href = "buyOil.html?userId="+ 2;

我们在buyOil.html这里边接受这个参数
				function Ge]]></description><category></category></item><item><title><![CDATA[小程序做一个定位到当前城市，可选择的]]></title><link>https://blog.youkuaiyun.com/F_mengze/article/details/107202369</link><guid>https://blog.youkuaiyun.com/F_mengze/article/details/107202369</guid><author>F_mengze</author><pubDate>Wed, 08 Jul 2020 12:00:46 +0800</pubDate><description><![CDATA[点击的时候

可选择，
代码：
其中样式是自己写的一个css，你们可以自己写样式，用到了阿里图标
index.wxml
&lt;!--定位和搜索--&gt;
  &lt;view class="indexTop display-flex align-center"&gt;
    &lt;view class="display-flex align-center"&gt;
      &lt;text class="textColor city" catchtap="switchcity"&gt;{{ci.]]></description><category></category></item><item><title><![CDATA[微信小程序使用colorUI框架]]></title><link>https://blog.youkuaiyun.com/F_mengze/article/details/107101884</link><guid>https://blog.youkuaiyun.com/F_mengze/article/details/107101884</guid><author>F_mengze</author><pubDate>Fri, 03 Jul 2020 11:28:31 +0800</pubDate><description><![CDATA[使用colorUI框架，首先我们需要下载下来
下载地址：
GitHub地址：https://github.com/weilanwl/ColorUI/
下载下来解压我们会得到如下文件

我们把demo文件夹导入到我们的微信开发者工具中：

template文件夹是一个使用colorUI的（相当于）新建小程序里边可以直接使用colorUI，如果你是自己创建的项目，将我们demo中的colorui文件夹复制到项目中，跟pages同级

然后在app.wxss导入

这样我们就可以使用colorui了
将你需要的组]]></description><category></category></item></channel></rss>