<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[wangle_style的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/wangle_style</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; wangle_style]]></copyright><item><title><![CDATA[实用的js操作小技巧]]></title><link>https://blog.youkuaiyun.com/wangle_style/article/details/121027448</link><guid>https://blog.youkuaiyun.com/wangle_style/article/details/121027448</guid><author>wangle_style</author><pubDate>Fri, 29 Oct 2021 09:47:40 +0800</pubDate><description><![CDATA[虽条条大路通罗马，何不择优选择一条，一些很实用的js小技巧，可以优雅的简化代码

1.数组获取最大/最小值

可以使用Math.min()或Math.max()结合扩展运算符来查找数组中的最小值或最大值。


const numbers = [6, 8, 1, 3, 9];

console.log(Math.max(...numbers)); // 9
console.log(Math.min(...numbers)); // 1  

2.设置 length 属性来缩短数组


let arr...]]></description><category></category></item><item><title><![CDATA[uniapp使用百度语音识别语音转文字]]></title><link>https://blog.youkuaiyun.com/wangle_style/article/details/118809265</link><guid>https://blog.youkuaiyun.com/wangle_style/article/details/118809265</guid><author>wangle_style</author><pubDate>Fri, 16 Jul 2021 17:14:13 +0800</pubDate><description><![CDATA[HBuilderX已支持讯飞语音识别和百度语音识别，这里讲下百度语音接入

一：首先是百度语音识别申请

这个步骤暂且省略，可以直接移步百度语音api页面自行申请，主要是为了获取语音权限以及AppID、API Key、Secret Key三个参数，可从下图这里查看



二：获取到以上三个参数之后，对HBuilder进行配置

打开项目的manifest.json文件，在“App模块配置”项中勾选“Speech”，如下图输入上面获取到的三个参数



三：上面两个步骤完成后下面就可以品尝了，下面上菜


&]]></description><category></category></item><item><title><![CDATA[uni-app项目架构（二）]]></title><link>https://blog.youkuaiyun.com/wangle_style/article/details/108723787</link><guid>https://blog.youkuaiyun.com/wangle_style/article/details/108723787</guid><author>wangle_style</author><pubDate>Tue, 22 Sep 2020 09:54:36 +0800</pubDate><description><![CDATA[书接上回，上面讲了uni-app的package.json的生成和使用以及router的使用，还讲了多环境下的环境变量的配置，这一篇说一下request卫士，router卫士,请求函数封装，安全之类的

一：request卫士--在实际开发过程中，我们可能需要对买次请求的过程进行监督，并Do something，所以就需要封装一个全局的request卫士用来监听，如下配置：在main.js中


import axios from 'axios'

// request interceptor
axios.]]></description><category></category></item><item><title><![CDATA[uni-app项目架构（一）]]></title><link>https://blog.youkuaiyun.com/wangle_style/article/details/108710086</link><guid>https://blog.youkuaiyun.com/wangle_style/article/details/108710086</guid><author>wangle_style</author><pubDate>Mon, 21 Sep 2020 15:38:43 +0800</pubDate><description><![CDATA[目前多端开发的话，nui-app还是不错的选择，可以一套代码多端使用，而且在不同端的表现也不错，基本差异不大，ok，简单一说，下面开始正题：

一：首先是NPM代码库的使用，有人习惯使用插件市场，那个不多说了，可视化的，这里说一下如何使用npm安装相关插件

1.首先要生成一个package.json文件，在项目根目录下启用cmd，然后执行npm init，回车根据提示在命令行配置package.json的相关信息（不做过多要求，可以一直回车完成），完成后会在根目录下生成一个package.json文件，.]]></description><category></category></item><item><title><![CDATA[electron-vue实现自动更新功能]]></title><link>https://blog.youkuaiyun.com/wangle_style/article/details/108680553</link><guid>https://blog.youkuaiyun.com/wangle_style/article/details/108680553</guid><author>wangle_style</author><pubDate>Sat, 19 Sep 2020 15:01:35 +0800</pubDate><description><![CDATA[electron-vue项目很多时候需要自动更新的功能，避免每次发版都要单独发安装包的尴尬，下面介绍一下如何利用electron-updater来实现自动更新

一、首先是安装，安装方式很多，不多说，这里需要注意的是electron-updater、electron以及electron-builder版本之间的兼容性

由于git上下来的electron-vue项目electron版本比较低为2x版本，所以对于版本比较高的electron-updater是不支持的，这里推荐使用3x到4x之间的electr.]]></description><category></category></item><item><title><![CDATA[前后端分离项目，ngnix如何在一台服务器部署多套前端代码]]></title><link>https://blog.youkuaiyun.com/wangle_style/article/details/101060134</link><guid>https://blog.youkuaiyun.com/wangle_style/article/details/101060134</guid><author>wangle_style</author><pubDate>Fri, 20 Sep 2019 15:31:48 +0800</pubDate><description><![CDATA[首先是ng的配置：



server
    {
        listen 80 default_server reuseport;
        #listen [::]:80 default_server ipv6only=on;
        server_name _;
        index index.html index.htm index.php;
        #...]]></description><category></category></item><item><title><![CDATA[yii2实现后端分页和模糊查询]]></title><link>https://blog.youkuaiyun.com/wangle_style/article/details/95772117</link><guid>https://blog.youkuaiyun.com/wangle_style/article/details/95772117</guid><author>wangle_style</author><pubDate>Sat, 13 Jul 2019 18:00:20 +0800</pubDate><description><![CDATA[注：这里说的是前后端分离的方式，前端可以用vue+element,不管用什么，只要能把需要的参数传给后端就OK

1.前端需要传的主要参数包括：


listQuery: { //动态请求table数据时传递的参数
        page_no: 1, //页码
        page_size: 10,//每页显示条数
        role: null,//角色--选填
        ...]]></description><category></category></item><item><title><![CDATA[yii2使用ActiveRecord类对数据库的操作]]></title><link>https://blog.youkuaiyun.com/wangle_style/article/details/94579290</link><guid>https://blog.youkuaiyun.com/wangle_style/article/details/94579290</guid><author>wangle_style</author><pubDate>Thu, 04 Jul 2019 12:36:35 +0800</pubDate><description><![CDATA[ActiveRecord提供了一套面向对象的对数据库进行增删改查的方法，很实用，省去了select*的一系列操作

注意:一个ActiveRecord类对应一个数据表

首先来创建一个model，然后model内如下配置


&lt;?php

namespace frontend\models;

use yii\db\ActiveRecord;

class Userinfo extends ...]]></description><category></category></item><item><title><![CDATA[基于vue-cli搭建的脚手架中的一些相关配置（转载）]]></title><link>https://blog.youkuaiyun.com/wangle_style/article/details/90339782</link><guid>https://blog.youkuaiyun.com/wangle_style/article/details/90339782</guid><author>wangle_style</author><pubDate>Sun, 19 May 2019 10:39:01 +0800</pubDate><description><![CDATA[当我们需要和后台分离部署的时候，必须配置config/index.js:

用vue-cli 自动构建的目录里面 （环境变量及其基本变量的配置）


var path = require('path')
 
module.exports = {
  build: {
    index: path.resolve(__dirname, 'dist/index.html'),
    assets...]]></description><category></category></item><item><title><![CDATA[js对数组的操作总结，包括map.filter...的一些高阶函数操作]]></title><link>https://blog.youkuaiyun.com/wangle_style/article/details/90289167</link><guid>https://blog.youkuaiyun.com/wangle_style/article/details/90289167</guid><author>wangle_style</author><pubDate>Fri, 17 May 2019 15:18:47 +0800</pubDate><description><![CDATA[近来空闲，总结一下js对数组的操作吧：

一：普通操作：

添加：push/unshift

push方法将数据添加到数组末尾，并返回数组的长度，它会改变原数组

unshift方法将数据添加到数组开头，并返回数组的长度，它会改变原数组


array_push() {
      let a = [1,2,3]
      let b = a.push(4)
      conrole.log(...]]></description><category></category></item><item><title><![CDATA[vue-element-admin中如何vuex的使用]]></title><link>https://blog.youkuaiyun.com/wangle_style/article/details/90287742</link><guid>https://blog.youkuaiyun.com/wangle_style/article/details/90287742</guid><author>wangle_style</author><pubDate>Fri, 17 May 2019 10:16:04 +0800</pubDate><description><![CDATA[有的朋友会疑惑vue-element-admin中vuex是怎么使用的，首先要说的是，vue-element-admin中把store给model化了，就是说分成a/b/c/d...的很多模块，每个模块都有自己的state/mutation/getter/action,在大的项目中，这么做的效果还是显而易见的，因为单一的状态树种，随着项目的不断迭代，会有很多状态和mutation放入同一个stat...]]></description><category></category></item><item><title><![CDATA[vue-element-admin与后端交互流程（补）（跨域）]]></title><link>https://blog.youkuaiyun.com/wangle_style/article/details/88223906</link><guid>https://blog.youkuaiyun.com/wangle_style/article/details/88223906</guid><author>wangle_style</author><pubDate>Wed, 06 Mar 2019 13:00:24 +0800</pubDate><description><![CDATA[有些朋友说，一个交互过程东一下，西一下的，不知所以然，所以在此补一下vue-element-admin的整体框架结构，并细说一下交互的过程，包括跨域问题！

一：首先是整体框架结构：


├── build                      // 构建相关（build.js/webpack等）
├── config                     // 配置相关 （代理环境配置/l...]]></description><category></category></item><item><title><![CDATA[vue-element-admin 之单个功能篇（三）]]></title><link>https://blog.youkuaiyun.com/wangle_style/article/details/88186486</link><guid>https://blog.youkuaiyun.com/wangle_style/article/details/88186486</guid><author>wangle_style</author><pubDate>Tue, 05 Mar 2019 17:21:37 +0800</pubDate><description><![CDATA[前面说完了登陆以及权限和利用tree进行动态更改权限的问题，下面撸一下单个的功能：

一：table功能

首先分析下table由三部分组成，搜索栏/table/分页栏

1.在钩子函数里调用获取table数据的函数来渲染table


// 获取活动列表
    async _fetchActivityList() {
      this.listLoading = true //加载动画
 ...]]></description><category></category></item><item><title><![CDATA[实撸vue-element-admin（二）]]></title><link>https://blog.youkuaiyun.com/wangle_style/article/details/88168697</link><guid>https://blog.youkuaiyun.com/wangle_style/article/details/88168697</guid><author>wangle_style</author><pubDate>Tue, 05 Mar 2019 11:02:32 +0800</pubDate><description><![CDATA[之前撸了权限和登陆，这次补一下利用tree控件动态设置权限，和一些单个功能的实现：

一：首先是新增角色，需要说的是，我们之前的思路是登陆之后就绑定了该角色，然后把cookie信息写上来供后端去在请求头里获取role来做角色关系处理！

1.点击确定创建按钮后执行如下操作：


// 添加角色 || 修改角色
    async _addRole() {
      if (!this.roleN...]]></description><category></category></item><item><title><![CDATA[vue-element-admin撸后台实践（一）]]></title><link>https://blog.youkuaiyun.com/wangle_style/article/details/88028742</link><guid>https://blog.youkuaiyun.com/wangle_style/article/details/88028742</guid><author>wangle_style</author><pubDate>Thu, 28 Feb 2019 16:13:28 +0800</pubDate><description><![CDATA[一个项目首先要解决的问题，同时也是核心的问题就是登陆和权限的问题，vue-element-admin将路由和左边侧栏进行了绑定，所以我们要解决的就是根据不同的role,生成不同的路由，然后动态渲染不同的侧边栏，同时还要解决在后台可以通过tree控件动态设置权限的效果，所以，先撸一下整体实现思路：

首先要说一下，vue-element-admin是怎么与后端进行交互的：用户端有交互提交----&amp;g...]]></description><category></category></item><item><title><![CDATA[vue+element使用vue-quill-editor的富文本编辑器]]></title><link>https://blog.youkuaiyun.com/wangle_style/article/details/84314611</link><guid>https://blog.youkuaiyun.com/wangle_style/article/details/84314611</guid><author>wangle_style</author><pubDate>Wed, 21 Nov 2018 10:54:38 +0800</pubDate><description><![CDATA[备注：我这里采用的是npm的安装模式配合vue-cli

1.安装：cnpm install vue-quill-editor --save

2.安装quill依赖：cnpm install quill --save

3.如何很多页面都需要用到，可以选择在main.js中引入，如下：

  import  VueQuillEditor from 'vue-quill-editor'
  imp...]]></description><category></category></item><item><title><![CDATA[移动端上下左右滑动事件]]></title><link>https://blog.youkuaiyun.com/wangle_style/article/details/82116348</link><guid>https://blog.youkuaiyun.com/wangle_style/article/details/82116348</guid><author>wangle_style</author><pubDate>Mon, 27 Aug 2018 17:28:57 +0800</pubDate><description><![CDATA[注意：要用on方法

$(&quot;.activity_goods&quot;).on(&quot;touchstart&quot;,'.activity_goods_left',function(e) {
            if (e.cancelable) {
                if (!e.defaultPrevented) {
                    e.preventDefault();
...]]></description><category></category></item><item><title><![CDATA[jq实现抽奖概率]]></title><link>https://blog.youkuaiyun.com/wangle_style/article/details/81874747</link><guid>https://blog.youkuaiyun.com/wangle_style/article/details/81874747</guid><author>wangle_style</author><pubDate>Mon, 20 Aug 2018 17:31:00 +0800</pubDate><description><![CDATA[思路是外层套一个100的随机函数，里面用if判断语句实现什么概率出现什么奖项

var ran=Math.ceil(Math.random()*100)     //外层100以内的随机整数

    if(ran&amp;lt;75){  //通过概率判断选取数字

        var needNum= 0    //选取需求数字（这里是0这个数字）
        return needNum;
...]]></description><category></category></item><item><title><![CDATA[jq实现上传图片预览以及提交前更换/删除图片]]></title><link>https://blog.youkuaiyun.com/wangle_style/article/details/81388065</link><guid>https://blog.youkuaiyun.com/wangle_style/article/details/81388065</guid><author>wangle_style</author><pubDate>Fri, 03 Aug 2018 15:26:02 +0800</pubDate><description><![CDATA[css部分自行解决吧，我就不多写了

一：html部分：

&amp;lt;div class=&quot;&quot;&amp;gt;
        &amp;lt;ul class=&quot;hyxc&quot; id=&quot;userphotos&quot;&amp;gt;
            &amp;lt;li class='photos' onmouseover='showdelete(this);' onmouseout='hidedelete(this);'&amp;gt;&am]]></description><category></category></item><item><title><![CDATA[laravel在执行php artisan migrate时报错]]></title><link>https://blog.youkuaiyun.com/wangle_style/article/details/81356212</link><guid>https://blog.youkuaiyun.com/wangle_style/article/details/81356212</guid><author>wangle_style</author><pubDate>Thu, 02 Aug 2018 11:53:28 +0800</pubDate><description><![CDATA[如果在执行此命令时报“could not find drive”说明链接数据库时出错

1.在laravel中可以在.env文件中修改db的参数，如下：

DB_CONNECTION=mysql      //数据库类型
DB_HOST=127.0.0.1              //地址名称
DB_PORT=3306                     //端口号
DB_DATABASE=...]]></description><category></category></item></channel></rss>