博客园 - 世有因果知因求果
uuid:24b78886-0ed1-41c2-8670-e3f31dcf42c4;id=161393
2020-03-30T03:52:51Z
世有因果知因求果
https://www.cnblogs.com/kidsitcn/
feed.cnblogs.com
https://www.cnblogs.com/kidsitcn/p/12010983.html
css sprite responsive实现探究 - 世有因果知因求果
在做web app前端设计时,为了减少http的请求,提高系统响应时间,有一个非常常见的优化措施是:将所有用到的静态的图片通过合并形成一个sprite.png,并且配合background-position和background-size来实现对图片部分区域的引用显示,从而基本满足了对应的诉求:减少
2019-12-09T06:49:00Z
2019-12-09T06:49:00Z
世有因果知因求果
https://www.cnblogs.com/kidsitcn/
【摘要】在做web app前端设计时,为了减少http的请求,提高系统响应时间,有一个非常常见的优化措施是:将所有用到的静态的图片通过合并形成一个sprite.png,并且配合background-position和background-size来实现对图片部分区域的引用显示,从而基本满足了对应的诉求:减少 <a href="https://www.cnblogs.com/kidsitcn/p/12010983.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/kidsitcn/p/11880867.html
wordpress 数据查询-全局注入-模板数据消费输出简图 - 世有因果知因求果
我一直比较好奇,类似于wordpress这样的CMS,它可以做的很灵活,同样的软件,为什么就能做出几乎完全不具有相似性的不同站点来呢?除了功能可以有大不同以外,即便是相同的简单blog站他们的外观也可以有天壤之别,到底是怎么做到的? 关于wp的theme及相应的数据获取,应用渲染输出过程,做了一下代
2019-11-18T02:59:00Z
2019-11-18T02:59:00Z
世有因果知因求果
https://www.cnblogs.com/kidsitcn/
【摘要】我一直比较好奇,类似于wordpress这样的CMS,它可以做的很灵活,同样的软件,为什么就能做出几乎完全不具有相似性的不同站点来呢?除了功能可以有大不同以外,即便是相同的简单blog站他们的外观也可以有天壤之别,到底是怎么做到的? 关于wp的theme及相应的数据获取,应用渲染输出过程,做了一下代 <a href="https://www.cnblogs.com/kidsitcn/p/11880867.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/kidsitcn/p/11794703.html
webpack中使用DefinePlugin来传递构建的环境变量给源代码使用 - 世有因果知因求果
最近在思考如何提供一种前后端开发功能测试既高效又安全的方案,因为对于我平时的项目是前后端同时进行的,后端我已经有了完备的权限管理,前端不能的角色会有不同的访问数据权限。而在vue前后端分离开发情况下,由于后端没有登陆人员的信息,因此除了开放访问的资源都是被拒绝访问的。这时有没有什么办法可以在dev环
2019-11-04T12:37:00Z
2019-11-04T12:37:00Z
世有因果知因求果
https://www.cnblogs.com/kidsitcn/
【摘要】最近在思考如何提供一种前后端开发功能测试既高效又安全的方案,因为对于我平时的项目是前后端同时进行的,后端我已经有了完备的权限管理,前端不能的角色会有不同的访问数据权限。而在vue前后端分离开发情况下,由于后端没有登陆人员的信息,因此除了开放访问的资源都是被拒绝访问的。这时有没有什么办法可以在dev环 <a href="https://www.cnblogs.com/kidsitcn/p/11794703.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/kidsitcn/p/11794462.html
第三方web ide开发环境下vuejs开发HMR环境搭建-码农这样开发是快乐的! - 世有因果知因求果
vuejs是一个非常优秀的前端框架,利用该框架可以快速开发出任何web app,之所以vuejs开发非常高效快捷,其中最重要的一点就是利用webpakc提供的HMR(热模块替换)特性,可以边写vue组件,边实时看效果。 而很多时候,虽然本地我们可能已经搭建了vuejs的开发环境,但是很多时候我们需要
2019-11-04T12:15:00Z
2019-11-04T12:15:00Z
世有因果知因求果
https://www.cnblogs.com/kidsitcn/
【摘要】vuejs是一个非常优秀的前端框架,利用该框架可以快速开发出任何web app,之所以vuejs开发非常高效快捷,其中最重要的一点就是利用webpakc提供的HMR(热模块替换)特性,可以边写vue组件,边实时看效果。 而很多时候,虽然本地我们可能已经搭建了vuejs的开发环境,但是很多时候我们需要 <a href="https://www.cnblogs.com/kidsitcn/p/11794462.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/kidsitcn/p/11769579.html
v-model绑定一个对象,组件内部分别负责不同字段的场景实现 - 世有因果知因求果
我们知道v-model对于单个property双向数据绑定非常有用,保持父子组件之间的数据传递和同步,但也有很多场景下希望一个组件能够处理多个数据字段,这时就有一些小小技巧了。 https://simonkollross.de/posts/vuejs-using-v-model-with-objec
2019-10-31T02:00:00Z
2019-10-31T02:00:00Z
世有因果知因求果
https://www.cnblogs.com/kidsitcn/
【摘要】我们知道v-model对于单个property双向数据绑定非常有用,保持父子组件之间的数据传递和同步,但也有很多场景下希望一个组件能够处理多个数据字段,这时就有一些小小技巧了。 https://simonkollross.de/posts/vuejs-using-v-model-with-objec <a href="https://www.cnblogs.com/kidsitcn/p/11769579.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/kidsitcn/p/11747770.html
m3u8的blob格式视频在线下载 - 世有因果知因求果
有时候我们希望在在线观看视频的同时将对应的视频下载下来,研究了很多方式,最终发现使用ffmpeg这个工具可以很好完成m3u8格式. 具体方法就是执行: 其中m3u8就是在浏览器的网络tab中看到的媒体m3u8文件
2019-10-27T07:48:00Z
2019-10-27T07:48:00Z
世有因果知因求果
https://www.cnblogs.com/kidsitcn/
【摘要】有时候我们希望在在线观看视频的同时将对应的视频下载下来,研究了很多方式,最终发现使用ffmpeg这个工具可以很好完成m3u8格式. 具体方法就是执行: 其中m3u8就是在浏览器的网络tab中看到的媒体m3u8文件 <a href="https://www.cnblogs.com/kidsitcn/p/11747770.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/kidsitcn/p/11684165.html
xiaohacontainer, docker, windows-来自微软Azure CTO的布道 - 世有因果知因求果
https://azure.microsoft.com/zh-cn/blog/containers-docker-windows-and-trends/ 今天这个时代当你讨论云计算时,不谈谈docker是不可想象的。各行各业的成功组织,从银行等金融组织到电子商务公司都希望能够清晰理解到底contai
2019-10-16T02:55:00Z
2019-10-16T02:55:00Z
世有因果知因求果
https://www.cnblogs.com/kidsitcn/
【摘要】https://azure.microsoft.com/zh-cn/blog/containers-docker-windows-and-trends/ 今天这个时代当你讨论云计算时,不谈谈docker是不可想象的。各行各业的成功组织,从银行等金融组织到电子商务公司都希望能够清晰理解到底contai <a href="https://www.cnblogs.com/kidsitcn/p/11684165.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/kidsitcn/p/11654588.html
Object.defineProperty-vuejs数据响应基石 - 世有因果知因求果
https://www.jianshu.com/p/07ba2b0c8fca https://juejin.im/post/5b99215d5188255c520cfe22 vuejs数据双向绑定地核心原理就是使用 Object.defineProperty 这个函数来实现数据劫持,并通过publi
2019-10-11T07:38:00Z
2019-10-11T07:38:00Z
世有因果知因求果
https://www.cnblogs.com/kidsitcn/
【摘要】https://www.jianshu.com/p/07ba2b0c8fca https://juejin.im/post/5b99215d5188255c520cfe22 vuejs数据双向绑定地核心原理就是使用 Object.defineProperty 这个函数来实现数据劫持,并通过publi <a href="https://www.cnblogs.com/kidsitcn/p/11654588.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/kidsitcn/p/11642442.html
preventDefault, stopPropagation, return false -JS事件处理中的坑 - 世有因果知因求果
我们以一个文件上传ui重设计为例子来探讨这几个函数的区别: 其中的html代码如下: HTML包含有三部分内容: 1. 一个inpyout空间来处理文件上传的对话.在这里,我们设置为hidden,因为我们并不想使用浏览器默认给出的控件; 2. 一个class为file-upload__dropzon
2019-10-09T08:10:00Z
2019-10-09T08:10:00Z
世有因果知因求果
https://www.cnblogs.com/kidsitcn/
【摘要】我们以一个文件上传ui重设计为例子来探讨这几个函数的区别: 其中的html代码如下: HTML包含有三部分内容: 1. 一个inpyout空间来处理文件上传的对话.在这里,我们设置为hidden,因为我们并不想使用浏览器默认给出的控件; 2. 一个class为file-upload__dropzon <a href="https://www.cnblogs.com/kidsitcn/p/11642442.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/kidsitcn/p/11632452.html
runtime template in vuejs - 世有因果知因求果
在使用vuejs开发的过程中,有时候我们需要动态模板的场景,也就是说模板并不是静态定义好的,而是动态变化的。 比如在做一个所见所得编辑器时,编辑人员可能时刻需要调整他设计的页面内容,而如果页面内容包含vue组件的话,这时如果需要实时预览效果的话,就必须要解决动态模板如何实时编译运行的问题。 我们知道
2019-10-07T13:46:00Z
2019-10-07T13:46:00Z
世有因果知因求果
https://www.cnblogs.com/kidsitcn/
【摘要】在使用vuejs开发的过程中,有时候我们需要动态模板的场景,也就是说模板并不是静态定义好的,而是动态变化的。 比如在做一个所见所得编辑器时,编辑人员可能时刻需要调整他设计的页面内容,而如果页面内容包含vue组件的话,这时如果需要实时预览效果的话,就必须要解决动态模板如何实时编译运行的问题。 我们知道 <a href="https://www.cnblogs.com/kidsitcn/p/11632452.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/kidsitcn/p/11628822.html
web dom api中的Selection和Range - 世有因果知因求果
如果你做过wysiwyg这样的app,一个很让人头疼的问题是如何保证执行bold,italic等格式化操作后保持先前鼠标所在的位置。要好好的解决这个问题,就必须将Selection和Range的api搞搞清楚。 https://javascript.info/selection-range Sele
2019-10-06T14:37:00Z
2019-10-06T14:37:00Z
世有因果知因求果
https://www.cnblogs.com/kidsitcn/
【摘要】如果你做过wysiwyg这样的app,一个很让人头疼的问题是如何保证执行bold,italic等格式化操作后保持先前鼠标所在的位置。要好好的解决这个问题,就必须将Selection和Range的api搞搞清楚。 https://javascript.info/selection-range Sele <a href="https://www.cnblogs.com/kidsitcn/p/11628822.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/kidsitcn/p/11613250.html
基于第三方vuejs库组件做适配性个性开发 - 世有因果知因求果
相信大家在使用vuejs时候会用到很多的第三方库,能够找到适合自己的库并且加以使用可以大大加快进度,减少bug。但是很多时候会出现这样一个尴尬的境地: 基线的第三方组件并不能很好地满足我们自己地需求,那么到底应该怎么办? 本文试图说一下我的方法。 我在使用element-ui作为标准组件库时使用了其
2019-09-30T08:25:00Z
2019-09-30T08:25:00Z
世有因果知因求果
https://www.cnblogs.com/kidsitcn/
【摘要】相信大家在使用vuejs时候会用到很多的第三方库,能够找到适合自己的库并且加以使用可以大大加快进度,减少bug。但是很多时候会出现这样一个尴尬的境地: 基线的第三方组件并不能很好地满足我们自己地需求,那么到底应该怎么办? 本文试图说一下我的方法。 我在使用element-ui作为标准组件库时使用了其 <a href="https://www.cnblogs.com/kidsitcn/p/11613250.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/kidsitcn/p/11599114.html
香草js侦测元素是否离开视窗viewport - 世有因果知因求果
很多时候,我们需要检查一个元素是否已经部分不在或者全部不在视窗区域,当这种现象发生时做相应的处理。 比如在CMS编辑内容时,其工具菜单很有可能因为内容区域过长导致滑出视窗区域,而工具栏又是经常要使用的,这就非常不便。 那么如何检查这种情况呢?我们来看看 getBoundingClientRect()
2019-09-27T09:07:00Z
2019-09-27T09:07:00Z
世有因果知因求果
https://www.cnblogs.com/kidsitcn/
【摘要】很多时候,我们需要检查一个元素是否已经部分不在或者全部不在视窗区域,当这种现象发生时做相应的处理。 比如在CMS编辑内容时,其工具菜单很有可能因为内容区域过长导致滑出视窗区域,而工具栏又是经常要使用的,这就非常不便。 那么如何检查这种情况呢?我们来看看 getBoundingClientRect() <a href="https://www.cnblogs.com/kidsitcn/p/11599114.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/kidsitcn/p/11592660.html
xampp windows10下xdebug调试环境安装及配置 - 世有因果知因求果
xampp是在windows环境下做php,mysql开发的全家桶,免去了很多apache, php集成配置,数据库驱动安装配置的过程,应用非常广泛。 xdebug是php开发调试必备利器,本文就记录使用phpstorm+xdebug如何在win10机器上配置跑起来。 1. xdebug的安装,我选
2019-09-26T08:34:00Z
2019-09-26T08:34:00Z
世有因果知因求果
https://www.cnblogs.com/kidsitcn/
【摘要】xampp是在windows环境下做php,mysql开发的全家桶,免去了很多apache, php集成配置,数据库驱动安装配置的过程,应用非常广泛。 xdebug是php开发调试必备利器,本文就记录使用phpstorm+xdebug如何在win10机器上配置跑起来。 1. xdebug的安装,我选 <a href="https://www.cnblogs.com/kidsitcn/p/11592660.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/kidsitcn/p/11589472.html
beyond compare全文件夹比较,仅显示变化的文件 - 世有因果知因求果
beyond compare是一款非常优秀的文件夹同步比较工具,赞。 非常强大的一点就是给定两个文件夹可以自动列出所有不同的文件和子文件夹,但是有一点可能很多人碰到过,也就是需要一个个点开才能重新比较异同。比如文件本身内容是相同的。但是却没有被排除,这有些令人讨厌。 问题: 比如aaa,bbb实际上
2019-09-26T02:48:00Z
2019-09-26T02:48:00Z
世有因果知因求果
https://www.cnblogs.com/kidsitcn/
【摘要】beyond compare是一款非常优秀的文件夹同步比较工具,赞。 非常强大的一点就是给定两个文件夹可以自动列出所有不同的文件和子文件夹,但是有一点可能很多人碰到过,也就是需要一个个点开才能重新比较异同。比如文件本身内容是相同的。但是却没有被排除,这有些令人讨厌。 问题: 比如aaa,bbb实际上 <a href="https://www.cnblogs.com/kidsitcn/p/11589472.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/kidsitcn/p/11585528.html
给定制的vuejs组件添加v-model双向绑定支持 - 世有因果知因求果
用过vuejs的前端工程师,对于v-model一定印象深刻。它向类似textarea,input等原生html原生添加双向数据绑定的能力非常方便。但是对于你的定制vue组件并不是能够直接应用v-model的,我们需要做一些额外的工作,但是这个额外工作是非常简单的。 为了理解如何给你的组件提供v-mo
2019-09-25T08:22:00Z
2019-09-25T08:22:00Z
世有因果知因求果
https://www.cnblogs.com/kidsitcn/
【摘要】用过vuejs的前端工程师,对于v-model一定印象深刻。它向类似textarea,input等原生html原生添加双向数据绑定的能力非常方便。但是对于你的定制vue组件并不是能够直接应用v-model的,我们需要做一些额外的工作,但是这个额外工作是非常简单的。 为了理解如何给你的组件提供v-mo <a href="https://www.cnblogs.com/kidsitcn/p/11585528.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/kidsitcn/p/11569803.html
javascript工厂函数(factory function)vs构造函数(constructor function) - 世有因果知因求果
如果你从其他语言转到javascript语言的开发,你会发现有很多让你晕掉的术语,其中工厂函数(factory function)和构造函数(constructor function)就是其中的一个。本文试图理顺这两者之间的区别. Factory functions 工厂函数是将返回一个新的obje
2019-09-22T14:52:00Z
2019-09-22T14:52:00Z
世有因果知因求果
https://www.cnblogs.com/kidsitcn/
【摘要】如果你从其他语言转到javascript语言的开发,你会发现有很多让你晕掉的术语,其中工厂函数(factory function)和构造函数(constructor function)就是其中的一个。本文试图理顺这两者之间的区别. Factory functions 工厂函数是将返回一个新的obje <a href="https://www.cnblogs.com/kidsitcn/p/11569803.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/kidsitcn/p/11491831.html
edrawmax使用技巧备忘 - 世有因果知因求果
由于自己经常需要画图示意,在对比研究了市面上的画图软件后,最终选择了亿图图示,一来是该软件貌似简单强大,有好多现成可用的功能,二来支持国产,并且亿图团队感觉还是不错的一直在用心打磨产品,当然要支持的! 对齐居中小技巧 在排版中非常常用的工具一定是居中,靠左,靠右对齐操作。问题是靠都会有一个参照物的问
2019-09-09T07:09:00Z
2019-09-09T07:09:00Z
世有因果知因求果
https://www.cnblogs.com/kidsitcn/
【摘要】由于自己经常需要画图示意,在对比研究了市面上的画图软件后,最终选择了亿图图示,一来是该软件貌似简单强大,有好多现成可用的功能,二来支持国产,并且亿图团队感觉还是不错的一直在用心打磨产品,当然要支持的! 对齐居中小技巧 在排版中非常常用的工具一定是居中,靠左,靠右对齐操作。问题是靠都会有一个参照物的问 <a href="https://www.cnblogs.com/kidsitcn/p/11491831.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/kidsitcn/p/11487666.html
babel plugin和presets是什么,怎么用? - 世有因果知因求果
https://www.fullstackreact.com/articles/what-are-babel-plugins-and-presets/ 当开发react或者vuejs app时,开发者可能经常需要在不同的babel configuration(.bablerc)中切换。你应该在pac
2019-09-08T10:07:00Z
2019-09-08T10:07:00Z
世有因果知因求果
https://www.cnblogs.com/kidsitcn/
【摘要】https://www.fullstackreact.com/articles/what-are-babel-plugins-and-presets/ 当开发react或者vuejs app时,开发者可能经常需要在不同的babel configuration(.bablerc)中切换。你应该在pac <a href="https://www.cnblogs.com/kidsitcn/p/11487666.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/kidsitcn/p/11381927.html
代码语法高亮踩坑-原理,问题, PRE元素及htmlentity - 世有因果知因求果
语法高亮库基础原理 在研究使用能够在web页面上代码语法高显的解决方案时,发现有很多现成的开源库。比较中意的有prism.js,highlightjs。他们的原理基本上核心就两点: 1. 利用html的<pre>特性:即原封不动显示code 2. 针对不同源代码其语法结构特点,设计该语言的正则匹配规
2019-08-20T03:28:00Z
2019-08-20T03:28:00Z
世有因果知因求果
https://www.cnblogs.com/kidsitcn/
【摘要】语法高亮库基础原理 在研究使用能够在web页面上代码语法高显的解决方案时,发现有很多现成的开源库。比较中意的有prism.js,highlightjs。他们的原理基本上核心就两点: 1. 利用html的<pre>特性:即原封不动显示code 2. 针对不同源代码其语法结构特点,设计该语言的正则匹配规 <a href="https://www.cnblogs.com/kidsitcn/p/11381927.html" target="_blank">阅读全文</a>