- 博客(24)
- 收藏
- 关注
原创 求助:ios系统不显示svg的linearGradient
生成的精灵图在苹果系统不显示渐变,或者渐变颜色为黑色,但在Windows和安卓系统下正常显示。使用webpack-svgstore-plugin将svg文件生成了精灵图。我猜测是webpack-svgstore-plugin造成的问题?生成的精灵图,这里面有linearGradient。如果直接在js中使用svg源文件可以正常显示。react项目webpack打包。有大佬告诉我下解决思路吗?
2024-08-08 17:30:38
278
原创 webpack打包优化
webpack-bundle-analyzer生成资源包可视化分析图。项目中引用了momentjs,把所有locale都打包进去了。antd 资源包过大。
2024-03-13 16:40:45
456
原创 Can‘t find Python executable \“python2.7\“, you can set the PYTHON env variable
yarn install 报错。
2023-05-26 10:43:38
488
原创 [存] 从 JavaScript 发展历史中聊 ECMAScript(ES6-ES11) 新功能
标题从 JavaScript 发展历史中聊 ECMAScript(ES6-ES11) 新功能收藏一个链接https://cloud.tencent.com/developer/article/1602432
2021-10-21 11:23:43
115
原创 react学习——基础列表组件
学习列表时终端报错Array.prototype.map() expects a return value from arrow function array-callback-return代码如下function NumberList(props){ const number = props.numbers const listItem = number.map(number=>{ <li>{number}</li> })
2021-03-15 17:33:59
677
原创 简单理解vue2双向绑定
1. 使用vue写一个数据双向绑定此时浏览器的输出为:可以发现在定义的obj对象中除了我们定义的msg之外还有set和get2.新建一个页面浏览器输出:3.以上可以推测使用Object的方法,对数据添加属性。var data = {} var msg = "" Object.defineProperty(data,'msg',{ set: function reactiveSetter (value){ msg = value
2021-01-14 13:15:38
261
原创 路由和IO
什么是路由?通俗的讲就是网址;专业一点,就是每次GET和POST等请求在服务器端有一个专门的配置列表,然后匹配到具体的一条路径后,分发到不同的Controller,进行各种操作,最终将html或数据返回给前端,这就完成了一次IOIOInput输入 / 输出Output由于程序和运行时数据是在内存中驻留,由CPU这个超快的计算核心来执行,涉及到数据交换的地方,通常是磁盘、网络等,就需要IO接口。IOIO请求分为两个阶段等待资源阶段IO请求一般需要特殊的资源,当资源被上一个使用者使用
2021-01-14 11:06:45
194
原创 Vue.set()变动数组
Vue变动数组 <script src="../vue.js"></script> <ul id="app"> <!-- <li>{{name}}</li>--> <li v-for="name in names">{{name.n}}</li> </ul> <script> var a = new Vue({ el: '#app',
2021-01-05 15:22:09
878
原创 画一条0.5px的线
<div style="width: 100px; border-bottom: 1px solid black; transform: scale(0.5,0.5); "></div>
2020-12-24 16:01:57
308
1
原创 盒子模型
W3C标准盒子设置的width = contentbox-sizing: content-box文档首部添加<!DOCTYPE>声明,即使用标准盒模型IE怪异盒子设置的width = border + padding + contentbox-sizing: border-box
2020-12-24 16:00:02
145
2
原创 数组去重
ES6 var arr = [1,6,6,8,9,5,4,1,3] console.log(arr); function sets(arr){ return Array.from(new Set(arr)) } console.log(sets(arr));splicesplice() 方法会直接对数组进行修改。array.splice(要操作的位置,删除的数量,向数组添加的新项目) var arr = [1,6,6,8,9,5,4,1,3]
2020-12-18 15:03:10
97
原创 初步学习HTTP
什么是HTTP协议是指计算机通信网络中两台计算机之间进行通信所必须共同遵守的规定或规则;HTTP超文本传输协议,是一种通信协议,它允许将超文本标记语言(HTML)文档从Web服务器传送到客户端的浏览器。HTTP是无状态的协议...
2020-12-17 13:43:01
181
原创 module.exports和exports使用
自定义模块var functions={ // ..... }module.exportsmodule.exports=functions引用: var functions=require(’…/function’)exportsexports.functions=functions引用: var functions=require(’…/function’).functions
2020-12-11 14:28:16
375
原创 v-if和v-show
v-if和v-show区别 被问了我好多次,我都记不清楚方法v-if通过删除和增加DOM节点来,控制显示与隐藏v-show通过空值display样式来控制显示与隐藏消耗v-if有更多的切换消耗,适合元素可能永远不会显示出来时显示v-show有较高的渲染消耗,适合频繁切换时使用...
2020-12-04 17:07:32
128
原创 父子组件通讯props,$emit,ref
以下内容为自学过程中的记录,不一定准确完整。文章目录父子组件传值1.父组件向子组件传值2.子组件向父组件传值父子组件传值1.父组件向子组件传值所有的 prop 都使得其父子 prop 之间形成了一个单向下行绑定:父级 prop 的更新会向下流动到子组件中,但是反过来则不行。父组件v-bind:father="father"子组件export default{ props:[ father:{ required:true, type:[String,Number],
2020-12-04 11:09:19
121
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人