- 博客(16)
- 收藏
- 关注
RSS订阅原创 2021-04-08
关于React中Redux的理解当我们组件之间的通信变得复杂的时候，比如多层级和多个兄弟组件互相通信，我们这时候就需要一个集中式的状态管理，将我们组件之间需要共享的数据放在一起，需要的就来取或者更新，这样组件之间的数据共享就方便多了，这就是Redux，redux可以用在任何需要的地方，不仅仅是React，Vue以及其它需要的对象都可使用原理图其中几个概念的理解Action:可以理解为一个菜单，上面写着菜的类型和具体的菜，其中type为什么菜，data为菜的本身，也可以理解为要发生的动作。S
2021-04-08 16:59:45
119
原创 WebComponent
Web Component作为开发者，我们都知道尽可能多的重用代码是一个好主意。这对于自定义标记结构来说通常不是那么容易 — 想想复杂的HTML（以及相关的样式和脚本），有时您不得不写代码来呈现自定义UI控件，并且如果您不小心的话，多次使用它们会使您的页面变得一团糟。Web Components旨在解决这些问题 — 它由三项主要技术组成，它们可以一起使用来创建封装功能的定制元素，可以在你喜欢的任何地方重用，不必担心代码冲突。Custom elements（自定义元素）: 一组javaScript
2020-12-28 23:01:10
650
原创 vue组件
vue的组件学习概念：组件是可复用的 Vue 实例，所以它们与 new Vue 接收相同的选项，例如 data、computed、watch、methods 以及生命周期钩子等。仅有的例外是像 el 这样根实例特有的选项。Vue.component("btn-component", { data() { return { count:0 } },
2020-09-03 16:36:24
152
原创 在webpack中使用vue的一些注意事项
一、在webpack中安装vuenpm install vue -S //在运行时需要用到的，也就是生产环境二、使用vue在main.js中引入vue// 引入vueimport Vue from "vue";const app = new Vue({ el: "#content", data() { return { message: "我在main.js中通过模块化的方式导入了vue" } }, methods: { getMs
2020-09-03 16:31:50
125
原创 ES6的Promise对象使用
Promise对象ES6新语法，处理异步任务的出现原因传统的处理异步任务是通过回调函数来进行协调的，但是这样做会将步骤弄得非常繁琐，就像下面这样回调函数: 回调就是一个在另外一个函数执行完后要执行的函数,通常用来编写和处理JavaScript程序异步逻辑，改变执行顺序 f("测试",f1); //将回调函数作为参数传回，同时，可向回调函数内传入参数 function f(param,callback){ var res = param; callba
2020-08-23 16:08:10
133
原创 ES6的模块化开发
webpack打包与模块化开发前言：ES6支持js的模块化新的语法，可以用来构建复杂的WEB应用,Node.js则提供了另外一种方式，专用的 CommonJS 模块CommonJS 模块模块化//1.定义一个需要导出的方法exports.hello = function(){ document.write("hello,world!");}//2.在另一个js文件中引入方法var sayHi = require("./hello");sayHi.hello();打包we
2020-08-22 02:07:32
257
原创 float-浮动
float属性none：设置对象不浮动left：设置对象浮在左边right：设置对象浮在右边说明：当对某个元素使用了float之后，其文档位置（display）将会失效如果包含块儿太窄无法容纳水平排列的三个浮动元素,那么其它浮动块儿向下移动,直到有足够的扣减,如果浮动元素的高度不同,那么下下移动的时候可能被卡住浮动的清理前面指出浮动会让元素脱离文档流,不影响不浮动元素.实际上并不完全如此,如果浮动的元素后面有一个文档流中元素,那么这个元素的框会表现的像浮动元素不存在,但是框的文本内容
2020-08-22 01:56:50
146
原创 position定位模式
元素的定位模式Position值属性inhert规定应该从父元素继承 position 属性的值。static默认值。没有定位，元素出现在正常的流中（忽略 top, bottom, left, right 或者 z-index 声明）。relative生成相对定位的元素，相对于元素本身正常位置进行定位。因此，“left:20” 会向元素的 LEFT 位置添加 20 像素。absolute生成绝对定位的元素，相对于 static 定位以外的第一个祖先元素进行定位
2020-08-22 01:55:45
464
原创 伪类选择器实现特殊效果
常见的伪类选择器E:link{ } ：链接伪类，设置超链接a在未被访问前的样式。E:visited{ }：链接伪类，设置超链接a在其链接地址已被访问过时的样式。E:hover{ }：用户行为伪类，设置元素在其鼠标悬停时的样式。E:active{ }：用户行为伪类，**设置元素在被用户激活（在鼠标点击与释放之间发生的事件）时的样式。**鼠标的点击和释放分别切换样式，点击鼠标样式为：active设置的E:focus{ }：用户行为伪类，**设置对象在成为输入焦点（该对象的onfocus事件
2020-08-22 01:53:06
265
原创 Object对象的一些方法
获取实例的原型对象Object.getPrototypeOf()方法返回参数对象的原型。// 空对象的原型是 Object.prototypeObject.getPrototypeOf({}) === Object.prototype // true// Object.prototype 的原型是 nullObject.getPrototypeOf(Object.prototype) === null // true// 函数的原型是 Function.prototypefunctio
2020-08-20 17:43:03
219
原创 原型对象和原型链
JS的原型对象概念： 因为js中没有类继承的概念，当使用构造函数创建多个对象时，其中的方法和属性不能共享，每次实例化对象时重复的属性和方法都会重新分配空间，造成了资源浪费，因此引入了原型对象的概念。//构造函数 function Cat(name,age){ this.name = name, this.age = age /*this.meow = function(){ alert("喵喵喵喵喵~"); }*/
2020-08-20 17:42:11
117
原创 关于拦截器的配置
SpringBoot中拦截器的配置 HandlerInterceptor中的方法介绍 boolean preHandle(HttpServletRequest request, HttpServletResponse response, Object handler) throws Exception; void postHandle( HttpServletRequest request, HttpServletResponse response, Object handler, M
2020-08-19 09:10:44
186
原创 请求转发与重定向
请求转发与重定向请求转发是容器中控制权的转向，在客户端浏览器地址栏中不会显示出转向后的地址；服务器内部转发，整个过程处于同一个请求当中。request.getRequestDispatcher("").forward(request,response);重定向是完全的跳转，浏览器将会得到跳转的地址，并重新发送请求链接。这样，从浏览器的地址栏中可以看到跳转后的链接地址。不在同一个请求。重定向，实际上客户端会向服务器端发送两个请求。response.sendRedirect();
2020-08-19 09:07:30
165
原创 使用AJAX发送请求进行页面跳转
使用AJAX向后台发送请求时，页面跳转失效原文链接：https://www.cnblogs.com/alice-cj/p/11511790.html原因：Ajax只是利用脚本访问对应url获取数据而已，不能做除了获取返回数据以外的其它动作了。所以浏览器端是不会发起重定向的。正常的http url请求，只有浏览器和服务器两个参与者。浏览器端发起一个http请求，服务器端处理后发起一个重定向，浏览器端从response中获取到重定向地址，发起另一个http url请求。也就是说，浏览器会按照re
2020-08-19 09:05:53
1219
原创 vue路由跳转
在vue工程当中，配置前端路由首先要安装routernpm install vue-router -D在src目录下，新建一个router文件夹，用来配置路由，默认的使用index.js//引入各模块import Vue from "vue"import Router from "vue-router"import Login from "../views/Login"import Main from "../views/Main"import List from "../vie
2020-08-19 09:03:41
115
原创 vue组件
vue的组件学习概念：组件是可复用的 Vue 实例，所以它们与 new Vue 接收相同的选项，例如 data、computed、watch、methods 以及生命周期钩子等。仅有的例外是像 el 这样根实例特有的选项。Vue.component("btn-component", { data() { return { count:0 } },
2020-08-18 23:50:43
115
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人