Solid | 易学教程

「吐血整理」再来一打Webpack面试题🔥(持续更新)

阅读更多关于「吐血整理」再来一打Webpack面试题🔥(持续更新)

3 月，跳不动了？>>> 「观感度：🌟🌟🌟🌟🌟 」「口味：清蒸鲈鱼」「烹饪时间：15min 」本文已收录在 Github github.com/Geekhyt ，欢迎Star。从头发的浓密程度和干练的走路姿势我察觉到，面前坐着的这位面试官也是一把好手。我像以往一样，准备花3分钟的时间进行自我介绍。在此期间，我的目光被16寸的MacBook Pro所吸引，这次的自我介绍我做足了准备，很有信心征服面试官。不出我所料，面试官被我引入了我擅长的领域。 ❝ 看来你对Webpack很熟悉，那我来考考你 ❞ 0.有哪些常见的Loader？你用过哪些Loader？ (我开始熟悉的报起了菜名) raw-loader ：加载文件原始内容（utf-8） file-loader ：把文件输出到一个文件夹中，在代码中通过相对 URL 去引用输出的文件 (处理图片和字体) url-loader ：与 file-loader 类似，区别是用户可以设置一个阈值，大于阈值时返回其 publicPath，小于阈值时返回文件 base64 形式编码 (处理图片和字体) source-map-loader ：加载额外的 Source Map 文件，以方便断点调试 svg-inline-loader ：将压缩后的 SVG 内容注入代码中 image-loader ：加载并且压缩图片文件 json

「吐血整理」再来一打Webpack面试题🔥(持续更新)

阅读更多关于「吐血整理」再来一打Webpack面试题🔥(持续更新)

clearfix 清除浮动的几种方法、作用及总结

阅读更多关于 clearfix 清除浮动的几种方法、作用及总结

某厂面试归来，发现自己落伍了！>>> clearfix 清除浮动浮动现象浮动想象一下，浮动是可以向左或向右移动，直到它的外边缘碰到其他框或另一个浮动框的边框为止。浮动的效果： <body> <div class="container"> <div class="left"> </div> <div class="right"> </div> </div> </body> <style> .container{ width: 300px; border: 1px solid #000; background-color: gray; } .left{ width: 100px; height: 100px; background-color: red; float: left; } .right{ width: 100px; height: 100px; background-color: blue; float: right; } </style> 上述代码的浮动效果如下: 现象：可见子元素没有撑开父容器，使父元素高度坍塌清楚浮动的方法清楚浮动大致有四种方式：添加以clear命名的class 在父容器里添加overflow:hidden样式在父容器里添加overflow:auto样式添加class以clearfix命名的after伪元素

小程序使用border-image边框默认展示

阅读更多关于小程序使用border-image边框默认展示

开发小程序的时候，遇到一个小bug，开发中使用到了 border-image 给view设置边框图如下图使用的是base64字符直接添加 border: none; border-bottom: 5rpx solid #E6E6E6; border-image: url('data:image/png;base64......') 100% 0% round; 当时是直接这种方式添加，在开发者工具和安卓机上是正常的，但是在ip6和ipx上发现view的上下边都会有这个边框，估计其他iOS设备也一样按照设想是只设置了下边框，其他边框设置了none，就不会显示才会，后来调试发现设置border-image-slice为25% 及以上时，就会出现上边框，不然就不会出现，猜测可能是这方面的原因，然后修改为 border-image: url('data:image/png;base64......') 0% 0% 100% 0% round; 显示正常测试了下，在pc端Chrome浏览器没有这个现象，Safari浏览器有这个情况来源： oschina 链接： https://my.oschina.net/u/3300735/blog/2254138

ObjectARX常用类和函数

阅读更多关于 ObjectARX常用类和函数

（1） AcAx 开头的全局函数：这些函数通过 COM 的方式来让AutoCAD 完成一些操作。 (a) acutPrintf 函数：在 AutoCAD 命令行显示指定的字符串 acutPrintf函数的具体用法如例： acutPrintf("\n输入不合法，请重新输入"); (b) AcAxMove 函数：移动实体。需要链接 axauto15.lib 库 AcAxMove 函数的定义形式为: HRESULT AXAUTOEXP AcAxMove(AcDbObjectId& objId,VARIANT fromPoint,VARIANT toPoint); VARIANT 是在 COM 中使用的一种特殊数据类型,因为COM是微软用于解决组件之间数据交换的一种技术,COM 对象建立在二进制可执行代码级的基础上，并由此来实现多种语言开发的组件对象可以进行交互。因此开发 COM 所使用的数据类型是独立于特定语言的，我们开发 COM 客户程序（调用 COM 对象的程序）也必须使用一些 COM 所规定的数据类型。 AcAxMove 函数的具体用法如例： AcDbObjectId entId;//移动实体id AcGePoint3d ptFrom;//起点 AcGePoint3d ptTo;//终点 // 将AcGePoint3d类型的点坐标进行类型转换 VARIANT *pvaFrom =

Echarts参数说明

阅读更多关于 Echarts参数说明

theme = { // 全图默认背景 // backgroundColor: 'rgba(0,0,0,0)', // 默认色板 color: ['#ff7f50','#87cefa','#da70d6','#32cd32','#6495ed', '#ff69b4','#ba55d3','#cd5c5c','#ffa500','#40e0d0', '#1e90ff','#ff6347','#7b68ee','#00fa9a','#ffd700', '#6699FF','#ff6666','#3cb371','#b8860b','#30e0e0'], // 图表标题 title: { x: 'left', // 水平安放位置，默认为左对齐，可选为： // 'center' ¦ 'left' ¦ 'right' // ¦ {number}（x坐标，单位px） y: 'top', // 垂直安放位置，默认为全图顶端，可选为： // 'top' ¦ 'bottom' ¦ 'center' // ¦ {number}（y坐标，单位px） //textAlign: null // 水平对齐方式，默认根据x设置自动调整 backgroundColor: 'rgba(0,0,0,0)', borderColor: '#ccc', // 标题边框颜色 borderWidth: 0, //

番茄闹钟四(todoList 模块搭建及封装)

阅读更多关于番茄闹钟四(todoList 模块搭建及封装)

一. 调试接口二.webstorm 最大化的增加代码区域 View-Enter Distraction Free Mode 三. 添加新建菜单 https://blog.csdn.net/asing1elife/article/details/82820628 四. 配置路径 https://blog.csdn.net/weixin_33804990/article/details/91368501 五. ToDoInput 和 ToDo 组件 // ToDoInput负责样式 // ToDo负责功能 // 放外面处理是为了后面引入redux,提交action都是做在外面的六. 制作 Item this.state.todos.map(t=><TodoItem key={t.id} {...t} />) // ...t把所有属性放到item里面七. 解决 TS2339 报错 // 在外面定义接口 interface ITodoItemProps { description: string } <span>{this.props.description}</span> 八. 将 todos 做成宽度一半 #Todos { padding: 16px; border: 1px solid #ddd; border-radius: 4px; width: calc(50% -

学习02-css盒子模型

阅读更多关于学习02-css盒子模型

边框border：属性用途注意 border-color 边框颜色颜色用十六进制#fff border-width 边框宽度单位px border-style 边框样式 solid实线，dashed虚线，dotted点线综合写法边框样式颜色 border：1px solid red； border-top-style 单独指定边框 border-top-style：1px solid red；外边框margin： marign:0 auto; 内边距padding： padding: 0 auto; 盒子阴影: box-shadow:水平阴影垂直阴影模糊距离（虚实）阴影尺寸（影子大小）阴影颜色内/外阴影; 值描述 h-shadow 水平阴影 v-shadow 垂直阴影 blur 模糊距离 spread 阴影的尺寸 color 阴影颜色 inset 内/外阴影综合写法 box-shadow:0 15px 30px rgba(0,0,0,.3); 圆角边框： border-radius：length; 盒子坍塌解决方案： 1.可以给父元素定义上边框 transparent透明 border-top：1px solid transparent； 2.可以给父级指定一个上padding值 padding-top：1px; 3

戏说前端之CSS编码规范

阅读更多关于戏说前端之CSS编码规范

前言项目启动时 css 应该注意哪些问题文件名规范文件名建议用小写字母加中横线的方式。为什么呢？因为这样可读性比较强，看起来比较清爽，像链接也是用这样的方式，例如 // 地址: github的地址 https://github.com/wangjeaf/ckstyle-node 那为什么变量名不用小写字母加小划线的方式，如：family_tree，而是推荐用驼峰式的familyTree？C语言就喜欢用这种方式命名变量，但是由于因为下划线比较难敲(shift + -)，所以一般用驼峰式命名变量的居多。引入CSS文件的link可以不用带type=“text/css”，如下代码： <link rel="stylesheet" href="test.css"> 因为link里面最重要的是rel这个属性，可以不要type，但是不能没有rel。 JS也是同样道理，可以不用type，如下代码： <script src="test.js"></script> 没有兼容性问题。属性书写顺序属性的书写顺序对于浏览器来说没有区别，除了优先级覆盖之外。但是如果顺序保持一致的话，扫一眼可以很快地知道这个选择器有什么类型的属性影响了它，所以一般要把比较重要的属性放前面。比较建议的顺序是这样的：你可能会觉得我平时差不多就是这么写的，那么说明你有一个比较好的素养。并且我觉得规则不是死，有时候可以灵活

论文推荐：SoLid 通过让公民控制自己的数据简化政府流程

阅读更多关于论文推荐：SoLid 通过让公民控制自己的数据简化政府流程

<img src="https://cdn.authing.cn/blog/tim-berners-lee-solid.jpg" style="zoom:60%;" /> SoLiD 是一个令人兴奋的新项目，由万维网发明者 Tim Berners-Lee 爵士在麻省理工学院启动。该项目旨在从根本上改变 Web 应用程序的中心化趋势，它将真正地让数据所有权属于用户，并改善隐私问题。本文是 SoLiD 项目在比利时的实践经验，作者有 Web 创始人 Tim 爵士、SoLiD 的核心开发者 Euben Verborgh（编者最爱的一名 SoLiD 开发者）等。详见 [SoLid中文社区]: https://learnsolid.cn/，对「数据主权」主题感兴趣的读者可以加微信： jinjian0414 ，加入微信群讨论。适合阅读本文的读者包括：对新技术和自动化敏感、能感知技术趋势的开发者；渴望提升国家治理水平的官员；医疗和保险等民生行业的从业者；渴望创新的企业家；在寻找新方向、敢于承担巨大风险的投资者；对新趋势好奇的早期尝鲜者；本文作者 Raf Buyle, Ruben Taelman, Katrien Mostaert, Geroen Joris2, Erik Mannens, Ruben Verborgh and Tim Berners-Lee 涉及机构：

订阅 Solid