*HECATE* - 博客园

[置顶] redux

摘要：话不多说直接上代码阅读全文

posted @ 2019-09-26 16:31 *HECATE* 阅读(163) 评论(0) 推荐(0) 编辑

[置顶] react-router-dom中link与Navlink

摘要： Link 现在，我们应用需要在各个页面间切换，如果使用锚点元素实现，在每次点击时，页面被重新加载，React Router提供了<Link>组件用来避免这种状况发生。当你点击<Link>时，url会更新，组件会被重新渲染，但是页面不会重新加载嗯、先看个例子 <Link>使用to参数来描述需要定位阅读全文

posted @ 2019-09-23 20:42 *HECATE* 阅读(3955) 评论(3) 推荐(2) 编辑

[置顶] react-router-dom中的BrowserRouter和HashRouter

摘要： HashRouter包裹下访问根服务：假设为 localhost:3000/ 操作一: 浏览器直接输入localhost:3000/结果: 路由自动变为localhost:3000/#/home,可正常访问. 操作二: 浏览器直接输入localhost:3000/#/hooks结果: 可正常访问将阅读全文

posted @ 2019-09-23 20:25 *HECATE* 阅读(1346) 评论(0) 推荐(0) 编辑

[置顶] react-router-dom

摘要：安装首先进入项目目录，使用npm安装react-router-dom 基本操作然后我们新建俩个页面，分别命名为“home”和“detail”。在页面中编写如下代码: 然后再新建一个路由组件，命名为“Router.js”，并编写如下代码: 如上代码定义了一个纯路由组件，将俩个页面组件Home的De 阅读全文

posted @ 2019-09-23 19:40 *HECATE* 阅读(467) 评论(0) 推荐(0) 编辑

[置顶] react详解state、props、refs

摘要： state state顾名思义就是状态，它只是用来控制这个组件本身自己的状态，我们可以用state来完成对行为的控制、数据的更新、界面的渲染，由于组件不能修改传入的props，所以需要记录自身的数据变化。那么，我们要如何修改state中的值呢？ setState 时react用来修改state状态阅读全文

posted @ 2019-09-05 20:45 *HECATE* 阅读(709) 评论(0) 推荐(0) 编辑

[置顶] vuex

摘要：每一个vuex应用的核心就是 store（仓库）。“store”基本上就是一个容器，它包含着你的应用中大部分的状态 (state)。Vuex 和单纯的全局对象有以下两点不同： Vuex 的状态存储是响应式的。当 Vue 组件从 store 中读取状态的时候，若 store 中的状态发生变化，那么相应阅读全文

posted @ 2019-08-20 20:11 *HECATE* 阅读(141) 评论(1) 推荐(0) 编辑

[置顶] canvas与svg相关介绍与区别

摘要：一、canvas 画布 <canvas>元素用于图形的绘制，通过javascript来完成在给canvas标签写样式时要注意：不要在style中给canvas设置宽高，会用位移差 canvas标签本身是没有绘图能力的，在绘图前，你需要在javascript中创建context对象首先是获取：va 阅读全文

posted @ 2019-05-21 21:30 *HECATE* 阅读(358) 评论(0) 推荐(0) 编辑

[置顶] js改变标签属性与js事件

摘要：一、 1.js中是如何改变标签属性的？元素.属性名列：要用js改变img标签src属性的属性值，可以这样写 var img=document.getElementById("img") img.src="新图片路径" 这样就可以了 2.js添加和修改css样式用style来完成 div.sty 阅读全文

posted @ 2018-10-30 19:36 *HECATE* 阅读(6607) 评论(5) 推荐(0) 编辑

Typescript基础类型

摘要： ts中变量赋值的语法使用let声明变量，在声明变量的时候同时指定变量的类型 1.string let a:string=“hello world” 2.boolean let b:boolean=true 3.number let c:number=111 4.数组 (1.let d:number 阅读全文

posted @ 2019-07-16 11:31 *HECATE* 阅读(184) 评论(0) 推荐(0) 编辑

es6

摘要： ECMAScript 6.0（以下简称 ES6）是 JavaScript 语言的下一代标准，已经在 2015 年 6 月正式发布了。它的目标，是使得 JavaScript 语言可以用来编写复杂的大型应用程序，成为企业级开发语言。 ES5 只有两种声明变量的方法：var命令和function命令。 E 阅读全文

posted @ 2019-07-05 17:08 *HECATE* 阅读(230) 评论(0) 推荐(0) 编辑

js模块化的3种规范

摘要： js模块化的3种规范 1.commonjs规范 2.前端模块的规范是Amd规范，代表就是requirejs，他是异步的，很多前端框架都用amd规范如 jq angular 等 3.es6 用的最多二、模块化的操作 1.commonjs的操作所有的模块化都是两个方向，暴露模块接口和引入模块阅读全文

posted @ 2019-07-04 19:45 *HECATE* 阅读(1989) 评论(0) 推荐(0) 编辑

webpack

摘要： webpack是一个前端资源加载或打包工具。资源有：img，css，js，json等第一步：下载 npm install -g webpack@3.8.1 全局下载 npm install webpack@3.8.1 --save-dev 局部下载尽量全局和局部都安装第二部：打包js 这里阅读全文

posted @ 2019-06-04 21:29 *HECATE* 阅读(152) 评论(0) 推荐(0) 编辑