嘤嘤怪呆呆狗_vue,js,前端学习笔记-CSDN博客

从广义的角度来说：JavaScript中的函数都是闭包；从狭义的角度来说：JavaScript中一个函数，如果访问了外层作用域的自由变量，那么它是一个闭包； 1. v8为了执行代码，v8引擎内部会有一个执行上下文栈(简称：ECS，也叫做：函数调用栈)2. 因为执行的是全局代码，为了全局代码能够正常的执行，需要创建全局执行上下文(全局代码被执行时才会创建)(Global Excution Context,简称GEC ) ，GEC 里面有一个 VO ，VO 指向的就是 GO（GO包含Date、win.

2022-04-05 09:54:50 164

原创 apply call bind 的实现

apply bind call 的实现

2022-03-18 10:52:04 275 2

原创 TypeScript 学习笔记

7、Typescript官方文档Atwood定律Stack Overflow 的创立者之一 Jeff Atwood 在 2007年提出了著名的 Atwood 定律any application that can be written in JavaScript , will eventually be written in JavaScript.任何可以使用JavaScript来实现的应用都最终会使用 JavaScript 实现web端移动端 RN uni小程序端桌面端 elect

2022-01-27 18:31:25 895 2

原创项目问题整理及项目工具整理~等等持续更

项目问题整理

2022-01-11 21:38:50 291 2

原创查看 npm 的默认安装路径

window + r 输入 cmd ，然后输入 npm config get prefix 会显示默认全局安装路径npm config set prefix 可设置 npm 全局安装路径npm config get prefix 可以查看 npm 全局安装路径

2021-10-09 20:31:14 1675

原创 react的jsx 的本质？

JSX => createElement 函数 => ReactElement (对象树) => ReactDOM.render => 真实的DOM1 JSX基本使用实际上，JSX 仅仅只是 React.createElement(component,props,…children) 函数的语法糖所有的 jsx 最终都会被转换成 React.createElement 的函数调用React.createElement 需要传递的参数参数一：type当前 Rea

2021-10-09 16:58:04 103

原创 jsx中，解决事件处理程序 this指向问题

class Hello extends React.Component { state = { count: 0, } handleSum() { // 事件处理程序中的 this 是 undefined // 这个方法其实是 react 内部调用，内部调用的时候，没有正确绑定 this } render() { return ( <div>

2021-10-06 20:48:26 331 1

原创 better-scroll 插件实现滚动

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document&l

2021-09-05 17:52:30 128

原创 uni bug、踩坑、技巧集锦

1. uni样式穿透后不生效样式穿透后，有可能微信小程序端不显示效果，但是 h5 可能就会显示解决方案在methods同级下设置：options: { styleIsolation: 'shared' },

2021-09-03 16:01:48 477 2

原创优购商城（uni）

项目介绍基于 uni-app 的电商类微信小程序项目，实现首页模块、购物车模块、分类模块、商品列表模块、我的模块主要业务描述项目大量采用 uni 的组件快速搭建页面、样式搜索模块、商品列表模块等，封装自定义组件，采用父子组件传值，提高效率项目采用 mixins 技术，提高代码的复用率搜索模块，采用防抖，减少对服务器的请求次数，商品列表模块下拉触底采用节流，优化用户体验、减轻服务器压力项目地址项目地址项目截图...

2021-08-18 12:18:13 773

原创电商后台管理系统

项目介绍基于 vue 框架的电商后台管理系统，实现用户管理、商品管理、订单管理、数据统计、权限管理模块项目技术vue+vue-router、vue-cli、jses6、element-UI、axios、echarts主要业务描述项目所有模块主要使用 element-UI 组件库开发，快速搭建样式、页面项目所有模块使用 axios 与后台进行数据交互，获取数据，并渲染到页面上通过路由来显示不同的页面，通过路由前置导航守卫来控制用户是否能登录后台管理页面通过分页组件、表格组件，实现模

2021-08-18 12:15:25 372

原创 HR-sass

项目介绍人力资源管理管理系统可以根据职务的不同，显示不同的功能。主要完成员工管理模块、公司设置模块、组织架构模块、权限管理模块项目技术vue-element-admin、vuex、vue-router、jses6、axios、echarts主要业务描述在 vue-element-admin 基础上配和 elementUI 快速搭建模块页面设置 axios 请求拦截器和响应拦截器，对 axios 请求进行优化根据后端接口文档，完成员工管理、公司设置、组织架构、权限管理模块对于项目模

2021-08-18 12:12:06 454

原创小兔鲜-PC

小兔鲜电商平台-PC端项目介绍此项目是电商类的一个PC端购物平台。主要完成了首页模块、分类模块、商品详情模块、购物车的模块、登录模块、结算模块项目技术Vue3.x、Vue Router、Vuex、Vueuse 、axios、主要业务描述采用 IntersectionObserver 监测某个Dom是否进入可视区，进入后再发起异步请求等操作，减少白屏时间自定义骨架屏组件，搭配Vue动画，防止页面白屏内容过多，提高用户体验自定义10+个组件，根据使用情景，全局注册为函数式组件或.

2021-08-18 12:07:02 387

原创 vue3中需要给函数传递组件自定义事件返回的值还要传递父标签 v-for 中的某个值，处理方法

<tr v-for="item in $store.getters['cart/validList']" :key="item.skuId" > <td> <XtxCheckbox :modelValue="item.selected" @change="($event

2021-08-17 07:27:32 633

原创 Vue 中调用 QQ官方的登录

第一步：参考文档：准备工作(opens new window)QQ互联JS_SDK由于域名是 www.corho.com 和 localhost 不一致无法回调页面，需要再本地修改 hosts 地址window1. 找到 C:\Windows\System32\drivers\etc 下hosts文件2. 在文件中加入 127.0.0.1 www.corho.com3. 保存即可。# 如果提示没有权限1. 将hosts文件移到桌面，然后进行修改，确认保存。2. 将

2021-08-13 10:36:55 1130 1

原创 webpack 排除包

先在 src/public/index.html 中用 script 标签引入 xxxx.js 文件，假设它的全局变量是QC在 .vue 文件中，是不能直接使用 QC 的解决方法 configureWebpack: { externals: { qc: 'QC' } },# 虽然 qc 不进行打包了，但是依旧能用 QC 这个变量在 .vue 文件中import QC from 'qc'setup(){ QC.Login() ……………………}

2021-08-13 09:31:47 285

原创 vue3使用less,scoped后发现:deep不生效

vue3 淘汰了 ::v-deep 要修改样式的类名 { 内容 }vue3 采用 :deep(要修改样式的类名) { 内容 }源代码这样不生效，在 vue3 中，需要vue3的template里加上父标签，并在less中使用父标签包裹要穿透的样式内容<style scoped lang='less'> // 组件的其他样式 :deep(.xtx-carousel) { height: 380px; .carousel { &.

2021-08-09 14:06:31 11342

原创原生 js 监测某个 DOM进入可视区

就是这个 IntersectionObserver 对象， MDN 中有介绍， vue3 版本的 vueuse/core 其实也是根据这个封装的<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="vie.

2021-07-16 21:19:32 375 3

原创 vue 造轮子自定义组件持续更新~~~~

如何把自定义组件，注册为全局组件vue3.x版本一般项目的src/comonents/目录下，新建一个index.js// 扩展vue原有的功能：全局组件，自定义指令，挂载原型方法，注意：没有全局过滤器。// 这就是插件// vue2.0插件写法要素：导出一个对象，有install函数，默认传入了Vue构造函数，Vue基础之上扩展// vue3.0插件写法要素：导出一个对象，有install函数，默认传入了app应用实例，app基础之上扩展import XtxSkeleton from '.

2021-07-13 19:42:01 683 6

原创 vuecli创建的项目关闭 eslint

xxxxxxxxxxxxxxxxxxx emmmmm 果断关闭1、在创建的时候就不要选择把红色的框框的东西取消选择2、根目录新建 vue.config.js 文件// vue.config.jsmodule.exports = { devServer: { overlay: { warnings: false, //不显示警告 errors: false //不显示错误 } }, lintOnSave:false //关闭esli

2021-07-09 18:01:36 302 3

原创 vue3.x 在自定义组件上使用 v-model

咱也不知道咋回事，反正就是变了当给组件一个 v-model=“message” 的时候子组件的 props 写 message 根本获取不到值，。。因为他不叫 message 叫 modelValue ，传递过去的事件名叫：update:modelValue当给子组件传递多个 v-model 值的时候v-model:别名=“data的属性”传递过去的值。叫做别名传递过去的事件叫做 update:别名emmmmm 应该就是这样<template>.

2021-07-09 12:28:41 554 2

原创 node express mysql koa学习笔记

Enode.js 是基于v8 JavaScript引擎的 JavaScript运行时环境任何可以使用 JavaScript来实现的应用都最终都会使用 JavaScript 实现1、全局对象和模块化开发1.1 给node 程序传递参数当我们执行 node ./index.js 的时候其实，后面可以拼接参数，参数就是 node 的全局对象 process ，比如 node ./index.js ddg age=20 argv: [ 'E:\\node\\node.exe', .

2021-07-07 21:22:09 478 6

原创 uni-app 学习笔记黑马优购商城

https://www.escook.cn/docs-uni-shop/1、uni-app 和项目搭建1.1 项目介绍1.2 文档介绍项目接口文档1.3 什么是 uni-app就是基于 vue 的一个框架，一套代码，可以打包成多个端的方案1.4 下载和安装 HBuni-app 官方推荐使用 HB 开发模板丰富完善的智能提示一键运行安装步骤访问官网 HB官网点击首页的 DOWNLOAD 按钮选择下载正式版 => app开发板1.5 安装 scss插

2021-07-05 08:53:37 6002 10

原创 node express koa 学习笔记

node express koa 学习笔记，源代码可以私聊

2021-07-04 00:34:27 191 2

原创 promise 错误的捕获

1.promise 中通过 throw 抛出错误，catch 来捕获 let p = new Promise((resolve, reject) => { //resolve('成功调用') //reject('失败调用') throw 'new Promise 报错' }) p.then( res => { console.log(res); throw '成功调用后报错' },

2021-06-30 23:38:08 3409

省市县三级联动 JSON 文件

pink老师js869集笔记

Vue2.X基础学习笔记 md版本

小米（js jq）没有视频视频太大了.rar

空空如也