weixin_40489411的博客

原创 some()和every()的区别

如果数组中检测到有一个元素不满足，则整个表达式返回 false ，且剩余的元素不会再进行检测。如果有一个元素满足条件，则表达式返回true , 剩余的元素不会再执行检测。如果没有满足条件的元素，则返回false。如果所有元素都满足条件，则返回 true。every() 不会对空数组进行检测。some() 不会对空数组进行检测。every() 不会改变原始数组。some() 不会改变原始数组。

转载 vue3的生命周期函数

如果你还不知道，Vue3 Composition API 附带了一个 setup() 方法。此方法封装了我们的大多数组件代码，并处理了响应式，生命周期钩子函数等。简而言之，Composition API使我们能够更好地将代码组织为更多的模块化功能，而不是根据属性的类型（方法，计算的数据）进行分离。在旧的 beforeCreate 钩子函数之后和 created 的钩子函数之前立即调用 setup 方法。因此，我们不再需要这两个钩子，我们可以简单地将本应有的代码放在 setup() 方法中。

原创 vue3 监听-watch

2.当监听值为proxy对象时，oldValue值将出现异常，此时与newValue相同。需要将监听值写成函数返回形式,vue3无法直接监听对象的某个属性变化。1.此时vue3将强制开启deep深度监听。监听proxy数据的某个属性。

原创 pinia 的 基本使用

【代码】pinia 的 基本使用。

原创 Vue2 和Vue 3的区别

vue2和vue3的区别

转载 Base64,Blob,File 之间互转

Base64转Blobbase64ToBlob(base64Data) { let arr = base64Data.split(','), fileType = arr[0].match(/:(.*?);/)[1], bstr = atob(arr[1]), l = bstr.length, u8Arr = new Uint8Array(l) while (l--) { u8Arr[l] = bstr.ch

转载 js区分手机端和PC端

方法一if(/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)) { window.location.href = "wap";} else { window.location.href = "pc";}方法二<script> console.log(navigator.userAgent); var os = function (){ var ua = navigator

转载 js 数组循环方法

1.forEach()forEach会遍历数组, 没有返回值, 不允许在循环体内写return, 不会改变原来数组的内容.forEach()也可以循环对象。let array = [1,2,3,4];array.forEach((item, index, array) => {　　console.log(item);});2.map()map 遍历数组, 会返回一个新数组, 不会改变原来数组里的内容let array = [1, 2, 3, 4];let temp = ar.

原创 vue开发之过滤器filters

<template> <div class="login-container"> {{msg | curreny('北京')}} </div></template><script>export default { name: 'Index', //过滤器 filters:{ curreny(value1,value2 = 'filters'){ return value1 + value2

原创 composer跟新版本命令

将composer 更新到最新版本：composer selfupdate

转载 vue中的$attrs和$listeners

vue中的$attrs和$listeners多级组件嵌套需要传递数据时，通常使用的方法是通过vuex。如果仅仅是传递数据，而不做中间处理，使用 vuex 处理，这就有点大材小用了。所以就有了 $attrs / $listeners ，通常配合 inheritAttrs 一起使用。inheritAttrs：默认值为 true。默认情况下父作用域的不被认作 props 的 attribute 绑定 (attribute bindings) 将会“回退”且作为普通的 HTML attribute 应用

原创 Laravel开发之中间件

一般中间件用来过滤用户请求中间件创建//php artisan make:middleware 中间件名称php artisan make:middleware CheckToken中间分三类：分别是全局中间件、中间件组和指定路由中间件全局中间件如果你想要定义的中间件在每一个 HTTP 请求时都被执行，只需要将相应的中间件类添加到 app/Http/Kernel.php 的数组属性 $middleware 中即可：分配中间件到指定路由$routeMiddleware 中的中间件

转载 laravel开发之查询构造器

转载自：https://blog.csdn.net/zjiang1994/article/details/77054277基本语法//table用来获取表名//get是获取全部记录$users = DB::table('users')->get();//返回StdClass对象，可以循环取出foreach ($users as $user) { echo $user->name;}//获取查询到的第一条记录$user = DB::table('users')-&

原创 Laravel开发之Laravel数据库操作

Laravel连接数据库修改主目录下的.env 和 config/database.php 配置文件//.env DB_CONNECTION=mysql //数据库类型DB_HOST=127.0.0.1 //ip , localhostDB_PORT=3306 //端口DB_DATABASE=laravel //数据库名DB_USERNAME=root //用户DB_PASSWORD=root //密码//config/databas

原创 Laravel开发之路由管理

路由的定义文件在根目录 routes/web.php 中，可以看到 welcome 页面；路由定义格式Route::请求方式(‘请求url’,‘匿名函数或控制器方法’)//我们创建一个路由，让它返回一段信息，并设置响应的 url 地址；Route::get('index', function () { return 'Hello, World!';});路由请求方式提交接受方式::get() ::post()、::put()、::delete()是表单和 Ajax 的提交接受方式；

原创 Laravel开发之Laravel安装

Composer 是 PHP 的一个依赖管理工具。它允许你申明项目所依赖的代码库，它会在你的项目中为你安装他们。安装：1.安装phpstudy2.使用phpstudy安装php(7.1版本以上)和 composer,并配置环境变量。在cmd窗口使用命令 composer -v 确定安装成功。3.使用命令 composer global require laravel/installer 安装laravel环境。（比较慢，请耐心等待。出现 changed curr directory … ，不用管）。

原创 linux常见目录

转载 vue-计算属性和监听器

vue-计算属性和监听器

原创 vue开发之组件通信

Vue中的的通信方式有几种？隔代组件的通信你用那种方式解决？总共有7种props/$emit 适用父子组件通信ref与parent/children适用父子组件通信EventBus(事件总线) 适用于父子、隔代、兄弟组件通信attrs/listeners 适用于隔代组件通信provide/inject 适用于隔代组件通信vuex 适用于父子、隔代、兄弟组件通信slot插槽方式...

原创 vue开发之slot插槽

vue开发之2.0版solt插槽查看官方文档插槽就是子组件中的提供给父组件使用的一个占位符，用<slot></slot> 表示，父组件可以在这个占位符中填充任何模板代码，如 HTML、组件等，填充的内容会替换子组件的<slot></slot>标签。子组件<template> <div> <h1>slot的使用</h1> <slot></sl

原创 vue开发之路由守卫

vue路由管理

原创 vue开发之生命周期

vue开发之生命周期

原创 vue全局组件和局部组件

vue全局组件和局部组件

转载 vue插件和组件的区别

vue插件和组件的区别Vue.use()是全局注册插件Vue.component()是全局注册组件Vue组件（component）用来构成你的App的业务模块，它的目标是App.vue。Vue插件(plugin) 用来增强你的技术栈的功能模块， 它的目标是Vue本身。（插件是对Vue的功能的增强和补充）来源：Vue 组件和插件的关系...

原创 css文字超出显示省略号

单行文本溢出显示省略号{ width: 100px; overflow: hidden; //超出隐藏 white-space: nowrap; //不折行 text-overflow: ellipsis; //溢出显示省略号}超过2行超出显示省略号 overflow:hidden; //超出隐藏 text-overflow:ellipsis; //溢出显示省略号 white-space: normal; //不折行 display:-webki.

原创 vuex(Vue状态管理)

@TOC

原创 vue封装插件并发布到npm

@【vue自定义插件&上传npm】写插件在项目根目录新建glugins文件夹,目录如下gluginslibindex.jsindex.jsglugins>lib>index.jsconst Plugins = { //Vue.js 的插件应该暴露一个 install 方法。这个方法的第一个参数是 Vue 构造器，第二个参数是一个可选的选项对象 install(Vue,option){ // 添加全局方法或 pr

原创 vue自定义指令

vue 指令自定义指令常见指令及修饰符事件修饰符自定义指令在main.js中注册全局自定义指令// 注册全局自定义指令Vue.directive('rotate',{ bind:function(){ //只调用一次，指令第一次绑定到元素时调用 //这里使用es6语法接收参数，并让元素旋转并改变字体颜色 let [el,...other] = arguments el.onmousemove = function(){ el.style.color

原创 vue封装axios请求

vue封装axios请求新建文件src/utils/request.jsimport axios from 'axios'// 自定义配置创建axios的新实例const service = axios.create({ baseURL: process.env.BASE_API, // api 的 base_url 将被添加到`url`前面 timeout: 30000, // 请求响应时间 params: {} // 无论请求为何种类型，在params中的属性都会以key=val

原创 vue2.0 配置跨域请求

vue2.0 & vue3.0配置跨域请求vue2.0跨域dev.env.js （开发环境）prod.env.jsindex.jsvue3.0跨域vue2.0跨域使用webpack-merge区分生成环境和开发环境，在项目根目录下新建config文件，并新建如下文件：dev.env.js （开发环境）prod.env.js （生产环境）index.js （用于定义开发环境和生产环境所需要的参数）dev.env.js （开发环境）'use strict'// 该插件是用来合并对象

原创 微信小程序开发之生命周期

撤销：Ctrl/Command + Z重做：Ctrl/Command + Y加粗：Ctrl/Command + B斜体：Ctrl/Command + I标题：Ctrl/Command + Shift + H无序列表：Ctrl/Command + Shift + U有序列表：Ctrl/Command + Shift + O检查列表：Ctrl/Command + Shift + C插入代码：Ctrl/Command + Shift + K插入链接：Ctrl/Command + Shift +