- 博客(15)
- 收藏
- 关注
RSS订阅原创 vue2使用swiper
第一步、先安装swiper插件npm install swiper@3.4.1 --save-dev第二步、组件内引入swiper插件import Swiper from ‘swiper’import ‘swiper/dist/css/swiper.min.css’第三步、创建模板
2021-09-03 15:44:36
507
原创 webpack常用模块
clean-webpack-plugin. //清理dist文件下的内容webpack-node-externals /处理node_modules的文件排除不会使用道的模块@babel/core//的作用是把 js 代码分析成 ast ，方便各个插件分析语法进行相应的处理。有些新语法在低版本 js 中是不存在的，如箭头函数，rest 参数，函数默认值等，这种语言层面的不兼容只能通过将代码转为 ast，分析其语法后再转为低版本 js@babel/node//window需要安装成全局调试使用@b.
2021-06-08 23:42:04
168
原创 koa常用的中间件
koa常用的中间件koa //整个框架koa-router//路由跳转全部靠它koa-body//向前端返回信息@koa/cors //跨域koa-jsonkoa-combine-routers//整合路由中间件koa-helmet//加入一个安全的头koa-static//静态资源的依赖可以访问...
2021-06-08 21:51:48
186
原创 vue面试题系列二
vue面试题系列二Vue组件的data为什么必须是一个函数，但是根实例却没有这个限制？我们日常使用vue中，其实不难发现在组件里面其实data必须是一个函数的返回，而根实例却可以不一定需要是函数我们看一下源码已经一个简单的组件可以发现，如果在组件中我们返回的不是一个函数而是一个对象，再加上组件在使用中只会创建一次，就好比所有组件都会共用一个data,也就是说一根雪糕你一口我一口大家都在一起舔。所以用了这个可以有效规避组件之间的污染，但是根实例就不会出现这个问题，所以他的返回也可以是一个对象之类的数
2021-06-04 10:18:15
115
原创 vue面试系列一
vue面试题系列一vue中v-if和v-for 哪个优先级更高？如果两个同时出现，应该怎么优化得到更好的性能？1关于优先级答案是v- for高于v-if.从vue源码中我们可以清楚的看到v-for循环是高于v-if的。想试试的小伙伴可以去codegenindex中去测试一下源码，通过断点的方式。2如果不在同一层级可以先在外面套一个标签，通过判断v-if是否生成在看是否需要进行循环遍历。如果在同一层级我们也可以通过computed来return需要的一些属性 直接再来进行一个循环操作～...
2021-06-03 23:20:56
98
翻译 js常用的简写方法
js常用的简写方法！有效提高你的代码整洁性～声明变量old：let x;let y =20;new: let x,y = 20给多个变量赋值old：let a ，b , ca=1,b=2,c=3new: let [a,b,c]=[1,2,3]三元运算符old：let marks = 26;let result;if(marks >= 30){result = ‘Pass’;}else{result = ‘Fail’;}new: let res
2021-05-29 15:51:29
598
原创 vue-element-admin框架修改为自己使用
简单记录一下这个框架的使用，把接口修改为自己的项目的过程1、项目初始化（精简项目）首先吧views下除了以外的页面全部删除（后续看情况自己手动添加）2、删除路由把constantRoutes 下的路由删除到只剩下再把asyncRoutes下删除到只剩下其实error也可以删除3、删除src/router/modules文件夹4、删除src/vendor文件夹5、删除接口无关信息删除mian.js里然后在6、修改你的域名这是开发模式这是打包模式7、修改请求接口一般只需
2021-05-17 17:14:37
4009
3
原创 vuex傻瓜式理解
vuex我翻看了好多vuex的博主，总觉得理解不深，趁着周末就自己在家好好结合网上的视频和官方文章就自己稍微整理了一下。一、首先我们来理解一下vuex他是个什么东西，首先它是一个仓库里面存着各种信息，比如存放着一个人的信息，也可以通过仓库里的工具，（打比方仓库里的工具臂）操作工具臂去改变仓库存放的东西，把它移除或者增加二、vuex有哪些核心概念我来列举一下，了解过vue基本概念都都应该一眼能看懂我都每个概念后的备注1、State =>(可以当作vue里的data)2、Gett
2021-04-11 20:03:02
182
转载 uniapp 中APP使用微信授权登录完整总结
APP微信授权主要步骤：（1）在App中要实现微信授权则需要在微信公众平台申请一个应用，获取相应的appid和appsecret；在填写申请时有2个地方需要注意：应用包名：是app打包时候可以填写的如下图位置：应用签名可以在：微信公众平台的头部导航 — 资源中心 —资源下载 中点击下载一个手机软件，输入应用包名后直接生成复制；（2）在uniapp项目中的manifest.json 进行APP SDK配置 和 模块权限配置；3）终于进入正式环节，开始编码：//app第三方登录h
2020-11-12 14:17:25
8129
2
原创 关于websocket的简单实用
前端小伙伴需要做的首先是：创建一个websocker的对象一 连接后端let ws = new WebSocket(‘ws://localhost:9998’)ws://localhost:9998这个地址说后端小伙计给你的一个地址然后通过调用websocket的三种方法1、ws.onopen = () => {console.log(连接成功)}2、ws.onclose = () => {console.log(连接失败)}3、ws.onmessage = (msg)
2020-09-25 15:32:35
290
原创 Element-UI 的基本使用
官网地址为： http://element-cn.eleme.io/#/zh-CN1. 基于命令行方式手动安装① 安装依赖包 npm i element-ui –S② 导入 Element-UI 相关资源**// 导入组件库import ElementUI from ‘element-ui’;// 导入组件相关样式import ‘element-ui/lib/theme-chalk/index.css’;// 配置 Vue 插件Vue.use(ElementUI);2. 基于图形化界面自
2020-08-02 14:29:58
559
原创 webpack打包配置最全！！！！！！
webpake模块化使用场景创建列表隔行变色项目：① 新建项目空白目录，并运行 npm init –y 命令，初始化包管理配置文件 package.json② 新建 src 源代码目录③ 新建 src -> index.html 首页④ 初始化首页基本的结构⑤ 运行 npm install jquery –S 命令，安装 jQuery⑥ 通过模块化的形式，实现列表隔行变色效果结果发现没有配置导致隔行变色无法实现配置webpake① 运行 npm install webpack we
2020-08-01 23:53:48
1944
原创 如何在Node.js 中通过 babel 体验 ES6 模块化
在终端中运行1npm install --save-dev @babel/core @babel/cli @babel/preset-env @babel/node2npm install --save @babel/polyfill3项目跟目录创建文件 babel.config.js4babel.config.js中填充如下代码const presets = [["@babel/env", {targets: {edge: “17”,firefox: “60”,chrome: “67”
2020-08-01 22:51:46
343
原创 关于构造函数、实例对象、原型三者之间的关系
构造函数有一个prototype属性，该属性称为构造函数的原型对象，一般将公共的methods放到该对象上通过.的方式，而不是直接覆盖。可以保证在通过 new 关键字创建实例对象的时候, 这些方法不会被重复在内存中创建。而每个通过实例以后的对象有一个constructor属性，可以通过proto来访问constructor，并且**proto和prototype有一个共同的constructor指向构造函数，当constructor被覆盖的时候可以通过constructor：Star**的方式指回该构造函数
2020-08-01 11:02:42
238
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人