- 博客(26)
- 收藏
- 关注
RSS订阅转载 Bootstrap框架使用
Bootstrap框架的基本使用Bootstrap是什么简介就是已经写好的一个html和css的样式组合Bootstrap是Twitter开源的基于HTML、CSS、JavaScript的前端框架。它是为实现快速开发Web应用程序而设计的一套前端工具包。它支持响应式布局，并且在V3版本之后坚持移动设备优先。优势在Bootstrap出现之前：命名：重复、复杂、无意义（想个名字费劲）样式：重复、冗余、不规范、不和谐页面：错乱、不规范、不和谐在使用Bootstrap之后： 各种命名都
2020-11-01 02:38:48
199
原创 NodeJs篇------基础篇之NodeJs了解、创建服务器(一）
NodeJs基础了解node.js 是一个javascript的后端运行环境, 简单的说就是运行在服务端的JS，浏览器是javascript的前端网页的运行环境专业的说法: Node.js是一个事件驱动I/O服务端JavaScript环境，基于Google的V8引擎，V8引擎执行Javascript的速度非常快，性能非常好node安装: 从中文官网下载安装包, 默认安装安装好后, 通过cmd或管理员窗口打开命令提示符/终端,输入代码 node -v 点击回车下一行显示node版本号 v
2020-07-30 10:07:42
314
原创 break ,continue ,return 的区别及作用？
break，continue，return的区bai别为：作用不同、结束不同、紧跟不同。一、作用不同1、break：执行zhidaobreak操作，跳出所在的当前整个循环，到外层代码继续执行。2、continue：执行continue操作，跳出本次循环，从下一个迭代继续运行循环，内层循环执行完毕，外层代码继续运行。3、return：执行return操作，直接返回函数，所有该函数体内的代码（包括循环体）都不会再执行。二、结束不同1、break：break不仅可以结束其所在的循环，还可结束其外层循环
2020-07-15 17:46:58
297
原创 Object.assign() 函数与...state函数
1、Object.assign()函数Object.assign(target, source)target为目标对象source为源对象该函数的作用是以目标对象为基础，将源对象中的内容更新到目标对象中，有则替换，无则新增 var result01 = {type: '01', name: 'ming', age: 23}; let result02 = {type: '02', marry: false}; let result03 = {type: '03', age: 55}
2020-07-14 22:02:21
446
原创 store页面刷新数据被重置及解决方法
所谓单页应用，就是在不刷新浏览器的情况下可以在整个网页应用实时共享数据。store是内存机制，不是缓存机制，页面刷新和关闭都会导致store初始化，store里面一般保存什么数据呢？1、组件的初始状态；2、后端数据的初始状态；如果你需要存储是数据是要实时存储并且读取显示出来，那么存在本地缓存或者服务端，这样每次刷新页面都需要读取本地缓存或者服务端的API，然后保存到store，再从store去读到组件上。...
2020-07-14 20:20:07
2834
原创 Redux 状态管理
1, 下载安装 redux 模块 npm install redux --save2,创建数据仓库 src/store/index.js从redux导入创建函数creatStore，用于创建数据据仓库, 相当于vue中的 Vuex.Store()合并函数combineReducers，用于处理/合并多个状态数据 import { createStore, combineReducers } from "redux";3, 定义reducer函数，初始化并配置状态数据的更新特点
2020-07-09 17:22:18
183
原创 React 路由
react 路由使用步骤 （此文档为react路由 4.x 版本）1、终端下载 react-router 插件 npm install react-router-dom --save2、react 项目入口文件导入 import { BrowserRouter as Router } from 'react-router-dom'//确定路由使用范围 ReactDOM.render( //Router组件包裹app根标签，表示根标签中都能使用路由
2020-07-09 10:25:31
131
原创 JS setTimeout和setInterval的区别
1.setTimeout和setInterval都属于JS中的定时器，可以规定延迟时间再执行某个操作，不同的是setTimeout在规定时间后执行完某个操作就停止了，而setInterval则可以一直循环下去。function fun(){alert(‘hello’);} setTimeout(fun,1000);//参数是函数名 setTimeout('fun()',1000);//参数是字符串 setInterval(fun,1000); setInterval('fun(),10
2020-07-07 20:45:15
110
原创 面试题
1：新老盒模型的差别参考：https://www.cnblogs.com/wcn123456/p/7699209.html2, React中有哪些生命周期函数?componentWillMount() 渲染前componentDidMount() 渲染后componentWillReceiveProps() 接收props传值时shouldComponentUpdate()控制组件是否更新componentWillUpdate() 组件将要更新componentDidUpd
2020-07-07 19:36:03
183
原创 前端工程师未来发展方向
对于一个WEB前端bai的职业规划，其实有各种的答案，没有哪种答案是完全正确的，全凭自己的选择，只要是自己选定了，坚持去认真走，就好。在这里，我只是简要说一下自己对于这块儿内容的理解。有一个观点想要分享给大家的是：任何规划和目标的实现都依赖于知识的积累，而知识的积累来源于学习及学习后大量的实践。我提供一个实践途径，我们可以在工作之余的时间在网上或外包公司那里接一些私单做，因为目标不是赚钱，我们可以用最低的价格来提升自身竞争力，获得大量订单就意味着获得大量的实践机会，同时，还有一些收入作为工作成就感之外
2020-07-07 17:19:16
2511
1
原创 初识React
初步了解ReactReact 是一个用于构建用户界面的 JAVASCRIPT 库。React 起源于 Facebook 的内部项目，用来架设 Instagram 的网站，并于 2013 年 5 月开源。React 主要用于构建UI，很多人认为 React 是 MVC 中的 V（视图）React 特点1.声明式设计 −React采用声明范式，可以轻松描述应用。2.高效 −React通过对DOM的模拟，最大限度地减少与DOM的交互。3.灵活 −React可以与已知的库或框架很好地配合。4.
2020-07-07 10:56:26
98
原创 Vue组件的事件是否有必要在组件销毁前进行移出
上面说的是Vue本身的一-些绑定监听,比如v - mode1,@click,@b1ur等等。但是原生的document.addEventListener事件比如scroll , keydown , keyup , vue当然监测不到,无法移除监听,你可以自己销毁你不移除就会遇到我昨天刚回答的一个哥们遇到的问题:利用keep-alive缓存页面的时候另顶面会执行上一个页面的方法? , 很多页面同时处理监听事件。...
2020-07-06 21:30:03
1074
转载 vue.use和vue.prototype的区别
今天看自己项目代码，打开引入插件包的main.js，留意到引入包或者文件有两种方式： import Vue from 'vue' import echarts from 'echarts' import global from './global.js' //我自己创建的全局变量函数文件 Vue.prototype.$echarts=echarts; Vue.use(global)于是就对上述两种方式引入产生了疑问，这两种方式引入有什么区别吗？通过资料查询，了解到：1、不是为了vue
2020-07-06 09:20:55
249
原创 Vue中使用axios和ajax插件请求数据
三种导入方式方式一, 导入本地的ajax插件import axios from ‘@/assets/axios.js’;方式二, 导入模块包中下载的插件 import axios from 'axios'方式三, 在main.js文件中注册之后,所有组件即可使用插件全局导入axios插件 import axios from 'axios';把导入的插件挂到Vue构造函数的原型上,然后,在各组件中就可以使用this.axios调用插件 Vue.prototype.axios
2020-07-04 13:04:32
218
原创 Vue中设置代理服务器
首先在vue.config.js文件中设置module.exports = { publicPath: '/', // 启动页地址,vue4.0更新 outputDir: 'dist', // 打包的目录 lintOnSave: true, // 在保存时校验格式 productionSourceMap: false, // 生产环境是否生成 SourceMap devServer: { open: true, // 启动服务后是否打开浏览器
2020-07-04 11:29:00
1097
原创 Vue中config.js文件的配置
手动创建一个 vue.config.js// vue.config.js module.exports = { publicPath:'/', // 启动页地址 outputDir: 'dist', // 打包的目录 lintOnSave: true, // 在保存时校验格式 productionSourceMap: false, // 生产环境是否生成 SourceMap devServer: { open: true, // 启动服务后是否打开浏览器 hos
2020-07-04 11:17:09
195
原创 相对路径和绝对路径的区别
在HTML里只要涉及文件的地方(如超级链接、图片等)就会涉及绝对路径与相对路径的概念。1.绝对路径绝对路径是指文件在硬盘上真正存在的路径。例如“bg.jpg”这个图片是存放在硬盘的“E:\book\网页布局代码\第2章”目录下，那么 “bg.jpg”这个图片的绝对路径就是“E:\book\网页布\代码\第2章\bg.jpg"。那么如果要使用绝对路径指定网页的背景图片就应该使用 以下语句： 2.使用绝对路径的缺点事实上，在网页编程时，很少会使用绝对路径，如果使用“E:\book\网页布\代码\第2
2020-07-04 11:11:40
403
原创 vue中public与assets的区别
public 与 assets 目录的区别public在这里插入代码片public放不会变动的文件 public建议放一些外部第三方https://cli.vuejs.org/zh/guide/html-and-static-assets.html#public-%E6%96%87%E4%BB%B6%E5%A4%B9npublic/ 目录下的文件并不会被Webpack处理：它们会直接被复制到最终的打包目录（默认是dist/static）下。必须使用绝对路径引用这些文件，这个取决于你vue.
2020-07-04 11:08:26
2000
1
原创 ES6——对象解构和数组解构
为什么要使用解构功能在ES5及早期版本中，开发者们为了从对象和数组中获取特定数据并赋值给变量，编写了许多看起来同质化的代码，如下：//从对象中取数据let options = {repeat:true,save:false}; let repeat = options.repeat, save = options.save;对象解构对象解构的语法形式是在一个赋值操作左边放置一个对象字面量，如： let node = { type:"Identifier", name:"
2020-07-04 10:30:58
459
原创 $router和$route的区别
在vue2.0里页面参数是 this.route.query或者this.route.query或者 this.route.query或者this.route.params 接收router-link传的参数。在路由跳转的时候除了用router-link标签以外需要在script标签在事件里面跳转，所以有个方法就是在script标签里面写this.$router.push(‘要跳转的路径名’)，在写的时候发现这两个为什么不同，在控制台打出this的时候，发现route和route和route和route
2020-07-03 17:45:35
122
原创 vue更改了数据但是视图却没有更新
数组更新检测数组有一些方法可以导致视图更新push()pop()shift()unshift()splice()sort()reverse()替换数组： 例如：filter(), concat() 和 slice()。这些不会改变原始数组，但总是返回一个新数组。可以用新数组替换旧数组，你可能认为这将导致 Vue 丢弃现有 DOM 并重新渲染整个列表。幸运的是，事实并非如此。Vue 为了使得 DOM 元素得到最大范围的重用而实现了一些智能的、启发式的方法，所以用一个含有相同元素的数组去替换
2020-06-17 13:06:41
138
转载 css3新特性：图片过滤器
css3新特性：图片过滤器img{ -webkit-filter: none | blur() | brightness() | contrast() | drop-shadow() | grayscale() | hue-rotate() | invert() | opacity() | saturate() | sepia() | url() ;}可以使用多个过滤器，用空格分开具体使用方法：1）图片高斯模糊效果：img { -webkit-filter: blur(5px); /
2020-06-16 21:51:31
265
转载 【前端学习路线】前端攻城狮，需要掌握的技术
前端并不是简单的写写页面。对于很多人来说，也许不知道前端具体是做什么的，也不知道自己该学什么？前端本身就是包含很多，看似也很难下手。 但是学习路线明确了自然就好了，所以我就整理了一下，重点在下面↓ 自从 Node.js 的出现令前端开发拥有了控制服务器的能力，也意味着前端开发向接入层迈进。而前端行业现在的一个重要的发展趋势就是全栈开发。 Node.js 拓展了前端的地盘，从此以后，前端也可以不再被称之为前端，可以改称全栈开发。在未来，Web 全栈工程师将会有更大的发展空间。 那么，成为一名W
2020-06-11 16:12:36
184
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人