stylus

文章目录 触摸监听 Listener 示例 手势识别 GestureDetector 点击、双击、长按、水平滑动、垂直滑动 跟随手指移动效果 缩放效果 手势识别基类 GestureRecognizer 使用实例 自定义手势识别 在Android开发中，完整的触摸事件会经历：手指按下(ACTION_DOWN)、手指移动(ACTION_MOVE)、和手指抬起(ACTION_UP)，三个阶段，在Flutter中提供Listener组件来实现类似的功能。Android还提供了GestureDetector来帮助我们识别一些基本的触摸手势，如类似于：单击、双击、长按等操作，在Flutter中也提供了手势识别组件GestureDetector来实现类似的功能。 触摸监听 Listener 响应常见指针事件而调用回调的 widget。 查看构造函数支持的属性： const Listener({ Key key, this.onPointerDown,// 按下手指回调 this.onPointerMove,// 移动手指回调 this.onPointerUp,// 抬起手指回调 this.onPointerCancel,// 取消回调 this.onPointerSignal,// 该对象在触摸发生时回调 this.behavior = HitTestBehavior.deferToChild,

　　问题背景：点击上面的框，选中下面对象的行数据 　　刚开始考虑使用的是table的事件：toggleRowSelection，但是发现一个奇怪的现象 <div v- if = " orderData.length > 0 " > <h5>审核意见：</h5> <div class = " review bg_gray " v- for = " (item,index) in orderData " > <div class = " content " v- if = " item.review_data " > <span @click= " toggleSelection(0) " > <el-checkbox v-model= " checkList[item.order_id] " ></el-checkbox> </span> <span>{{item.review_data}}</span> </div> </div> </div> <el-button @click= " toggleSelection(0) " >选中状态</el-button> toggleSelection(index){ this .$refs.order.toggleRowSelection( this .orderData[index]); } 　　上面2个方法，一模一样

前言 出来工作几年了，平时在工作中主要使用谷歌浏览器，调试页面，查询资料，很难离得开这家伙。如何高效的使用谷歌浏览器？这是大多数人都希望知道，但是却很少做得到的一个事情。其实很不难，借助一套谷歌插件和养成使用习惯（认知度和熟悉度）便可。 在工作和平时使用电脑的过程中，有空的时候，喜欢搜索谷歌浏览器插件，有的插件安装了删了又安装，有的删除了永远不想找回来，有的安装了永远不敢删。折腾来折腾去就整了一套插件。一开始搜索折腾插件确实消耗我的时间，最后一整套插件出来，我对这些插件的使用习惯形成，大大提高（不只是工作）效率和上网的体验。 搜索篇 记得2年前我在阮大哥的博客看了一个话：软件是时间黑洞，它可以吞噬大量时间。我高度认同这个话，一个人的时间很有限，禁不起风吹雨打。网页上面的那些广告，美图（特别是美女图片），夸大的标题等等，很容易吸引个人去点击，浏览，时间一分一秒就过去，大多数情况下，这些内容毫无意义，没有营养，这就是吞噬时间。 再说个人时间和精力有限，不要在无用的信息上浪费。现在处于信息爆发时代，一个人随便发个微博，文章，是一个信息。这么多的用户，每天产生多少条信息，这个数量是很可怕的。其中，垃圾信息是占多数的。所以用好浏览器，躲开这些坑，很有必要。 最近发现，其实有种简单的模式使用浏览器，简单高效率。搜索过程分为2个页面：一个是搜索列表页面，例如国内的百度，必应，国外的谷歌

继续上篇 https://www.cnblogs.com/chenyingying0/p/12790111.html 修改webpack.config.js // 打包前端资源 const path = require('path' ) const VueLoaderPlugin = require("vue-loader/lib/plugin" ); module.exports = { entry: path.join(__dirname, "src/index.js" ), output: { filename: "boundle.js" , path: path.join(__dirname, "dist" ), }, module: { rules: [ { test: /\.vue$/ , loader: "vue-loader" , }, { test: /\.css$/ , use:[ 'css-loader' , 'style-loader' ] },{ test: /\.(gif|jpg|jpeg|png|svg)$/ , use:[ { loader: 'url-loader' , options:{ limit: 1024, // 小于1024的转base64格式 name:'[name]-cyy.[ext]' } } ] } ], }, plugins:

　　使用Vue+Webpack搭建工程时，在webpack.config.js中的module的rules里针对各种文件配置加载工具。在针对css文件配置时遇到一个问题：打包构建时报错——Module build failed: Unknown word。 　　配置内容如下： { 　　test: /\.css$/, 　　use: [ 　　　　'css-loader', 　　　　'style-loader' 　　] } 　　在网上找解决方案时看到一种方法，将这段配置注释掉，不会影响css代码的引入，也不会再报错，不过作者并未找到原因。但是，将该方法运用到我的代码中时没有作用，将配置注释掉后会报错：You may need an appropriate loader to handle this file type.——要求对该类型文件配置加载工具！ 　　试了几种方法并没有效果，后来想到视频教程中提到这些工具的作用：css-loader用于读取css文件，style-loader用于处理css-loader读取的文件，这里有没有依赖关系之类的，需要按照一定的顺序配置，于是将顺序调换了一下，配置如下： { 　　test: /\.css$/, 　　use: [ 'style-loader', 　　　　'css-loader' 　　] } 　　这样处理后，打包构建时没有报错了

成品图 1. 前言 我可以你同样也可以，相信你能做出这个页面之后其他的页面也就没什么太大问题 当给你一个小页面时你会觉得我可以，当一个大页面摆在你面前的时候你可能会逃避，觉得自己不可以，就是 因为一个大页面包含太多太多的小页面了，很繁琐。我们可以一步一步来将它慢慢的划分为一个个小的模块， 然后经过时间的洗礼，属于你的大页面就做出来了 复制代码 2. 简介 学习前端也有两个星期了 为了检测自己我决定将支付宝的首页作为自己的测试，巩固这段时间学到的东西和这段时间遗漏的东西还有学 习一些之前不足的东西，自己亲自去动手是一个很好的查漏补缺的过程 复制代码 3. 用到的编译器和插件 vscode stylus 3.1 可能部分小白对stylus（编写样式的）不是很了解，楼主在这里给大家做个简单的介绍，这时候有人机会问了 我有css为啥还要用stylus呢？ 3.1.1 因为stylus编写比css更加简洁（stylus能自动生成css）怎么说直接看图 我们发现stylus在书写中少了css中的 {}和： (上边stylus代码 下边css代码) 复制代码 3.1.2 stylus用起来更加方便管理，能很快找到相应元素的位置，排版更加系统化 我们发现当直接在父级元素中写自己元素的属性设置时自动生成在父级元素下的子级元素的属性设置， 我们还可以看到左边的小箭头所示可以将写好的代码展开和收起

【推荐阅读】微服务还能火多久？>>> 文章来自：http://www.jianshu.com/p/4a41a6df19a6，我自己调整了下 1、官方安装文档 http://dev.mysql.com/doc/mysql-yum-repo-quick-guide/en/ 2、下载 Mysql yum包 http://dev.mysql.com/downloads/repo/yum/ 下载到本地再上传到服务器，或者使用wget 直接下载 wget http: //repo.mysql.com/mysql57-community-release-el7-10.noarch.rpm 3、安转软件源 将 platform-and-version-specific-package-name 替换为你下载的rpm名 sudo rpm -Uvh platform- and- version-specific-package- name.rpm 例如 rpm -Uvh mysql57-community-release-el7- 10 .noarch .rpm 4、安装mysql服务端 yum install -y mysql-community- server 如果网络环境不是很好，执行完命令就可以去泡杯茶🍵或者荣耀杀一局（可以自己先下载好相应的rpm包或直接下载...bundle.tar压缩包）