- 博客(11)
- 收藏
- 关注
RSS订阅原创 Vue+axios+element脚手架项目搭建
Vue+axios+element脚手架项目搭建项目初始化1、创建项目文件vue create vue-element-cms 2、安装项目依赖axios库:cnpm i axios -S状态管理模式 vuex:cnpm i vuex -S路由管理器 vue-router:cnpm i vue-router -S路由管理器 vue-router:cnpm i vue-router -Ssasscnpm i sass sass-loader -Delement-ui
2020-08-12 19:07:45
319
原创 React基础知识点
Reactimport React from 'react'一、jsx1.jsx是一个变量也是一个对象2.jsx可以以使用静态和动态属性3.jsx本身就是表达式，内部也可以使用表达式（用大括号包裹）4.jsx可以任意嵌套（用大括号包裹）5.jsx中的注释也是变量（用大括号包裹）6.jsx中可以绑定变量const ele = <h2>我是jsx变量<h2>(具体效果参考以下类组件项)二、react组件定义方式类组件export default class
2020-08-10 20:40:17
163
原创 Webpack+React+ant项目(一)
Webpack+React+ant项目(一)环境搭建安装npm init -ynpm i webpack -g// npm install --save-dev webpack@<version> 指定版本下载npm i webpack-cli -g目录搭建webpack.config.js配置文件// webpack是基于node.js开发环境const MiniCssExtractPlugin = require('mini-css-extract-plugin')
2020-08-08 08:53:29
243
原创 SSR（服务器渲染）和BSR（客户端渲染）及 SEO（搜索引擎优化）
SSR：服务端渲染 M+V发生在服务器端，对营销推广要求较高的产品，会使用SSR，比如企业官网1） 服务器的压力更大2） 页面访问和显示速度更快（DOM少）3） 有利于SEO搜索引擎优化（有利于公司品牌和业务的推广）4） 前端不分离，对后端工程师要求更高，工作量更大5） 功能比较简单的产品，交互简单的产品BSR：客户端渲染 M+V发生在客户端对营销推广要求不高的产品，使用BSR，比如管理系统1）客户端压力较大2）页面加载速度更慢（DOM多）3）不利于SEO优化4）前后端分离，便于
2020-07-25 10:23:46
724
原创 vue项目打包-图片
一、环境生产环境、开发环境、测试环境：不同人员使用不同的网络地址。二、图片本地访问(比较大的图片，建议放在public 90%的图片文件选择)："/1.png"远程访问：“https://avatar.csdnimg.cn/B/2/A/3_qq_44951057_1582336897.jpg”assets目录访问(比较小的图片和icon)："…/assets/1.png"background-img 文件比较小不影响性能都放在assets里，其他全放public，并模块化打包。小技巧： 把
2020-07-24 10:51:01
1201
原创 原生代码实现vue响应式原理
<div id="app"> <input type="text" id="aT"> <h1 id="a"></h1> <br><br><br> <input type="text" id="bT"> <h1 id="b"></h1></div><script> // 第一种定义对象 var obj =
2020-07-18 09:07:21
150
转载 js函数
函数（上）我们代码里面所说的函数和我们上学的时候学习的什么三角函数、二次函数之类的不是一个东西函数的概念对于 js 来说，函数就是把任意一段代码放在一个 盒子 里面在我想要让这段代码执行的时候，直接执行这个 盒子 里面的代码就行先看一段代码// 这个是我们以前写的一段代码for (var i = 0; i < 10; i++) { console.log(i...
2020-03-29 10:23:31
68
转载 js循环语句
循环结构循环结构，就是根据某些给出的条件，重复的执行同一段代码循环必须要有某些固定的内容组成初始化条件判断要执行的代码自身改变WHILE 循环while，中文叫 当…时，其实就是当条件满足时就执行代码，一旦不满足了就不执行了语法 while (条件) { 满足条件就执行 }因为满足条件就执行，所以我们写的时候一定要注意，就是设定一个边界值，不然就一直循环下...
2020-03-29 09:47:48
79
转载 js分支结构
分支结构我们的 js 代码都是顺序执行的（从上到下）逻辑分支就是根据我们设定好的条件来决定要不要执行某些代码IF 条件分支结构if 语句通过一个 if 语句来决定代码是否执行语法： if (条件) { 要执行的代码 }通过 () 里面的条件是否成立来决定 {} 里面的代码是否执行// 条件为 true 的时候执行 {} 里面的代码if (true) { ale...
2020-03-29 09:43:56
118
原创 css3动画属性
css3的动画属性animation-name:检索或设置对象所应用的动画名称 须与规则@keyframes配合使用， eg:@keyframes mymove{} animation-name:mymove;animation-duration:检索或设置对象动画的持续时间 说明：animation-duration:3s; 动画完成使用的时间为3sanimation-timing...
2020-02-29 20:50:30
81
原创 对盒子模型的理解
盒模型理解盒模型margin外边距padding内填充border边框本人对盒模型的理解盒模型盒模型包括margin、border、padding、content四个部分，主要的设置属性是margin、border、padding。盒子模型又分为两种W3C和IE盒子。W3C的元素宽度=content的宽度IE的元素宽度=content+padding+bordermargin外边距...
2020-02-22 13:11:28
962
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人