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