yurika丶-CSDN博客

原创 Vue增加npm 输出项

前阵子后台给了需求,要去启动项目的时候,在npm启动里增加一个日志的输出,百度了很久，可能是需要使用 webpack-dev-serve的插件可以实现(但是具体怎么弄,我没看懂)，我自己能找到的方式就是修改 npm的源文件,达到这种效果增加日志输入修改文件的路径是：找到自己的 node_node_modules 文件夹node_modules -》 @vue -》cli-service-》 lib-》 commands -》 servejs 文件增加你需要的静态文件名就可以了虽然文件

2020-09-06 14:40:24 287

原创 CSS 样式穿透

最近在使用 Ant design Vue的时候, 经常会出现样式无法修改的问题,在通过百度查询后发现是scopred的问题.scoped看起来很好用，在Vue项目中，当我们引入第三方组件库时(如使用element-ui)，需要在局部组件中修改第三方组件库样式，而又不想去除scoped属性造成组件之间的样式覆盖。这时我们可以通过特殊的方式穿透scoped语法:外层容器 >>> 组件 { }1、stylus的样式穿透使用 >>>备注: 不太推荐使用这种方式,据

2020-08-20 17:54:38 21987 2

原创 Vue.ls使用方法

就是一个 Vue插件用于从Vue上下文中使用本地Storage，会话Storage和内存Storage(大致意思就是把localstorage和sessionstorage给封装了一下)1. 安装NPMnpm install vue-ls --saveYARNyarn add vue-ls2. 使用import Storage from 'vue-ls'; options = { namespace: 'vuejs__', // key键前缀 name: 'ls', // 命

2020-08-10 09:05:34 9225

原创 Vue组件传值

vue组件传值在日常开发中比较常见一般有三种传值方式：1.父传子、2.子传父、3.兄弟组件之间通信1.父组件向子组件传值一般会在子组件里面定义props来做接收，这是比较常见的情况这是父组件<template> <div> <div>我是父组件</div> <div>我发送给第一个组件的信息是:{{msg}}</div> <div> <div id="child1".

2020-07-30 23:18:58 165

原创页面性能优化

在chrome浏览器，对于同一域名，最多支持6个请求的并发，其他请求会推入到队列中等待或停滞不前，直到6个请求之一完成后，队列中新的请求才会放出。可以看到，六个绿色条并发请求，四个灰色条等待请求，最下面三个绿色条3.4s后才触发请求html、css、js 代码压缩公共文件（js/css）合并、请求合并浏览器缓存（强缓存、弱缓存）CDN（Content Delivery Network，内容分发网络）加速。通过将静态资源(例如javascript，css，图片等等）缓存到离用户很近的相同网络.

2020-07-02 11:00:11 226

原创 axios常用功能的全局配置

常用全局配置1. 全局配置请求ip及端口号axios.defaults.baseURL = global.HOST; (默认地址)2. 配置axios请求头中的content-type为指定类型axios.defaults.headers.post["Content-Type"] = "application/x-www-form-urlencoded";或者{headers:{'Content-Type':'application/x-www-form-urlencoded'}}3.请求

2020-06-30 17:46:10 807

转载 Vue双向数据绑定浅谈

vue数据双向绑定原理vue数据双向绑定是通过数据劫持结合发布者-订阅者模式的方式来实现的，那么vue是如果进行数据劫持的，我们可以先来看一下通过控制台输出一个定义在vue初始化数据上的对象是个什么东西。var vm = new Vue({ data: { obj: { a: 1 } }, created: function () { console.log(this.obj); }});结果：

2020-06-30 17:15:32 137

转载 JSDoc 注释规范

JSDoc 注释规范什么是 JSDocJSDoc 是一个根据 JavaScript 文件中注释信息，生成 JavaScript 应用程序或模块的API文档的工具。你可以使用 JSDoc 标记如：命名空间，类，方法，方法参数等。从而使开发者能够轻易地阅读代码，掌握代码定义的类和其属性和方法，从而降低维护成本，和提高开发效率。JSDoc 注释规则JSDoc注释一般应该放置在方法或函数声明之前，它必须以/ 开始，以便由JSDoc解析器识别。其他任何以 / ， /** 或者超过3个星号的注释，都将被

2020-06-27 17:54:45 763

原创 module.exports和exports 与 export和export default的区别,import和require的区别

module.exports 和 exports 的区别在学习Node.js时，经常能看到两种导出模块的方式：module.exports和exports。穿插一个必备小知识：在文件a.js中用exports或module.exports导出的对象（方法、变量），可以在另一个文件b.js中通过require(’./a’)引用。module和exports是Node.js给每个js文件内置的两个对象。可以通过console.log(module) 和 console.log(exports)打印出

2020-06-26 20:54:10 203

原创前端模块化详解--commonjs

传统开发：（1）<script src="app.js"><script>整个网页写了一个js文件所有的特效都在里面缺点：耦合度太高代码之间的关联性太强，不便于后期维护会造成全局污染（2）<script src="01.js"><script> 　 <script src="02.js"><script> 　 <script src="03.js"><script>缺点：

2020-06-22 18:07:37 195

原创 JS常用的字符串方法

1、toLowerCase(): 把字符串转为小写，返回新的字符串。var str="Hello World";var str1=str.toLowerCase();console.log(str); //Hello Worldconsole.log(str1); //hello world2、toUpperCase(): 把字符串转为大写，返回新的字符串var str="hello world";var str1=str.toUpperCase();console.log(str); /

2020-06-17 17:43:46 122

原创 40道JavaScript基础面试题

1、介绍JavaScript的基本数据类型Number、String 、Boolean 、Null、UndefinedObject 是 JavaScript 中所有对象的父对象数据封装类对象：Object、Array、Boolean、Number 和 String其他对象：Function、Arguments、Math、Date、RegExp、Error新类型：Symbol2、说说写JavaScript的基本规范？不要在同一行声明多个变量使用 ===或!==来比较true/false或

2020-06-15 17:22:56 2738

转载组件化开发与资源管理

前端，是一种GUI软件现如今前端可谓包罗万象，产品形态五花八门，涉猎极广，什么高大上的基础库/框架，拽炫酷的宣传页面，还有屌炸天的小游戏……不过这些一两个文件的小项目并非是前端技术的主要应用场景，更具商业价值的则是复杂的Web应用，它们功能完善，界面繁多，为用户提供了完整的产品体验，可能是新闻聚合网站，可能是在线购物平台，可能是社交网络，可能是金融信贷应用，可能是音乐互动社区，也可能是视频上传与分享平台……如此复杂的Web应用，动辄几十上百人共同开发维护，其前端界面通常也颇具规模，工程量不亚于一般的传统

2020-06-15 11:52:10 518

weixin_42436735的博客