反向设置网页内容可复制：例如，某些网站设置了不可复制，而你想要复制那些内容，那么，可以这样做：直接找到你想要复制的父元素的类名，打开网页的控制台执行以下三行代码，该父元素内的内容就能变成可复制的了。

聊聊近来学用vue3+element-plus，发现Date Picker 日期选择器 default-value设置默认值不起作用，记录下来官网文档给出的示例默认值都没显示，有图为证：解决办法将示例代码改为如下： {代码...} 效果演示CodePen Home element-plus Date Picker 日期选择器 default-value设置默认值总结其实也就是说设置default-value根...

一直以来，在Vue.js中使用Vue I18n来实现国际化多语言设置，以往都是手动去找到文件写翻译，比较繁琐复杂。现在从同事那里知道了一个很好用的vs code插件i18n-ally，可以构建和自动化翻译，分享给大家，也算是自己做个记录。而且，i18n-ally是官方推荐的第三方工具，真的是好用，谁用谁知道。首先在vs code中安装插件i18...

去年五六月份使用的quasar图标自动生成还是版本1的，版本1是Quasar App Extension，是要将其安装到项目文件夹中使用的，那时候用过，感觉这个很好用。

如题，iconfont的symbol引用 结合Quasar组件Svg-icons 实现动态加载字体库。详细的说，就是做左侧菜单的图标选择，图标库使用iconfont，采用symbol引用，而且要做到动态的读取阿里字体库文件的图标，加载到项目内。动态读取图标库的好处是用户可以自己做一套他自己的图标，配置在项目内的字典项中，然后代码无需修改，灵...

第一种后台返回路由，第二种后台返回权限。共同点：两种方法都可以实现需求前端都要维护一份路由地址与模块文件地址的映射后段返回的数据一般都要再遍历做二次处理有关页面内元素（按钮）的权限都要另做处理技术点都会涉及路由守卫和路由鉴权 差异点： 默认路由列表：方法一只维护home、login等无权限需求路由，其他路由...

实现效果 UI组件依然是使用Quasar Framework。 先来看一下效果： 实现Select: 可输入选项option，输入的option可清除 在官网的示例找到 Using menu and filtering，在此基础上进行修改，结合Customizing menu options自定义选项，实现选项的清除按钮。 Select: Filtering and adding to menu - Quasar Playground 在此代...

原本在 quasar table Multiple-selection 该例子中，表头行的左边已经有全选框了，产品考虑到，数据表格翻到下面后，想直接选全选，不想再翻上去选了，于是就有了，再表格下方增加一个全选的需求。

实现效果 UI组件依然是使用 Quasar Framework。 先来看一下效果： input type="number" 去掉上下小箭头 去掉上下小箭头，主要是css: {代码...} 实现加减按钮样式及功能 template： {代码...} css: {代码...} {代码...} methods: {代码...} 完整代码 请查看：Quasar Input:type="number" 去掉上下小箭头 实现加减按钮样式...

最近做一个表单弹出框，表单保存提交，但是，产品提出，用户不保存，而关闭弹出框时，要给出一个弹窗提示。这个功能，可以用watch监听表单数据。当数据表单发生变化，用户点击了关闭按钮，则根据监听结果来判断用户输入或编辑了数据，进而出现弹窗提示，让用户选择是否离开；当数据没发生变化，则不必提示。

示例中，我将selected-rows-label绑定的方法"getSelectedString"的返回值改为了""，因为我们这里不需要表格左下角显示选中数据的信息。

前段时间，接触到Quasar Framework 并使用了两周。一开始刚刚用Quasar的时候，因为时间紧急，没有系统的去看全部的文档，只是根据UI设计的效果图，去找类似的组件，然后再改造。一开始，真的是有种云遮雾罩的感觉，整个人都是懵逼的，看着文档，各种组件的API的解释说明和示例，用起来总觉得怪怪的。

现在项目中哟这样的一个需求，左边显示一棵树目录，点击目录的一级或二级节点，右边显示其子节点中的所有叶子节点，而且要求前端来做这个，不用调用接口请求了，那么，这里记录一下我的实现方法。点击叶子节点，是另外的显示，此处不做讨论。

上周加入新公司，开始做一个新的项目，项目文件夹还是空的，同事给我说用人人开源 / renren-fast这个框架，然后我去clone了人人开源 / renren-fast-vue这个前端项目，然后按照 renren-fast-vue Wiki 开始在本地部署运行。

话说，最早接触vue项目，是在2018年五六月份，那时候，是直接在合作方的小伙伴搭建好的一个前端项目框架里直接开始做项目模块功能了，他们那个项目中并没用到什么格式检查，依然是像在.js文件中写代码一样在.vue文件中写代码，格式也是vs code的自动保存格式就可以。然后，神烦的事情来了，2018年初底，我们自己的项目也...

说点儿闲话 上周一，技术主管忽然分给我一个任务，是微信页面的开发任务，专门指明了让用 iView Weapp来做。 iView Weapp是一套高质量的微信小程序 UI 组件库 意思很明显了，是开发微信小程序呢，之前从没做过小程序项目，不过很久之前自己学过一点儿，上手起来不难，这里分享一下实现的过程。 最终效果 先睹为快 安装小...

上一次做这种整理是2017年的 前端技术 博客文章、书籍 积累 这篇，因为平时工作中遇到一些问题，会查阅资料，然后思考解决办法，这些对我有帮助的资料，就收藏在了浏览器的标签文件里，天长日久，收藏的链接越来越多，打开翻找比较麻烦，即便是做了很多文件目录来分类，还是感觉不够，于是有了这次的整理。

在上一篇文章中 ListView 嵌套 ListView 滚动问题提到 大家平时都做过问卷、试卷，知道题目列表包含：大题的题目，小题的题目，小题的选项等，做这种布局需要用到不少组件，首先是列表ListView来显示题目列表和选项列表，选项中包括单选和多选，这就用到了Radio和Checkbox，题目中有些是简答题，这就用到了文本框TextFie...

APP中最常见的就是列表页面，上拉加载更多，下拉刷新，在Flutter中 ListView 是最常用的可滚动组件之一，这里我主要使用ListView实现列表加载，并配合RefreshIndicator组件实现下拉刷新；还会使用到ListView的嵌套使用等。

CupertinoActionSheet组件 -- ActionSheet in Flutter 在开发中，ActionSheet也是比较常用的控件，Flutter里面也提供了相应的控件CupertinoActionSheet。CupertinoActionSheet组件 -- ActionSheet in Flutter CupertinoActionSheet具体使用 {代码...} image_picker 使用相机或相册 在pubspec.yaml文件里添加： {代码...}...

这是几个常用的全局共用的提示框方法，在我之后的文章里可能会多次用到，这里统一记录一下。以下方法全部写在lib/common/toast.dart中。

Flutter官方建议您使用 dio 来发起网络请求，在学习过程中，也尝试过用dart io中的HttpClient发起的请求，这里主要讲一下dio的使用以及CookieJar、CookieManager管理cookie。

大部分app都有轮播图，一般是展示一些新闻公告通知等图片，在flutter最强大的siwiper, 多种布局方式，无限轮播，Android和IOS双端适配，github：flutter_swiper

最近在学习使用flutter开发app，由于是公司项目中使用到的技术，边学习，边投入到实际开发中，把自己使用到和学到的组件记录下来，总结一下，以便回顾。

原文： 笔记-Flutter 之点击空白处取消TextField焦点 {代码...} 把上面的代码放在最外层，你自己的布局就放在child里面，亲测有效。

最近在学习使用flutter开发app，由于是公司项目中使用到的技术，边学习，边投入到实际开发中，把自己使用到和学到的组件记录下来，总结一下，以便回顾。

一如前端深似海，从此节操是路人，从此再无安宁日，从此红尘是路人。要说技术更迭速度，还有比前端更快的么😂根本停不下来。这不，Google刚发布Flutter不到一年时间，1.0正式版发布不到两个月。阿里系的闲鱼老大哥，已经率先用Flutter重构了闲鱼，虽然没完全重构，但高频的重度页面都是Flutter的了。这一幕似曾相识，当初...

现在的问题是，在 vue history模式 项目中，一直是签名无效，iOS和Android 都不行。按照官方文档中的1~6排查了都没问题，打印出来的url编码前后和后端获取到的签名的url编码前后都是一致的，但就是一直 invalid signature 签名无效。

安装和环境配置 - Flutter 中文文档 - Flutter 社区中文资源打开上面的文档，开始准备Flutter 的安装和环境配置，在 flutter doctor 中遇到了各种报错，好在网友们都有各种解决办法，一搜就能搜到，解决了我遇到的问题，参考资料中都有，不再赘述；

时隔两年多，再次使用到了 ztree ，这次是在vue中引入使用，并遇到了一些小问题，在这里把经验和解决办法给大家分享下，共勉。ztree： zTree -- jQuery 树插件 官网简介 zTree v3.5 Demo 演示有关ztree的使用，之前整理过两篇在jquery中使用的方法，大家参考下：zTree -- jQuery 树插件 使用方法与例子zTree -- jQuery ...