博客园 - 一江西流
uuid:24b78886-0ed1-41c2-8670-e3f31dcf42c4;id=119615
2020-06-02T06:26:13Z
一江西流
https://www.cnblogs.com/zyl-Tara/
feed.cnblogs.com
https://www.cnblogs.com/zyl-Tara/p/12985756.html
CSS技巧:文本换行及溢出隐藏 - 一江西流
文字溢出隐藏 单行文本 width: 200px; // 需要设置这个固定宽度 overflow: hidden; text-overflow: ellipsis; white-space: nowrap; 多行文本 display: -webkit-box; // 将对象作为弹性伸缩盒子模型显示
2020-05-29T01:58:00Z
2020-05-29T01:58:00Z
一江西流
https://www.cnblogs.com/zyl-Tara/
【摘要】文字溢出隐藏 单行文本 width: 200px; // 需要设置这个固定宽度 overflow: hidden; text-overflow: ellipsis; white-space: nowrap; 多行文本 display: -webkit-box; // 将对象作为弹性伸缩盒子模型显示 <a href="https://www.cnblogs.com/zyl-Tara/p/12985756.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/zyl-Tara/p/12553471.html
ant design的Table组件隐藏表头全选按钮 - 一江西流
const rowSelection = { selectedRowKeys, columnTitle: ' ', // 设置这行 onChange: this.selectChange, getCheckboxProps: record => ({ // 单行禁用 disabled: record
2020-03-23T09:21:00Z
2020-03-23T09:21:00Z
一江西流
https://www.cnblogs.com/zyl-Tara/
【摘要】const rowSelection = { selectedRowKeys, columnTitle: ' ', // 设置这行 onChange: this.selectChange, getCheckboxProps: record => ({ // 单行禁用 disabled: record <a href="https://www.cnblogs.com/zyl-Tara/p/12553471.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/zyl-Tara/p/12553459.html
JavaScript类型转换 - 一江西流
在Javascript中类型转换只有三种情况: 转换为布尔值 转换为数字 转换为字符串 转换为原始类型 对象在转换类型的时候,会执行原生方法 ToPrimitive 算法如下: 如果已经是 原始类型 ,则返回当前值 如果需要转 字符串 则先调用toString方法,如果此时是 原始类型 则直接返回,
2020-03-23T09:20:00Z
2020-03-23T09:20:00Z
一江西流
https://www.cnblogs.com/zyl-Tara/
【摘要】在Javascript中类型转换只有三种情况: 转换为布尔值 转换为数字 转换为字符串 转换为原始类型 对象在转换类型的时候,会执行原生方法 ToPrimitive 算法如下: 如果已经是 原始类型 ,则返回当前值 如果需要转 字符串 则先调用toString方法,如果此时是 原始类型 则直接返回, <a href="https://www.cnblogs.com/zyl-Tara/p/12553459.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/zyl-Tara/p/12553442.html
Blob URL / Object URL - 一江西流
Blob 是 Binary large object 的简称。 Blob URL(参考W3C,官方名称)或Object-URL(参考MDN和方法名称)与Blob或File对象一起使用。 Blob URL只能由浏览器在内部生成。URL.createObjectURL()将创建一个特殊的Blob或Fil
2020-03-23T09:19:00Z
2020-03-23T09:19:00Z
一江西流
https://www.cnblogs.com/zyl-Tara/
【摘要】Blob 是 Binary large object 的简称。 Blob URL(参考W3C,官方名称)或Object-URL(参考MDN和方法名称)与Blob或File对象一起使用。 Blob URL只能由浏览器在内部生成。URL.createObjectURL()将创建一个特殊的Blob或Fil <a href="https://www.cnblogs.com/zyl-Tara/p/12553442.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/zyl-Tara/p/12553427.html
Data URI - 一江西流
我们常常会看到网页上有些图片或者css的background-image后跟了一堆的字符串,类似这样子: data:image/jpeg;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZG...wxMDIZz4NCjwvc3ZnPg== 这个就是Data URI sc
2020-03-23T09:17:00Z
2020-03-23T09:17:00Z
一江西流
https://www.cnblogs.com/zyl-Tara/
【摘要】我们常常会看到网页上有些图片或者css的background-image后跟了一堆的字符串,类似这样子: data:image/jpeg;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZG...wxMDIZz4NCjwvc3ZnPg== 这个就是Data URI sc <a href="https://www.cnblogs.com/zyl-Tara/p/12553427.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/zyl-Tara/p/12552067.html
webpack中的~ - 一江西流
比如我们可以看到一些css文件中有这样的代码: @import '~antd/dist/antd.css';... 那么,这个 ~ 起什么作用呢? 首先,我们来看一下URL转换规则 1、如果URL是一个绝对路径(例如 /images/foo.png),它将会保留不变。 2、如果URL以 . 开头,它
2020-03-23T06:35:00Z
2020-03-23T06:35:00Z
一江西流
https://www.cnblogs.com/zyl-Tara/
【摘要】比如我们可以看到一些css文件中有这样的代码: @import '~antd/dist/antd.css';... 那么,这个 ~ 起什么作用呢? 首先,我们来看一下URL转换规则 1、如果URL是一个绝对路径(例如 /images/foo.png),它将会保留不变。 2、如果URL以 . 开头,它 <a href="https://www.cnblogs.com/zyl-Tara/p/12552067.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/zyl-Tara/p/12103352.html
基于graphql+react hooks+apollo+antd(前端)、后端koa+mongodb+graphql的项目实践 - 一江西流
1、项目背景 源于2019年11月16日成都Web全栈大会上尹吉峰老师的GraphQL的分享,让我产生了浓厚的兴趣。几经研究、学习,做了个实践的小项目。 学习资料: https://graphql.cn/learn/ https://typescript.bootcss.com/basic-type
2019-12-26T09:29:00Z
2019-12-26T09:29:00Z
一江西流
https://www.cnblogs.com/zyl-Tara/
【摘要】1、项目背景 源于2019年11月16日成都Web全栈大会上尹吉峰老师的GraphQL的分享,让我产生了浓厚的兴趣。几经研究、学习,做了个实践的小项目。 学习资料: https://graphql.cn/learn/ https://typescript.bootcss.com/basic-type <a href="https://www.cnblogs.com/zyl-Tara/p/12103352.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/zyl-Tara/p/11757605.html
cross-env 使用方式 - 一江西流
cross-env能跨平台设置及使用环境变量 大多数情况下,在windows平台下使用类似于: NODE_ENV=production的命令行指令会卡住,windows平台与POSIX在使用命令行时有许多区别(例如在POSIX,使用$ENV_VAR,在windows,使用%ENV_VAR%。。。)
2019-10-29T03:05:00Z
2019-10-29T03:05:00Z
一江西流
https://www.cnblogs.com/zyl-Tara/
【摘要】cross-env能跨平台设置及使用环境变量 大多数情况下,在windows平台下使用类似于: NODE_ENV=production的命令行指令会卡住,windows平台与POSIX在使用命令行时有许多区别(例如在POSIX,使用$ENV_VAR,在windows,使用%ENV_VAR%。。。) <a href="https://www.cnblogs.com/zyl-Tara/p/11757605.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/zyl-Tara/p/11607238.html
flutter doctor出现问题 [!] Android toolchain - develop for Android devices (Android SDK version 28.0.3) X Android license status unknown. Try re-installing or updating your Android SDK Manager. 的解决方案 - 一江西流
首先,问题描述: 解决办法: 1、 Android SDK version 28 Android Studio -> SDK Manager -> SDK Platforms tab -> 选择 Android 9.0 Pie 并安装 2、Android BuildTools version 28.
2019-09-29T04:40:00Z
2019-09-29T04:40:00Z
一江西流
https://www.cnblogs.com/zyl-Tara/
【摘要】首先,问题描述: 解决办法: 1、 Android SDK version 28 Android Studio -> SDK Manager -> SDK Platforms tab -> 选择 Android 9.0 Pie 并安装 2、Android BuildTools version 28. <a href="https://www.cnblogs.com/zyl-Tara/p/11607238.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/zyl-Tara/p/11498024.html
CSS中的cursor属性 - 一江西流
css中的cursor这个属性是用来设置光标形状的。 这个属性定义了鼠标指针放在一个元素边界范围内时所用的光标的形状。 默认值:auto 继承性:yes 出现版本:css2 JavaScript语法:object.style.cursor = 'pointer' 可以设置的值: 需使用的自定义光标的
2019-09-10T08:07:00Z
2019-09-10T08:07:00Z
一江西流
https://www.cnblogs.com/zyl-Tara/
【摘要】css中的cursor这个属性是用来设置光标形状的。 这个属性定义了鼠标指针放在一个元素边界范围内时所用的光标的形状。 默认值:auto 继承性:yes 出现版本:css2 JavaScript语法:object.style.cursor = 'pointer' 可以设置的值: 需使用的自定义光标的 <a href="https://www.cnblogs.com/zyl-Tara/p/11498024.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/zyl-Tara/p/11263687.html
手写一个MVVM - 一江西流
最近看了珠峰的架构课——实现一个MVVM。 首先,我们来了解一下什么是MVVM。 MVVM是Model-View-ViewModel的简写。它本质上就是MVC 的改进版。MVVM 就是将其中的View 的状态和行为抽象化,让我们将视图 UI 和业务逻辑分开。当然这些事 ViewModel 已经帮我们
2019-07-29T06:31:00Z
2019-07-29T06:31:00Z
一江西流
https://www.cnblogs.com/zyl-Tara/
【摘要】最近看了珠峰的架构课——实现一个MVVM。 首先,我们来了解一下什么是MVVM。 MVVM是Model-View-ViewModel的简写。它本质上就是MVC 的改进版。MVVM 就是将其中的View 的状态和行为抽象化,让我们将视图 UI 和业务逻辑分开。当然这些事 ViewModel 已经帮我们 <a href="https://www.cnblogs.com/zyl-Tara/p/11263687.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/zyl-Tara/p/11021766.html
react组件中返回并列元素的方法 - 一江西流
我们在写react组件的时候,经常会遇到这种问题,在render中return元素只能有一个顶级元素,比如div,假如写成这样就会报错: 因为return中只能有一个顶级的包裹元素: 这样可以解决问题,但是这样会有一个问题,就是多了一层div,我现在不想多一层div,但又可以并列展示,总结了几种办法
2019-06-14T01:49:00Z
2019-06-14T01:49:00Z
一江西流
https://www.cnblogs.com/zyl-Tara/
【摘要】我们在写react组件的时候,经常会遇到这种问题,在render中return元素只能有一个顶级元素,比如div,假如写成这样就会报错: 因为return中只能有一个顶级的包裹元素: 这样可以解决问题,但是这样会有一个问题,就是多了一层div,我现在不想多一层div,但又可以并列展示,总结了几种办法 <a href="https://www.cnblogs.com/zyl-Tara/p/11021766.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/zyl-Tara/p/10942414.html
关于Flutter启动项目白屏,报错[ERROR:flutter/shell/gpu/gpu_surface_gl.cc(58)] Failed to setup Skia Gr context.问题的解决方案 - 一江西流
首先,环境如下: 1、系统:windows10 64位 Android SDK version: 28.0.3 Flutter SDK: v1.5.4-hotfix.2 模拟器: 网易MuMu(android-x86) 2、问题复现步骤: VS Code打开已经新建好的flutter项目,Git b
2019-05-29T02:50:00Z
2019-05-29T02:50:00Z
一江西流
https://www.cnblogs.com/zyl-Tara/
【摘要】首先,环境如下: 1、系统:windows10 64位 Android SDK version: 28.0.3 Flutter SDK: v1.5.4-hotfix.2 模拟器: 网易MuMu(android-x86) 2、问题复现步骤: VS Code打开已经新建好的flutter项目,Git b <a href="https://www.cnblogs.com/zyl-Tara/p/10942414.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/zyl-Tara/p/10879661.html
iframe窗口嵌套,子窗口跳转重叠在父窗口的问题 - 一江西流
window.top //最顶层窗口 window.self //当前窗口 window.parent //父级窗口 "window.location.href"、"location.href"是本页面跳转 "parent.location.href"是上一层页面跳转 "top.location.h
2019-05-17T01:45:00Z
2019-05-17T01:45:00Z
一江西流
https://www.cnblogs.com/zyl-Tara/
【摘要】window.top //最顶层窗口 window.self //当前窗口 window.parent //父级窗口 "window.location.href"、"location.href"是本页面跳转 "parent.location.href"是上一层页面跳转 "top.location.h <a href="https://www.cnblogs.com/zyl-Tara/p/10879661.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/zyl-Tara/p/10635033.html
关于最新create-react-app使用react-app-rewired2.x添加webpack配置 - 一江西流
使用过create-react-app(以下简称cra)的朋友都知道,这是react官方的一款脚手架工具,内部集成了babel,webpack,webpack-dev-server等等。 以前我们要在cra中做webpack的配置,有三种方式: 1、运行npm run eject得到原始的webpa
2019-04-09T07:03:00Z
2019-04-09T07:03:00Z
一江西流
https://www.cnblogs.com/zyl-Tara/
【摘要】使用过create-react-app(以下简称cra)的朋友都知道,这是react官方的一款脚手架工具,内部集成了babel,webpack,webpack-dev-server等等。 以前我们要在cra中做webpack的配置,有三种方式: 1、运行npm run eject得到原始的webpa <a href="https://www.cnblogs.com/zyl-Tara/p/10635033.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/zyl-Tara/p/10642704.html
在命令行启动vscode - 一江西流
1.windows使用 code . 命令打开vscode 1、打开vscode安装位置,进入bin文件夹,复制路径 eg:E:\Microsoft VS Code\bin;2、回到桌面,右键我的电脑,高级系统设置 ,环境变量,编辑path值,在原来的path后面加上eg ;E:\Microsoft
2019-04-02T07:02:00Z
2019-04-02T07:02:00Z
一江西流
https://www.cnblogs.com/zyl-Tara/
【摘要】1.windows使用 code . 命令打开vscode 1、打开vscode安装位置,进入bin文件夹,复制路径 eg:E:\Microsoft VS Code\bin;2、回到桌面,右键我的电脑,高级系统设置 ,环境变量,编辑path值,在原来的path后面加上eg ;E:\Microsoft <a href="https://www.cnblogs.com/zyl-Tara/p/10642704.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/zyl-Tara/p/10416886.html
一道面试题引发对javascript事件循环机制(Event Loop)的 思考(这里讨论针对浏览器) - 一江西流
😄😄废话不多说,先上题: 这道题主要考察的是事件循环中函数执行顺序的问题,其中包括`async/await`,`setTimeout`,`Promise`函数。下面来说一下本题中涉及到的知识点。 任务队列 首先我们需要明白以下几件事情: * JS分为同步任务和异步任务* 同步任务都在主线程上执行
2019-02-22T02:36:00Z
2019-02-22T02:36:00Z
一江西流
https://www.cnblogs.com/zyl-Tara/
【摘要】😄😄废话不多说,先上题: 这道题主要考察的是事件循环中函数执行顺序的问题,其中包括`async/await`,`setTimeout`,`Promise`函数。下面来说一下本题中涉及到的知识点。 任务队列 首先我们需要明白以下几件事情: * JS分为同步任务和异步任务* 同步任务都在主线程上执行 <a href="https://www.cnblogs.com/zyl-Tara/p/10416886.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/zyl-Tara/p/10402089.html
ES5 对象的扩展(Object.preventExtensions)、密封(Object.seal)和冻结(Object.freeze) - 一江西流
文章链接:https://www.cnblogs.com/snandy/p/5278474.html
2019-02-19T08:38:00Z
2019-02-19T08:38:00Z
一江西流
https://www.cnblogs.com/zyl-Tara/
【摘要】文章链接:https://www.cnblogs.com/snandy/p/5278474.html <a href="https://www.cnblogs.com/zyl-Tara/p/10402089.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/zyl-Tara/p/10401051.html
css3选择器和伪类 - 一江西流
元素选择子: * 任何元素 E 与E标签结合的任何元素 E F E的所有派生标签中,有F标签的元素 E > F 或者 E/F E的所有直接的拥有F标签的子类 E + F 所有具有F标签的元素,紧靠的前一个元素有E标签 E ~ F 所有具有F标签的元素,前一个兄弟元素有E标签 属性选择子: @和引号是
2019-02-19T06:52:00Z
2019-02-19T06:52:00Z
一江西流
https://www.cnblogs.com/zyl-Tara/
【摘要】元素选择子: * 任何元素 E 与E标签结合的任何元素 E F E的所有派生标签中,有F标签的元素 E > F 或者 E/F E的所有直接的拥有F标签的子类 E + F 所有具有F标签的元素,紧靠的前一个元素有E标签 E ~ F 所有具有F标签的元素,前一个兄弟元素有E标签 属性选择子: @和引号是 <a href="https://www.cnblogs.com/zyl-Tara/p/10401051.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/zyl-Tara/p/10400627.html
前端面试题-3 - 一江西流
一、基础1.var a = "2015",请对变量a进行操作生成倒序排序的字符串“5,2,1,0”。 2.console.log(0.1+0.2 0.3) 这和javascript的精度有关系,可以算是一个语言上的bug。 3.console.log(0 || "1" && 2) 这道题考查逻辑运算
2019-02-19T05:52:00Z
2019-02-19T05:52:00Z
一江西流
https://www.cnblogs.com/zyl-Tara/
【摘要】一、基础1.var a = "2015",请对变量a进行操作生成倒序排序的字符串“5,2,1,0”。 2.console.log(0.1+0.2 0.3) 这和javascript的精度有关系,可以算是一个语言上的bug。 3.console.log(0 || "1" && 2) 这道题考查逻辑运算 <a href="https://www.cnblogs.com/zyl-Tara/p/10400627.html" target="_blank">阅读全文</a>