第二世界

原创 Mac Book 升级Big Sur, VS Code 终端卡顿问题解决方案

Mac Book Pro升级到Big Sur版本后，VS Code 终端打字特别卡。。。转载于 MyWorldGC的文章解决方案如下：修改如下命令：将 /Applications/Visual\ Studio\ Code.app 替换成你本机 VSCode的路径，在Bash里面执行即可解决卡顿问题。。。codesign --remove-signature /Applications/Visual\ Studio\ Code.app/Contents/Frameworks/Code\ Helpe

原创 Python launcher 是个什么鬼？

有这么一种情况，两个文件a.py 需要用Python2.7版本执行，b.py需要用python3.7执行，怎么办？Python launcher根据文件头自动帮我们调用了指定版本的解释器来执行该文件。python2.7文件头#! python2.7 import sysprint(sys.version) # --------- 以上为文件内容， 以下为执行结果 -------...

原创 【fastadmin】利用后台清除缓存按钮，来清除自定义的缓存

然后利用tp框架清除指定的标签缓存。

原创 Fastadmin 工具栏 增加按钮，点击打开弹窗界面

Fastadmin 工具栏 增加按钮，点击打开弹窗界面

原创 聊天列表自动滚动到底部

通过js控制让聊天列表自动滚动到底部,

原创 Vue计时器和倒计时组件

Vue计时器组件和倒计时组件，二合一。

原创 微信小程序：在vscode上使用scss写样式，动态生成wxss

我配置成功的方式使用Live Scss Compiler插件vscode原生小程序支持scss微信小程序项目如何在vsCode上利用scss有效开发另外还有一种方式，但是我没弄成功。使用easy-scss微信开发者工具 使用scss 超级小白教程...

原创 CSS ios 父元素 border-radius元素 overflow:hidden失效问题 iPhone ios 苹果兼容问题

在父元素上加上这段代码 -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC); -webkit-mask-image: -webkit-radial-gradient(white

原创 iconfont svg图标引用后不能用fill更改颜色的解决方法

用iconfont自带的批量去色功能解决今天在使用 Symbol 代码引用图标时发现，设置颜色后，有一部分图标还是显示原始的颜色。原来这部分 svg图标带有 fill 属性，这种图标不能本地修改 fill 属性，需要在项目中移除默认颜色。...

原创 购物优惠券样式demo

效果资源html <div class="info flex coupon_parent"> <div class="left flex"> <p class="p1">优惠券</p> <div class="p2 coupon_box flex"> <div class="left flex_col"> <div class="

原创 基于canvas使用贝塞尔曲线平滑拟合折线段的方法

个别代码可能不理解，请回复我参考文章 let series = [ { x: 1, y: 0 }, { x: 2, y: 0 }, { x: 3, y: 1 }, { x: 4, y: 1.3 }, { x: 5, y: 1 }, { x: 6, y: 0 }, { x: 7, y: 0 }, { x: 8, y: 0 }, { x: 9, y: 0 },

原创 在Mac上alias的设置,以及使用iTerm后设置无效的修复

使用 Item2 终端, 设置 别名的时候, 按照 网上的说法, 是 去 修改 用户目录下的 .bashrc 或者 .bash_profile 这两个文件都可以, 把 alias 写在 这两个文件里面, 别名就会永久生效.但是 实现使用上, 发现一直 没有生效. 什么鬼原因呢?后面发现 使用 item2 并使用 .zsh 来设置 主题别名 alias...

原创 小程序防抖和节流

```handlebarsasdsadas```## 标题saasdasd## 标题aasdasdsa

原创 好用，常用的Vue插件集合

vue-cli常用插件集合element - 饿了么出品的Vue2的web UI工具套件Vux - 基于Vue和WeUI的组件库mint-ui - Vue 2的移动UI元素iview - 基于 Vuejs 的开源 UI 组件库Keen-UI - 轻量级的基本UI组件合集vue-material - 通过Vue Material和Vue 2建立精美的app应用muse-ui - 三端样式一致的响应式 UI 库vuetify - 为移动而生的Vue JS 2组件框架vonic - 快速构建移动

原创 Canvas连续切换绘制虚线和实线

待定

原创 微信小程序全局设置分享内容，适配Page构造器和Component构造器

// Page构成器 设置全局默认分享!(function () { var PageTmp = Page Page = function (pageConfig) { pageConfig = Object.assign( { onShareAppMessage: function () { let app = getApp() const sharedata = { title: '分享标题',

原创 Vue利用visibilitychange监听页面显示和隐藏

mounted() { document.addEventListener('visibilitychange', _this.handleVisiable) }, destroyed() { document.removeEventListener('visibilitychange', _this.handleVisiable) }, methods: { handleVisiable(e) { if (e.target.visibilityState

原创 前端tab界面数据缓存和预加载思路

效果点击第5周。缓存第5周数据，并预加载第4、6周数据。继续点击第6周，读取第6周缓存数据，第5周数据已缓存，所以只预加载第7周数据。点击第1周。缓存第1周，预加载第2周，第0周不加载。代码<script>export default { data() { return { dataInit: false } }, methods: { /** * 加载数据 * @param String week 加载指定周.

原创 absolute定位css元素居中的两种方法

1（上下左右居中，不能微调）position:absolute;left:0; right:0; top:0; bottom:0;margin:auto;2（上下左右居中，可微调）position:absolute;top:50%; left:50%;margin-top:-100px;(元素高度的一半)margin-left:-100px;(元素宽度的一半)3 横向居中position:absolute;left:calc(50% - 元素宽度一半);...

原创 mac chrome浏览器 保存密码功能失效

问题在80+版本的谷歌浏览器中，我的浏览器保存密码功能失效，输入账户，没有再弹出保存密码的弹窗，尽管我在设置中开启了保存密码的功能。解决Here’s a quick guide on how to do this:1. Navigate to the ~/<username>/Library folder.Note: <UserName> is just a placeholder for your own user name.2. Delete the main G

原创 Save All Resources插件使用方法，下载开发者工具source选项的

1、下载安装扩展。2、打开需要下载保存的网站并按快捷键F12打开开发者工具。3、翻到最后一个选项选择resourcessaver，点击Save All Resources即可

转载 vue实现带文字switch切换简化版

效果<template> <div class="toggle-button-wrapper"> <input type="checkbox" id="toggle-button" name="switch" :checked="checked" v-on="listeners" @change="onChange" /> <label for="toggle-button" class="button-label"> &

原创 switch开关组件Vue

效果代码<template> <div class="SwitchCp"> <label role="checkbox" :class="['switch', { value }]"> <input type="checkbox" class="switch-input" @change="toggle" /> <div class="switch-core" :style="{ backgroundColor

原创 解决在Gitee多个帐号上添加同一台机器的SSH公钥不能重复添加

参考文档在GitHub多个帐号上添加同一台机器的SSH公钥1.生成一个新的SSH KEYssh-keygen -t rsa -C '邮箱'在生成ssh key第二步中，修改新的ssh key文件名称和路径（正常连续三次回车）Enter file in which to save the key (~/.ssh/id_rsa): ~/.ssh/id_rsa2 #这里输入一个新的ssh key文件名2 新生成的ssh key 加到码云ssh key打开新生成的~/.ssh/id_rsa2

原创 Linux安装swooler扩展

1) 下载wget https://pecl.php.net/get/swoole-4.5.6.tgz2) 解压tar -xf swoole-4.5.6.tgz3)必要流程打开解压后的目录/usr/local/php7/bin/phpize./configure --with-php-config=/usr/local/php7/bin/php-configmake make installPHP的bin的具体路径可能不一致执行上面4条命令后，打开PHP module目录

原创 致命错误：ext/standard/php_smart_str.h：没有那个文件或目录 | centos安装redis扩展

引用引用链接一、发生背景：安装php-redis扩展时，打开php官网下载扩展，选择了版本redis-2.2.5.tgz。下载路径是：https://pecl.php.net/get/redis-2.2.5.tgz。　　然后使用make编译时，报错：……，致命错误：ext/standard/php_smart_str.h：没有那个文件或目录…编译中断。make: *** [redis.lo] 错误 1二、原因：在网上搜索后，得到的说法是：因为最新的 phpredis 分了几大分支,

原创 vue项目中滚动到某元素位置，使用scrollIntoView()

1.使用a标签+#号<a href="#box1">我跳到box1</a>上面这一种的缺点是，url会发生改变，会在url最后面加上片段识别符#box2，这样就改变了URL的路径，这是我们不想看到的。因为再次刷新的时候回出现问题。当使用 vue-router回退时，发现需要回退很多次。2.scrollTop滚动到某位置document.documentElement.scrollTop=380;//不需要加单位直接这句就可以实现滚动到某位置3.scrollIntoVi

原创 Vue 三种带文字分割线实现方式

第一种利用::before 和 ::after实现 <div class="not_has_more"> 常用品牌 </div> .not_has_more { margin: 40px 0; line-height: 50px; text-align: center; position: relative; height: 33px; font-size: 24px; font-family: .

原创 html2canvas应用问题概览

问题1使用以下省略文本样式，会绘制不出来 white-space: normal; /** 不能设置为这个 white-space:nowrap; 这个意思为不换行 **/ width: 200px; word-break: break-all; text-overflow: ellipsis; display: -webkit-box; /** 对象作为伸缩盒子模型显示 **/ -webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排

原创 解决iOS上vue for循环中，删除带有absolute定位的元素，absolute元素没被删除

问题截图问题代码 <div class="list flex"> <div v-for="(v, idx) in allergyList" class="item flex" :key="idx"> {{ foreStamp['allergy'] }}{{ v }} <img @click="add('allergy', v)" src="../assets/images/my_food/add.png" alt="" /> <

原创 恭喜QGhappy获得第五冠

转载 vue常用插件集合

vue-cli常用插件element - 饿了么出品的Vue2的web UI工具套件Vux - 基于Vue和WeUI的组件库mint-ui - Vue 2的移动UI元素iview - 基于 Vuejs 的开源 UI 组件库Keen-UI - 轻量级的基本UI组件合集vue-material - 通过Vue Material和Vue 2建立精美的app应用muse-ui - 三端样式一致的响应式 UI 库vuetify - 为移动而生的Vue JS 2组件框架vonic - 快速构建移动端

原创 引入Vant组件并改变其样式

在加了scoped的style中重写样式 失效，因此另加一个不带scoped 的 style即可<style lang="scss">.main_page_process { //vant 组件类名 .van-progress__portion { box-shadow: 0px 6px 12px 0px rgba(255, 102, 102, 0.5) !important; }}.baby_desc_swiper { //vant 组件类名 .van-swip

原创 低端机position fixed 绝对定位不显示

修复用元素滚动替代界面滚动#page { width: 100vw; height: 100vh; overflow-y: scroll; overflow-x: hidden;}

原创 利用mask-image实现图片显示部分进度

效果图code<html> <header> <style> .demo { position: relative; } .icon { width: 100px; } .icon2 { position: absolute; left: 0; top: 0; width: 100px;

原创 如何v-html 内的元素加样式

使用 ::v-deephtml<div id="rich_text" v-html="content" class="desc content"></div>CSS #rich_text { ::v-deep p { margin: 32px 32px 0; font-size: 28px; font-family: PingFangSC-Regular, PingFang SC; font-weight:

原创 Vue-元素曝光(判断元素是否在可视区域内)（一）

IntersectionObserver介绍intersection-observer npm包实际运用

原创 Vue-元素曝光(判断元素是否在可视区域内)（二）

IntersectionObserver介绍intersection-observer npm包实际运用

原创 Access-Control-Allow-Origin‘ header in the response must not be the wildcard ‘*‘ when the request‘s

报错Access-Control-Allow-Origin' header in the response must not be the wildcard '*' when the request's credentials mode is 'include'.原因：后台不能使用通配符 ‘*’，否则前端报错；请求的origin和后台设置的origin不一致。解决方案：（1）前端代码不用动。后台 为‘Access-Control-Allow-Origin’设置动态的ori

转载 swiper轮播图在vue中实现显示3张图片,一个完整的两边显示一半

这里是引用https://blog.csdn.net/weixin_44237806/article/details/100141698安装 yarn add swiper vue-awesome-swiper引用局部引用import Swiper from 'swiper/swiper-bundle.min.js'import 'swiper/swiper-bundle.min.css'swiper效果图,图片路径自己更改吧这个<template> <.