随笔分类 - 框架
摘要：canvas <canvas> 标签是 html 5 中的新标签。 <canvas> 标签只是图形容器，您必须使用脚本来绘制图形。 canvas标签本身是没有绘图能力的，所有的绘制工作必须在 JavaScript 内部完成。 使用canvas绘图有几个必要的步骤： 获取canvas元素 通过canv
阅读全文
posted @ 2020-10-16 15:12
酷儿q
摘要：添加过渡效果的方法： 在 css 过渡和动画中自动应用 class 可以配合使用第三方 css 动画库，如 Animate.css 在过渡钩子函数中使用 JavaScript 直接操作 DOM 可以配合使用第三方 JavaScript 动画库，如 Velocity.js 1、单组件或子元素过渡，使用
阅读全文
posted @ 2020-10-16 15:11
酷儿q
摘要：1、直接从npm打开文档 如果我们可以直接使用npm跳转到软件包的文档怎么办？ npm home package-name # 例如： npm home react # 将在浏览器中打开reactjs.org 2、打开bug页面 为了以防万一，我们想在程序包上提交一个错误。 npm bugs pac
阅读全文
posted @ 2020-10-16 15:10
酷儿q
摘要：reselect是什么？ reselect是配合redux使用的一款轻量型的状态选择库，目的在于当store中的state重新改变之后，使得局部未改变的状态不会因为整体的state变化而全部重新渲染，功能有点类似于组件中的生命周期函数shouldComponentDidUpdate，但是它们并不是一
阅读全文
posted @ 2020-10-16 15:09
酷儿q
摘要：MVC（Model View Controller） Model：根据APP文档，model包括数据和操作数据的业务逻辑。View：view通常是UIKit控件的集合，不能直接引用model，并且视图本身没有任何业务逻辑。Controller：controller协调model和view之间的所有交
阅读全文
posted @ 2020-10-16 15:08
酷儿q
摘要：安装 更新 npm 至 >= @5.2.0 ，就会自动安装npx ；可以通过 which npx 来查看其绝对路径 ；如果由于某种原因它不可用，请按照以下说明安装或更新它即可： npm install -g npx 存在价值 多年来，npm 生态系统越来越倾向于将工具安装为项目本地 devDepen
阅读全文
posted @ 2020-10-16 15:06
酷儿q
摘要：1. jQuery 效果 - slideDown() 方法 定义和用法 slideDown() 方法通过使用滑动效果，显示隐藏的被选元素。（被选元素的高度发生变化） $(selector).slideDown(speed,callback) speed 可选。规定元素从隐藏到可见的速度（或者相反）。
阅读全文
posted @ 2020-10-16 15:05
酷儿q
摘要：常见的瀑布流实现大部分只适用于子块尺寸固定或内部有图片异步加载的情况。 而对于子块有图片这种可能引起尺寸变化的情况，通常的做法是写死图片高度，或检测内部的 img 元素从而在 onload 事件中进行重排。 由于我们业务中尺寸变化情况更为复杂，如子块本身异步初始化、内部数据异步获取，且这种尺寸变化时
阅读全文
posted @ 2020-10-16 15:04
酷儿q
摘要：插件下载地址及文档说明 1.引入必要的js和css核心文件 <link rel="stylesheet" href="../css/cropper.css"> <script src="../js/cropper.js"></script> <script src="https://cdn.stat
阅读全文
posted @ 2020-10-16 15:03
酷儿q
摘要：需求： 在小程序中使用canvas组件绘制地铁图，地铁图包括地铁线路、站点图标、线及站点名称文字，绘制元素为线、圆、图片、文字。 支持拖动平移和双指缩放。 问题： 小程序中的canvas性能有限，特别在交互的过程中不断触发重绘会引发严重卡顿。 基本实现 在不考虑优化的情况下，先说说如何实现绘制和交互
阅读全文
posted @ 2020-10-16 15:02
酷儿q
摘要：这几年vue.js成为前端框架中最火的一个。越来越多的网站前端开始采用vue.js开发。是开源世界华人的骄傲，其作者是我国尤雨溪。为了给个人开发提供更多的机遇打造出门槛低，成本低，跨设备和多平台的Vue.js. Vue.js是什么？ Vue.js是一个构建数据驱动的 web 界面的渐进式框架。Vue
阅读全文
posted @ 2020-10-16 14:58
酷儿q
摘要：一：理解 babel之配置文件.babelrc 基本配置项 1. 什么是babel? 它是干什么用的？ ES6是2015年发布的下一代JavaScript语言标准，它引入了新的语法和API，使我们编写js代码更加得心应手，比如class，let,for...of promise等等这样的，但是可惜的
阅读全文
posted @ 2020-10-16 14:57
酷儿q
摘要：在使用vue开发项目的时候，经常会遇到的一个问题就是：图片加载不出来。下面是我总结的几种图片加载不出来的情况及解决办法。 一、项目打包完成后，打开整体空白 1、路径问题 原因 在vue+webpack的项目中，项目打包之后的css和js的引用路径是绝对路径，项目部署之后会将静态当成根目录，就造成了文
阅读全文
posted @ 2020-10-16 14:55
酷儿q
摘要：如果你已经是编写 Angular 应用的”老手“，可能会觉得这篇文章介绍的这些特性自己肯定都很熟悉。但事实未必如此，不信的话等你看完再说。 1. Title Title 标签是一个 html 元素，用于指定网页标题。Title 标签作为给定结果的可点击标题，显示在搜索引擎结果页面（SERP）上。它们
阅读全文
posted @ 2020-10-16 14:51
酷儿q
摘要：JavaScript在2017年被IBM评为最值得学习的编程语言之一，自然而然它的流行度快速上升，并一直持续。这也促使了一个活跃的生态系统的生成以及与之相关的技术和框架的发展。 如今诞生了非常多的框架和库，如果对每一个框架没有一个大致的了解，恐怕很难抉择。如果你正在尝试选择一个合适的JavaScri
阅读全文
posted @ 2020-10-16 14:50
酷儿q
摘要：MongoDB 安装 安装文件下载地址：[https://www.mongodb.com/download-center/community] Windows 平台安装 MongoDB：https://www.runoob.com/mongodb/mongodb-window-install.htm
阅读全文
posted @ 2020-10-16 14:49
酷儿q
摘要：用css实现一个rate评分 ❗ 核心代码也就三行 效果图 原理 梳理如下： 去找个好看的iconfont，[Iconfont-阿里巴巴矢量图标库]；借用5个radio单选框，把默认样式都去掉，显示默认的星星；用checked伪类监听用户选中✅，由默认的星星变成高亮的星星；然后配合~兄弟操作符把当前
阅读全文
posted @ 2020-10-16 14:47
酷儿q
摘要：在做项目时，有时我们需要让 input 聚焦，为了让用户更好的使用。 让 input 聚焦 所有的浏览器都有一个内置的方法，让 input 聚焦。首先，我们需要获取元素。 在原生 js 中，我们可以使用下面方式来获取元素： <form> <input id="email" /> </form> co
阅读全文
posted @ 2020-10-16 14:46
酷儿q
摘要：能够向组件添加动态类名是非常强大的功能。它使我们可以更轻松地编写自定义主题，根据组件的状态添加类，还可以编写依赖于样式的组件的不同变体。 添加动态类名与在组件中添加 prop :一样简单。无论classname的计算结果是什么，都将是添加到组件中的类名。 当然，对于vue中的动态类，我们可以做的还有
阅读全文
posted @ 2020-10-16 14:45
酷儿q
摘要：Jest facebook推出的js单元测试的语言1.首先需要在项目文档中安装jest包2.创建需要进行单元测试的源代码函数3.创建测试文件，包含实际的测试代码 广州包装设计公司http://www.maiqicn.com 电脑刺绣绣花厂 ttp://www.szhdn.com 1 安装Jest 1
阅读全文
posted @ 2020-10-03 23:17
酷儿q
浙公网安备 33010602011771号