微生阳-CSDN博客

原创 vue知识点总结

vue知识点总结

2022-03-30 10:26:50 329 1

原创用CNPM/淘宝源的开发者们请注意，淘宝NPM 镜像站喊你切换新域名啦

淘宝 NPM 镜像站切换新域名源起淘宝 NPM 镜像站（http://npm.taobao.org）自 2014 年正式对外服务，一开始只是想简单地做 NPM 的中国镜像站点，回馈国内前端社区，不知不觉竟然一直运行到现在。当年参考 Ruby Gems 淘宝镜像的方式，跟阿里开源组织申请了 taobao.org 的二级域名，镜像站点名称也自然而然地取名为淘宝 NPM 镜像站（下称 CNPM）。域名切换规则：http://npm.taobao.org => http://npmmirro

2022-03-30 10:18:16 1053

原创 JavaScript 代码的执行流程

JavaScript 代码的执行流程实际上变量和函数声明在代码里的位置是不会改变的，而且是在编译阶段被 JavaScript 。JavaScript 的执行机制：先编译，再执行JavaScript 代码执行过程中，需要先做变量提升，而之所以需要实现变量提升，是因为 JavaScript 代码在执行之前需要先编译。在编译阶段，变量和函数会被存放到变量环境中，变量的默认值会被设置为 undefined；在代码执行阶段，JavaScript 引擎会从变量环境中去查找自定义的变量和函数如果在编译阶段，

2021-09-05 15:51:37 2300 1

原创分享-简单实现一个vue3 v-loading自定义指令

./components/loading/loading.vue<template> <div class="loading"> <div class="loading-content"> <img width="24" height="24" src="./loading.gif" /> <p class="desc">{{ title }}</p> </div> <

2021-06-08 16:30:28 1623 3

原创 vue3图片懒加载vue3-lazy的使用

github地址：https://github.com/ustbhuangyi/vue3-lazy$ npm install vue3-lazy -Smain.js:import App from './App.vue'import lazyPlugin from 'vue3-lazy'createApp(App) .use(lazyPlugin, { loading: require('@/assets/images/default.png'), // 图片加载时默认图片 .

2021-06-07 14:38:12 3764 6

原创 vue项目中scss mixin实现非实体样式全局引入

vue项目中非实体的样式（函数、变量），使用scss全局变量和全局mixin。可以在任何组件中而不用再引入，在vue项目中则需要在vue.config.js中配置css选项，像下面这样，具体可参考官方文档：module.exports = { css: { loaderOptions: { sass: { // 全局引入变量和 mixin additionalData: ` @import "@/assets/scss/varia

2021-06-07 11:03:36 552 2

原创 Unexpected trailing comma ESlint与prettier冲突

问题：编辑器格式化工具和eslint产生了冲突在项目根目录下创建.prettierrc文件.prettierrc文件:{ "semi": false,//格式化时不加分号 "singleQuote": true,//用单引号替换双引号 "trailingComma": none //对象后面默认添加逗号}解决： “trailingComma”:none对象后面默认添加逗号...

2021-06-07 09:45:45 6083 1

原创 before、after伪类用在＜img＞标签上失效的问题

参考链接https://www.w3.org/TR/CSS21/generate.html#before-after-content问题before、after伪类用在标签上失效原因before和:after伪元素指定生成内容的样式和位置。正如它们的名称所示，:before和:after伪元素指定了document tree content内容之前和之后的内容位置。content属性与这些伪元素一起指定要插入的内容。文中的document tree content，对于 img 这种单标签，

2021-06-04 14:25:59 1354 3

原创 /deep/错误嵌套用法导致的ios移动端真机样式失效问题（＞＞＞、 /deep/、::v-deep）

目录由于嵌套/deep/的错误用法而导致的ios移动端真机样式失效问题错误嵌套/deep/的写法scoped/deep/ 深度作用选择器由于嵌套/deep/的错误用法而导致的ios移动端真机样式失效问题bug：在浏览器和安卓上样式都是对的，在ios上样式完全失效直接上代码：<style lang="scss" scoped>.container { position: relative; /deep/ .van-tabs__wrap { border: 0;

2021-03-03 16:34:56 3133 4

原创手写一个完美符合 Promise/A+规范的Promise以及扩展 5 个静态方法、2 个实例方法

目录写在前面Promise/A+ 规范Promise的使用实现自己的Promise状态then()实现异步的promisePromise 解决过程，resolvePromise函数Promise 解决过程resolvePromise函数的实现deferPromise 规范测试测试结果扩展Promise 5 个静态方法、2 个实例方法静态方法Promise.resolvePromise.rejectPromise.allPromise.allSettledPromise.race实例方法catchfinall

2021-02-27 21:37:06 683 5

qq_41161604的博客