前端技术栈 - 随笔分类(第11页) - IslandZzzz

Webpack 常用的plugin与用法 loader与plugin的区别

摘要：plugins 理念 plugins 与 loaders loaders: 处理 webpack 用来解析 webpack 不能转换的文件，主要作用是翻译 plugins: 用于 bundle 文件的优化、资源管理和环境变量注入，作用于整个构建过程，主要作用是增强任何 loader 没办法做的事情阅读全文

posted @ 2021-09-24 00:19 IslandZzzz 阅读(338) 评论(0) 推荐(0)

Webpack 常用的loader与用法

摘要：loaders webpack 开箱即用，但是 webpack 只支持 js 和 json 文件类型，不支持其他的文件(比如 html,css,字体等) loader 可以支持其他文件类型并把它们转换成有效的模块，文件被 loaders 解析完之后才可以加到依赖图中 loader 本身是一个函数，接阅读全文

posted @ 2021-09-24 00:18 IslandZzzz 阅读(405) 评论(0) 推荐(0)

Webpack entry output 单入口与多入口

摘要：entry entry: 指定打包入口理解依赖图 webpack是一个模块打包器 webpack把一切资源都当成模块模块之间存在依赖关系根据入口文件找到依赖，依赖之中又有依赖，所有依赖形成依赖树，将依赖文件加入依赖图遍历完之后生成打包资源单入口 entry的值是相对路径，总是相对于webp 阅读全文

posted @ 2021-09-24 00:12 IslandZzzz 阅读(324) 评论(0) 推荐(0)

postcss-px-to-viewport

摘要：1postcss移动端适配： postcss-px-to-viewport 1 加浏览器前缀 2 在代码里设置px，框架自动设置成rem 3 css全局全命名 yarn add -D postcss-px-to-viewport webpack别名移动端布局方案非常重要，写篇博客记录下来 vue. 阅读全文

posted @ 2021-09-18 10:27 IslandZzzz 阅读(2428) 评论(0) 推荐(0)

Typescript Interface 接口

摘要：1 关于接口对于值的类型检查是typescript的核心设计原则，而typescript接口的责任就是命名这些值的类型。因此，可以说接口是typescript核心设计原则————类型检查的实现方式。 2 接口初探用一个小demo来看看JavaScript和typescript的特点 funct 阅读全文

posted @ 2020-10-12 00:48 IslandZzzz 阅读(280) 评论(0) 推荐(0)

React Router Route Render渲染组件权限校验

摘要：权限验证 render Route render实现组件渲染权限校验设置routes数组，有id,auth,component这三个属性 auth为false,说明是不需要权限访问的组件，可以直接访问 auth为true，说明是需要权限(需要登录)访问的组件 isLogin为false，说明需要阅读全文

posted @ 2020-08-29 15:06 IslandZzzz 阅读(1142) 评论(0) 推荐(1)

Typescript 类型限定

摘要：ts 类型限定类型变量限定类型函数限定类型函数参数限定类型构造函数后面不需要给定类型(new以后得到对象) 枚举类型、数组类型、元组类型、不限定类型 never:无法返回的类型，比如死循环限定数组元素对象类型，限定对象属性类型断言类型 undefined null 变量类型 //变量限阅读全文

posted @ 2020-08-22 18:32 IslandZzzz 阅读(2061) 评论(0) 推荐(0)

Typescript 使用

摘要：typescript 是JavaScript的超集，由微软开发 1 使用typescript 下载：npm i typescript -g 单个ts文件的转换命令行运行tsc ./src/index.ts 复杂ts引用情况 1 tsc --init 生成tsconfig.js，即ts配置文件 2 阅读全文

posted @ 2020-08-22 17:20 IslandZzzz 阅读(146) 评论(0) 推荐(0)

跨域与9种解决方案简单请求复杂请求跨域跨域的cookie携带问题

摘要：跨域什么是跨域? 违反了浏览器同源策略的都是跨域同源策略何谓之同源？同源即同协议、同域名、同端口，否则为跨域同源策略会阻止一个域的JavaScript脚本和另外一个域的内容进行交互跨域的表现跨域例： http://www.test.cn:3000 https://www.test.cn 阅读全文

posted @ 2020-08-09 13:42 IslandZzzz 阅读(276) 评论(0) 推荐(1)

windows、Mac下host代理配置本机环境与线上环境切换

摘要：windows下host域名代理前端开发有多个环境，有时候需要用浏览器访问线上环境的代码进行测试，有时候需要访问本地未打包压缩的代码，方便开发与调试。 windows下配置host可以解决这个问题首先进入该目录下找到host文件用编辑器打开，在最后两行添加如图所示配置这两行配置意味着，当我们阅读全文

posted @ 2020-08-08 22:16 IslandZzzz 阅读(1708) 评论(0) 推荐(0)

Grid网格布局容器属性与子项属性 Grid实现自适应三栏布局

摘要：Grid 网格布局网格布局是最强大的CSS布局方案，将网页划分成一个个网格可以任意组合不同的网格，做出各种各样的布局网格布局与弹性布局有一定的相似性，都可以指定容器内部多个项目的位置，但是也存在重大区别 1.1 和flex布局的区别: grid容器子项是单元格，而非子元素(当然，如果子元素没阅读全文

posted @ 2020-08-02 00:41 IslandZzzz 阅读(6486) 评论(0) 推荐(2)

iconfont的使用

摘要：iconfont使用 1 单个icon使用直接下载png、svg、ai等放在html中使用 svg 可以通过fill控制颜色通过width和height控制大小和形状应用场景这种情况适合用在图标引用少、以后也不需要特别维护的场景比如设计师用来坐demo原型，前端临时做个活动页面 <svg 阅读全文

posted @ 2020-07-19 00:10 IslandZzzz

JavaScript ES6 箭头函数匿名函数普通函数

摘要：箭头函数箭头函数是ES6的新特性，简化了函数的写法普通函数 this指向调用者具有prototype this指向可以被call/apply/bind改变普通函数的this在运行时创建，箭头函数的this是声明时确定匿名函数表现为function后面不带名字的函数，但是可以用一个变量接收阅读全文

posted @ 2020-07-12 21:14 IslandZzzz 阅读(991) 评论(0) 推荐(1)

Vue computed methods watch

摘要：computed 为什么要有computed属性而不直接在模板表达式里计算？为了将复杂逻辑从模板计算中解脱出来，模板设计的初衷是简单计算和数据显示，在模板中进行过于繁琐的计算会降低代码的可维护性。 computed主要用于根据已有属性生成新的属性.当然不根据已有属性生成也是可行的,不过一般不建议这阅读全文

posted @ 2020-06-12 15:54 IslandZzzz 阅读(163) 评论(0) 推荐(0)

Island

随笔分类 - 前端技术栈