qnlz的前端blog

摘要： 默认绑定 隐式绑定 显式绑定 阅读全文

摘要： 昨天在Medium上看到Huli同学的一篇文章“跟小明同学一起搞懂技术名词：MVC、SPA与SSR”，由此产出了下面这张鱼骨图，记录下文章里描述的这些专业名词的来龙去脉。 文章以小明同学要做一个留言板为引子，对这个留言板的优化以及改进，继而引出了这些专业名词，让前端新人可以很轻松地理解这些相当于是什 阅读全文

摘要： Axios：进行Ajax数据的获取； Vue Router：多页面之间的路由； Vuex：各个组件之间的数据共享； 异步组件：让代码上线，数据更优； Stylus：编写前端样式； 递归组件：实现组件自身调用组件自己； vue-cli：脚手架工具，用配置好的模版迅速搭建起一个项目工程来，省得自己配置w 阅读全文

摘要： 背景 如下图，订单列表里的标题 ，需求是：地名1——地名2； 现实情况可能有以下五种情况 ： 分析 看到上面的需求，我们自然而然能想到的就是使用flex布局 先写个demo： HTML如下： CSS： 结果如下： 解决问题 上面的demo看似满足了需求，实际还有几个细节问题： 结果： 显示结果： 可 阅读全文

摘要： 一、 wordpress 中文语言包； 下面步骤指导您将现有的英文WordPress站点切换为中文。1. 通过FTP、SSH等方式打开并编辑站点根目录下的wp-config.php文件。2. 查找define('WPLANG', '');一行，在第二个参数处填入zh_CN，变成define('WPL 阅读全文

摘要： 前言 经常写移动端页面，用习惯了CSS解决超出显示点点点的问题。 最近一个项目是PC的，需要兼容IE和火狐，此时-webkit-line-clamp: n;就不能满足了，百度了一下，clamp.js正好满足。 使用方法 上手很简单： 单行省略 $clamp(item,{clamp:1}) 多行省略 阅读全文

摘要： Retina屏问世蛮长时间了，想必不少前端人员被“像素眼”设计师提到过这个问题，下面直接是我常用到的解决方案： 四边框都有的话，用scale；一个或两个边框用渐变！ 附上前辈总结的各种方法：https://www.cnblogs.com/surfaces/p/5158582.html 阅读全文

摘要： 先说句题外话，前段时间看了一篇许岑写的文章，文章重点介绍了两种学习方法，即：自然主义和结构主义。 简单介绍下这两种方法：自然主义核心是模仿，结构主义核心是创造。结构主义侧重对结构和交互关系的一个认识，它提倡透过表面的现象去录求底层的关系，也就是说你要学习的是一套能举一反三的系统，这种诉求为的就是创造 阅读全文

摘要： 最近对svg的基础知识梳理了一下，发现points里坐标值不是很理解，如下： 刚看到这个坐标值时，思维被禁锢了，100以为是x y 坐标值一样，所以省略了一个，但是浏览器里呈现的图像完全不是这个意思啊： 百思不得其解，干脆用js获取坐标值来理解好了，写了下面的代码： 结论：points=" x1坐标 阅读全文

摘要： 重点： react由两部分组成： 1、react.js：是React的核心库 2、react-dom.js：提供与DOM相关的功能，会在windows下增加ReactDom属性，内部比较重要的方法是render,将react元素或者react组件插入到页面中 阅读全文