前端爆米花-CSDN博客

原创 2022322

没有人天生就会某一项技能，只有在后天的成长中，不断的练习和重复，才会越来越熟练。（爆发吧，小宇宙！）基础知识1.html & css2.jsvue的使用uniapp(支付宝小程序，微信小程序，H5)...

2022-03-22 13:29:50 157

原创 html&css

html规范尽量使用双引号<img src="1.jpg" /><div style="color:red;"><div/>HTML5标准模版<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8">  <meta http-equiv="X-UA-Compa

2022-03-22 13:06:22 136

1、官方文档https://panjiachen.gitee.io/vue-element-admin-site/zh/guide/2、下载安装集成版本（选择i8n分支，进入中文版）git clone https://github.com.cnpmjs.org/PanJiaChen/vue-element-admin.git基础版本git clone https://github.com.cnpmjs.org/PanJiaChen/vue-admin-template.git.

2021-06-22 08:24:57 6808

原创 app架构及技术选型

app架构及技术选型前端nvue后端及服务器数据库前端nvue采用native vue技术，将编写的vue代码编译为原生的android和iOS，性能与原生开发一致。后端及服务器数据库

2020-11-08 10:31:38 720

原创 uniapp开发app

uniapp开发app项目配置多段调试方法nvue配置css配置项目配置多段调试方法链接nvue配置在manifest.json中的app-plus添加"app-plus": { "renderer": "native", //App端纯原生渲染模式 "nvueCompiler": "uni-app", //启用 uni-app 模式 // ................}css配置在app.vue中配置引入全局样式<style> /*每个页面公共css */

2020-11-07 19:38:31 861

原创腾讯云云开发

文章目录搭建阶段搭建阶段前往腾讯云，创建一个空的（不选默认配置），按量计费的云环境安装开发依赖npm i -g @cloudbase/cli在vscode的Extensions中添加Tencent CloudBase Tookit插件

2020-11-07 11:15:14 863 1

原创 html&&css知识汇总

html规范尽量使用双引号<img src="1.jpg" /><div style="color:red;"><div/>HTML5标准模版<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8">  <meta http-equiv="X-UA-Compatib

2020-09-24 13:53:18 333

原创前端爆米花的博客

希望未来的你，会感谢现在拼命努力的自己–致我们终将逝去的青春加油，希望未来的自己，可以活成自己想要的样子.前端基础html&&css知识汇总js基础及面试题前端进阶前端性能优化vue使用及原理vue基础及高级用法vue核心原理解析vue-cli4中webpack配置项目经验uni-app开发跨端项目项目流程及项目设计（前端视角）后端及数据库知识后端及数据库知识...

2020-09-24 13:51:31 127

原创 vue-cli4中webpack配置

创建与package.json同级的vue.config.js文件。publicPath：项目在子路径运行一般运行在根路径https://www.my-app.com/，如果想运行在子路径https://www.my-app.com/my-app/。设置 publicPath 为 /my-app/。有些场景不适用当使用基于 HTML5 history.pushState 的路由时；当使用 pages 选项构建多页面应用时。// 生产环境设在子路径，开发环境设在根路径module.expo

2020-07-11 06:55:47 5086

原创 vue核心原理解析

1. MVVM原理vue的精髓在于组件化和数据驱动视图。组件化之前就有，比如php等语言，vue使用了组件化思想。进行了数据驱动视图的创新。之前的前端操作是静态渲染，要操作dom修改视图。数据劫持的优势无需显示调用，直接通知变化并驱动视图，react需要显示调用setState。可精确得知变化数据，减少diff的额外开销。data监听原理Vue2核心api：Object.defineProperty无法原生监听数组变化，vue对数组常用的8种方法进行hack，不过其他方法无法监

2020-07-11 06:54:58 7994

原创 vue基础及高级用法（二）

6. Vue.nextTickVue.nextTick 会在dom渲染之后出发，以获取最新dom节点Vue 异步队列使用 Promise.then、MutationObserver 和 setImmediate，如果不支持会采用 setTimeout(fn, 0) 代替。this.$nextTick( () => {// code})使用 Vue.nextTick 异步渲染的好处汇总data的修改，一次性更新视图。减少dom操作次数，提高性能。7. ref属性在DOM

2020-07-11 06:53:55 221

原创 vue基础及高级用法（一）

1. 插值表达式{{xxx}}的形式，可以是值，也可以是表达式（不能是 js 语句，比如if、for）<div id="app"> <p>{{msg}}</p> <p>{{ok? '1':'2'}}</p></div>var app = new Vue({ el: '#app', data: { msg: 'Hello Vue!', ok: true }})展示效果2. 指

2020-07-11 06:52:09 783

原创移动端项目常见适配

vue视口设置在vue项目的index.html中设置，index.html一般在根目录或public下解决click事件0.3秒延迟问题安装fastclicknpm i fastclick --save在main.js中引入和使用import fastClick from ‘fastclick’fastClick.attach(document.body)...

2020-03-20 09:31:55 357 2

原创 npm install 安装命令解析

npm install 安装命令解析这里主要讲解npm install的安装命令，以及参数的含义，很简单又很实用全局安装 npm i 依赖名1 依赖名2 -g开发依赖：在项目开发需要，线上运行不需要的依赖 npm install 依赖名 --save-dev项目依赖：在项目开发和线上运营阶段，都需要的依赖 npm install 依赖名 --save安装到本项目node...

2020-03-18 13:50:53 1703

原创 vue非父子组件间的传值

vue非父子组件传值的基本语法创建一个新的vue对象var newvue = new Vue()触发事件newvue.$emit('自定义事件名', 参数)监听事件newvue.on('自定义事件名', 触发方法名)销毁事件newvue.off('自定义事件名')案例放在html页面上即可显示，注意要引入vue<!DOCTYPE html><htm...

2020-03-17 13:17:54 3184

原创 vue父组件向子组件传值

非常简单，相信大家一看就懂复制到浏览器即可使用，注意别忘了引入vue哦<div id="app"> <div>{{pmsg}}</div> <menu-item :title='ptitle' :content='ptitle'></menu-item></div><script type="te...

2020-03-16 21:26:47 2181 2

原创 vue子组件给父组件传值

子组件写法this.$emit(‘fa’, this.num)父组件写法<button-add @fa=“getNum”><div id="app"> <div>{{sonNum}}</div>  <button-add @fa="getNum"...

2020-03-16 21:19:51 2237

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

今天带领大家敲一个vue组件小案例vue对组件的定义：组件是可复用的 Vue 实例组件之间是互不影响的，一个组件的崩溃，并不会影响整个项目的运行。<div id="app"> <button-add></button-add> <button-add><...

2020-03-15 17:14:27 2996

原创 vue基础语法小案例

本节课带着大家做个vue小案例，包含很多vue常用语法，简单实用完成效果如下图，当在input框输入值之后，点击submit按钮，即可添加一个 li标签<div id="app"> <input type="text" v-model="ivalue"><!-- @click 表示点...

2020-03-13 10:29:19 1601

原创 vue编写hello woeld

课程介绍此教程面向的是广大想了解和入门vue的朋友，让你用最快的时间，光速入门vue。话不多说，接下来带着大家用vue敲一个hello world首先打开vue的官方文档，下载vue的开发版本<div id="app">{{content}}</div><script src="vue.js"></scr...

2020-03-12 10:31:34 3271 1

原创 css选择器类型总结

为什么前端工程师必须要懂css选择器类型css选择器的使用，在公司实际的项目中是非常常见的，可以说是必不可少的。比如id选择器，类选择器。如果我一个页面有10个p标签，那我要是想选择第4个p标签变成红色，该怎么办呢？学习css选择器类型，可以让我们更加灵活的给html元素添加css那就让我们开始css选择器类型的学习吧基础选择器总结选择器作用使用情况用法...

2019-12-10 19:18:26 1089

原创前端工程师应该懂的ps基本操作

懂得ps基本知识的重要性作为一名前端工程师，我们不需要像美工和UI那样，用ps做出美丽的图，但基本的ps知识则是必须掌握的。比如当美工发给你一张网页的原型图的时候，你可以把网页的布局精确到一像素都不差。ps基本操作以及常用快捷键：ctrl+r 可以打开标尺或者视图 – 标尺右击标尺，把里面的单位改为像素ctrl+ 加号键可以放大视图 ctrl+ ...

2019-12-02 10:19:46 4107 3

原创 css权重及计算

1). 权重计算公式关于CSS权重，我们需要一套计算公式来去计算标签选择器计算权重公式继承或者 *0,0,0,0每个元素（标签选择器）0,0,0,1每个类，伪类0,0,1,0每个ID0,1,0,0每个行内样式 style=""1,0,0,0每个!important 重要的∞ 无穷大值从左到右，左面的最大，一级大于一级，数位...

2019-11-23 10:00:09 3629 1

原创 JS原理知识梳理

JS原理知识梳理从输入URL到页面展示，发生了什么1. DNS解析，根据域名获取服务器IP2. 建立TCP连接三次握手以建立TCP连接为什需要三次握手？3. 服务器处理请求并返回HTTP报文4. 浏览器显示 HTML5. 连接结束四次挥手为什么连接的时候是三次握手，关闭的时候却是四次握手？栈和堆js函数传参方式js深浅拷贝结语参考从输入URL到页面展示，发生了什么1. DNS解析，根据域名获取...

2019-11-22 15:04:55 1003

原创 html基础总结

预格式化文本pre标签<pre> 此例演示如何使用 pre 标签对空行和空格进行控制</pre>锚点<a href="#two"> 点击进入第二集 <a/><h3 id="two">第2集</h3> <table width="100%" border="1">...

2019-11-14 11:37:19 1729 6

原创项目应当经历的四种开发环境

项目应当经历的四种开发环境在这里跟大家分享下，本人在实际的项目开发过程中，项目要经历的四种开发环境，以及环境所应用的场景。1.本地环境这个是指程序员自己电脑启动的环境，进行的改动会经常发生。项目大致完成，测试无误后，可以到测试环境进行测试。2.线上测试环境这个是指线上的测试环境，期间进行测试，介于生产环境与开发环境之间。出现问题及时修改，测试无误后可以到灰度环境进行测试。3...

2019-10-30 15:23:06 5186 1

原创项目如何做好备份

项目的安全备份是一件非常重要的事情在日常工作中容易被忽视，往往要等到出现不可挽回的问题时，才开始重视起来。这是我工作这么些年的身心体会，下面会将如何安全备份分享给大家。服务器定时快照这个服务器定时快照，一般都有文档，设置是蛮简单的，以后遇到了什么问题，是可以回滚到某一时刻的。云数据库不建议自行搭建服务器代码仓库不建议自行搭建服务器...

2019-10-29 17:04:35 1953

原创 koa-body实现文件上传及demo

koa-body是一款可以实现实现文件上传的中间件，也可以接收参数。防坑指南注意ctx.request.files.file末尾的file是name的名称例如如果name为pic，则 const file = ctx.request.files.pic;<input type="file" name="pic">首先在app.js中引用koa-bodyconst koa...

2019-10-24 14:08:20 4346

原创小程序获取当前路径和参数

在这里跟大家分享下，本人在开发小程序的过程中，获取当前小程序路径和参数的用法，以及遇到的一些坑。基本用法获取路径 var pages = getCurrentPages(); //获取加载的页面 var currentPage = pages[pages.length - 1] //获取当前页面的对象 v...

2019-10-16 14:13:03 7990

原创核心对象path操作

//引入核心对象pathconst path = require('path');//智能拼接路径(自动省略\和/)let myPath = path.join(__dirname,'one','//two//','//three///');console.log(myPath); // E:\webcode\one\two\three//相对路径转绝对路径(自动省...

2019-10-09 17:50:29 1284

原创编程没有捷径

本文仅个人经验之谈，希望能为您的编程提供些有用的建议。1.持之以恒的学习这是我认为最为重要的一点，要不断的持之以恒的学习，其实获取新的知识与技术不需要图多，每天一点点即可，甚至每周一点点。复习，这个是我认为比学习新的编程技能更为重要的。孔子云：温故而知新，可以为师矣，复习不仅会加深已有知识的记忆，有时也会有新的感受。2.找出编程语言的共性编程语言是有很多共性的，比如PHP和java，js...

2019-10-08 13:46:25 2374

原创 MySQL常用查询

查询所有的列SELECT * FROM class;SELECT id,name FROM class;给列起别名SELECT name AS 姓名,id AS ID FROM class;只显示不同的记录SELECT DISTINCT name FROM class;在查询时执行计算SELECT ename AS 姓名,(salary+500)*12+5000 AS 年薪 FRO...

2019-09-26 17:24:10 495

原创 ES6-10常用知识梳理

本博客在持续更新中目录ES6（ES2015）变量与作用域var与全局变量作用域作用域链词法作用域与动态作用域循环for，while，do/whileforEacheveryfor...infor...of结语参考ES6（ES2015）变量与作用域我们看到一个变量定义的时候，我们要知道这个变量的生命周期和作用范围是什么当我们看到一个变量时，我们要知道引用的是哪里定义的变量。var与全...

2019-09-24 17:43:27 766 1

前端爆米花