首页
留言
友情链接
标签页
Search
1
如何使用JavaScript获取和设置CSS root变量值
1,008 阅读
2
中国历史朝代顺序图
627 阅读
3
春和 《江海共余生》
442 阅读
4
hyperf常用命令
371 阅读
5
清除浮动,单行多行超出用...
354 阅读
分享
Web前端
html&css
javascript
Vue
shopify
shoplazza
后端
ThinkPHP
YII2
服务器端
软件安装
问题合集
故事
诗词
生活
学习
学科
语文
数学
英语
物理
化学
生物
政治
历史
地理
自然
其他
抖音
快手
小视频
随笔
易经
书摘
登录
/
注册
Search
标签搜索
一年级语文
sunshine
累计撰写
146
篇文章
累计收到
15
条评论
首页
栏目
分享
Web前端
html&css
javascript
Vue
shopify
shoplazza
后端
ThinkPHP
YII2
服务器端
软件安装
问题合集
故事
诗词
生活
学习
学科
语文
数学
英语
物理
化学
生物
政治
历史
地理
自然
其他
抖音
快手
小视频
随笔
易经
书摘
页面
留言
友情链接
标签页
搜索到
145
篇与
的结果
2024-03-29
css 滚动条优化问题
假设最外层容器命名为outer,那么特定的这个区域滚动条的优化如下: .outer { width: 200px; height: 200px; border: 1px solid red; display: block; overflow-x: scroll; /* Enable scroll for the y-axis */ overflow-y: hidden; /* Disable scroll for the x-axis */ } .inner { height: max-content; /* Use max-content or a fixed height */ width: max-content; /* Use max-content or a fixed width */ } /* 整个滚动条 */ .outer::-webkit-scrollbar { width: 5px; /* 设置滚动条的宽度 */ height: 5px; /* 设置滚动条的高度 */ } /* 滚动条轨道 */ .outer::-webkit-scrollbar-track { background: #f1f1f1; /* 设置轨道的背景颜色 */ } /* 滚动条的滑块 */ .outer::-webkit-scrollbar-thumb { background: #fc9a41; /* 设置滑块的背景颜色 */ } /* 当鼠标悬停在滑块上 */ .outer::-webkit-scrollbar-thumb:hover { background: #fc9a41; /* 设置滑块在悬停状态下的背景颜色 */ } <div class="outer"> <div class="inner"> test content </div> </div>
2024年03月29日
78 阅读
0 评论
1 点赞
2023-12-12
npm install 问题:This is a problem related to network connectivity
解决办法:1. 执行如下命令 代理置为空npm config set proxy null2. 运行如下命令清理缓存npm cache clean --force3. 配置npm源npm config set registry https://registry.npmmirror.com4. 再次执行安装命令
2023年12月12日
169 阅读
0 评论
0 点赞
2023-11-30
shell清空文件内容
以下是三种不同的实现方法来清空文件内容:方法一:使用重定向符号">"来清空文件内容。> file.txt该命令将把文件file.txt的内容清空,如果文件不存在则会创建一个空文件。方法二:使用重定向符号">"和/dev/null来清空文件内容。> file.txt 2>/dev/null该命令与方法一类似,但它还将标准错误输出重定向到了/dev/null,以防止任何错误消息显示在终端上。方法三:使用echo命令和重定向符号">"来清空文件内容。echo -n > file.txt该命令通过echo命令的"-n"选项来输出一个空字符串,并将其重定向到file.txt文件,从而清空文件内容。请注意地,这种方法会在文件中留下一个空行。
2023年11月30日
135 阅读
0 评论
1 点赞
2023-11-24
Yii2 的 components 是干什么的?底层原理是什么?
在 Yii2 中,components 是用于配置和管理各种应用程序组件的关键部分。组件是 Yii2 框架中的基本构建块,可以是数据库连接、缓存、日志处理、邮件发送等。通过在配置文件中定义 components,我们可以在整个应用程序中轻松访问和使用这些组件。底层原理:组件的配置:在 Yii2 中,组件配置是以数组的形式定义在应用程序的配置文件中,通常是 config/web.php 或 config/console.php。配置文件可以定义多个组件,每个组件都有一个唯一的名称,用于在应用程序的其他部分引用和访问该组件。组件的实例化和注册:当应用程序启动时,Yii2 框架会根据配置文件中的组件定义,实例化并注册这些组件。这意味着当你访问应用程序的某个组件时,Yii2 会返回该组件的实例,并且这个实例将在整个应用程序的生命周期内保持不变,以确保组件的单例模式。组件的访问:要在 Yii2 应用程序中访问组件,可以使用 Yii::$app->componentName 的方式,其中 componentName 是在配置文件中定义的组件名称。通过这种方式,你可以在任何地方访问和使用组件的功能,而不需要重复实例化或管理组件的生命周期。组件的依赖注入:Yii2 框架还支持组件之间的依赖注入。这意味着你可以在定义一个组件时,通过 depends 属性指定该组件依赖于其他组件。这样,当实例化一个组件时,Yii2 会自动解析和注入该组件所依赖的其他组件,使组件之间的耦合度降低,代码更加灵活和可维护。示例:以下是一个简单的组件配置示例,演示了如何定义一个数据库连接组件和一个缓存组件:return [ 'components' => [ 'db' => [ // 数据库连接组件 'class' => 'yii\db\Connection', 'dsn' => 'mysql:host=localhost;dbname=mydatabase', 'username' => 'db_user', 'password' => 'db_password', 'charset' => 'utf8', ], 'cache' => [ // 缓存组件 'class' => 'yii\caching\FileCache', ], // 其他组件的配置... ], // 应用程序的其他配置... ];在上述示例中,我们定义了两个组件:db 是一个数据库连接组件,使用了 yii\db\Connection 类来表示数据库连接;cache 是一个缓存组件,使用了 yii\caching\FileCache 类来表示文件缓存。通过在代码中使用 Yii::$app->db 和 Yii::$app->cache,我们可以在整个应用程序中访问和使用这两个组件的功能。总结:components 是 Yii2 框架中用于配置和管理应用程序组件的关键部分,底层原理是通过配置文件中的数组定义来实例化和注册这些组件,并通过依赖注入实现组件之间的耦合。
2023年11月24日
69 阅读
0 评论
0 点赞
2023-11-23
Nginx报504 Gateway Time-out的问题
修改nginx子配置文件location / { # 注意这儿,一般这三个配套修改 uwsgi_connect_timeout 600; # 指定连接到后端uWSGI的超时时间。 uwsgi_read_timeout 600; # 指定接收uWSGI应答的超时时间,完成握手后接收uWSGI应答的超时时间。 uwsgi_send_timeout 600; # 指定向uWSGI传送请求的超时时间,完成握手后向uWSGI传送请求的超时时间。 uwsgi_pass 127.0.0.1:5000; include uwsgi_params; }修改nginx主配置文件修改buffer相关fastcgi_buffers 2 256k; fastcgi_buffer_size 128k; fastcgi_busy_buffers_size 256k; fastcgi_temp_file_write_size 256k;假如你使用Nginx只是作为反向代理,那么你修改的这个时间应该对应调整为# 注意这儿,一般这三个配套修改 proxy_connect_timeout 600; proxy_read_timeout 600; proxy_send_timeout 600;假如你使用的是fastcgi, 那么你修改的这个时间应该对应调整为# 注意这儿,一般这三个配套修改 fastcgi_connect_timeout 600; fastcgi_read_timeout 600; fastcgi_send_timeout 600;
2023年11月23日
77 阅读
0 评论
1 点赞
2023-09-24
唐诗三百首(26-30)
李白《峨眉山月歌》峨眉山月半轮秋,影入平羌江水流。夜发清溪向三峡,思君不见下渝州。大意:高峻的峨眉山前,悬挂着半轮秋月。流动的平羌江上,倒映着精亮月影。夜间乘船出发,离开清溪直奔三峡。想你却难相见,恋恋不舍去向渝州。这是李白初次出四川时创作的一首依恋家乡山水的诗,写诗人在舟中所见的夜景。全诗连用五个地名,通过山月和江水展现了一幅千里蜀江行旅图,语言自然流畅,构思新颖精巧,意境清朗秀美,充分显示了青年李白的艺术天赋。李白《渡荆门送别》渡远荆门外,来从楚国游。山随平野尽,江入大荒流。月下飞天镜,云生结海楼。仍怜故乡水,万里送行舟。大意:我乘舟渡江来到遥远的荆门外,来到战国时期楚国的境内游览。高山渐渐隐去平野慢慢舒展开,江水一片仿佛流进广阔的莽原。波中月影宛如天上飞来的明镜,空中彩云结成绮丽的海市蜃楼。但我还是更爱恋故乡滔滔江水,它奔流不息陪伴着我万里行舟。这首诗是李白在出蜀途中,从荆门渡过长江,前去游览楚国故地的作品。诗中描绘了渡过荆门后的所见所感,表达了作者对故乡的留恋和对自然的赞美之情。李白《独坐敬亭山》众鸟高飞尽,孤云独去闲。相看两不厌,只有敬亭山。大意:众鸟高飞无影无踪,孤云独去自在悠闲。你看我,我看你,彼此之间两不相厌,只有我和眼前的敬亭山了。此诗表面是写独游敬亭山的情趣,而其深含之意则是诗人生命历程中旷世的孤独感。诗人以奇特的想象力和巧妙的构思,赋予山水景物以生命,将敬亭山拟人化,写得十分生动。作者写的是自己的孤独和自己的怀才不遇,但更是自己的坚定,在大自然中寻求安慰和寄托。《独坐敬亭山》是唐代诗人李白创作的一首诗,是表现诗人自己精神世界的佳作。 该诗表面是写独游敬亭山的情趣,而其深含之意则是诗人生命历程中旷世的孤独感。诗人以奇特的想象力和巧妙的构思,赋予山水景物以生命,将敬亭山拟人化,写得十分生动。全诗似乎全是景语,无一情语,然而,由于景是情所造,因而,虽句句是景,却句句是情。李白《登金陵凤凰台》凤凰台上凤凰游,凤去台空江自流。吴宫花草埋幽径,晋代衣冠成古丘。三山半落青天外,二水中分白鹭洲。总为浮云能蔽日,长安不见使人愁。 大意:凤凰台上曾经有凤凰来悠游,凤去台空只有江水依旧奔流。吴国宫殿的鲜花芳草遮没荒凉小径,晋代多少王族已成荒冢古丘。三山云雾中隐现如落青天外,江水被白鹭洲分成两条河流。那些悠悠浮云总是遮蔽太阳的光辉,登高不见长安城,怎么不让人内心沉痛忧郁。——李白《登金陵凤凰台》《登金陵凤凰台》是唐代伟大诗人李白登金陵凤凰台而创作的怀古抒情之作。 《登金陵凤凰台》主要内容为李白从六朝的帝都金陵看到了唐的都城长安,把历史的典故,眼前的景物和诗人自己的感受,交织在一起。表达了深沉的历史感喟与清醒的现实思索。此诗气韵高古,格调悠远,体现了李白诗歌以气夺人的艺术特色。 历代对崔颢《黄鹤楼》的评价都非常高,而对李白《登金陵凤凰台》多有贬低。其实李诗不论是艺术性还是思想性都胜于崔诗,即所谓“青出于蓝,而胜于蓝”。李白《春夜洛城闻笛》谁家玉笛暗飞声,散入春风满洛城。此夜曲中闻折柳,何人不起故园情。 大意:是谁家精美的笛子暗暗地发出悠扬的笛声?随着春风飘扬,传遍洛阳全城。就在今夜的曲中,听到故乡的《折杨柳》,哪个人的思乡之情不会因此而油然而生呢?此诗抒发了诗人客居洛阳夜深人静之时被笛声引起的思乡之情,其前两句描写笛声随春风而传遍洛阳城,后两句写因闻笛而思乡。全诗扣紧一个“闻”字,抒写诗人自己闻笛的感受,合理运用想象和夸张,条理通畅,感情真挚,余韵无穷。《春夜洛城闻笛》是唐代诗人李白创作的七言绝句,出自《全唐诗》。 这首诗是公元734年(唐玄宗开元二十二年)或公元735年(唐玄宗开元二十三年)李白游洛阳时所作。当时李白客居洛城,大概正在客栈里,偶然听到笛声而触发思乡之情,所以写下此诗。该诗抒发了作者客居洛阳夜深人静之时被笛声引起的思乡之情,前两句描写笛声随春风而传遍洛阳城,后两句写因闻笛而思乡。全诗扣紧一个“闻”字,抒写自己闻笛的感受,合理运用想象和夸张,条理通畅,感情真挚,余韵无穷。 谁家玉笛暗飞声,散入春风满洛城。此夜曲中闻折柳,何人不起故园情。
2023年09月24日
121 阅读
0 评论
0 点赞
2023-09-18
OpenSSL SSL_read: Connection was reset, errno 10054
使用git获取github报错修改设置,解除ssl验证git config --global http.sslVerify "false" 此时,再执行git操作即可。
2023年09月18日
117 阅读
0 评论
1 点赞
2023-08-29
shell sh 使用汇总
数据库备份#!/bin/bash /home/soft/mysql-5.7.36/bin/mysqldump -uxxxx -P3307 -h 127.0.0.1 -pxxxx sunshine2 | gzip > /home/backup/sunshine_$(date +%Y%m%d).sql.gz black.sh 防止恶意登录#!/bin/bash cat /var/log/secure|awk '/Failed/{print $(NF-3)}'|sort|uniq -c|awk '{print $2"="$1;}' > /root/black.txt DEFINE="10" for i in `cat /root/black.txt` do IP=`echo | awk '{split("'${i}'",array,"=");print array[1]}'` NUM=`echo | awk '{split("'${i}'",array,"=");print array[2]}'` if [ $NUM -gt $DEFINE ];then grep $IP /etc/hosts.deny > /dev/null if [ $? -gt 0 ];then echo "sshd:$IP:deny" >> /etc/hosts.deny fi fi done 清理释放内存#!/bin/bash Mem=$(free -m | awk 'NR==2' | awk '{print $4}') if [ $Mem -gt 1024 ]; then echo "Service memory capacity is normal" > /dev/null else sync echo "1" > /proc/sys/vm/drop_caches echo "2" > /proc/sys/vm/drop_caches echo "3" > /proc/sys/vm/drop_caches sync fi nginx#!/bin/bash if [[ -z $1 ]];then echo -e "\033[32m输入格式:$0 stop|star|reopen|reload\033[0m" exit; fi case $1 in reload ) /home/soft/nginx/sbin/nginx -s reload ;; stop ) /home/soft/nginx/sbin/nginx -s stop ;; start ) /home/soft/nginx/sbin/nginx ;; reopen ) /home/soft/nginx/sbin/nginx -s stop && /home/soft/nginx/sbin/nginx ;; test ) /home/soft/nginx/sbin/nginx -t ;; * ) echo "invalid params" ;; esac if [ $? == 0 ];then echo -e "\033[32mnginx $1 success !\033[0m" fi redis#!/bin/bash cd /home/soft/redis-6.2.6 nohup redis-server /home/soft/redis-6.2.6/etc/redis-6350.conf > start.log 2>&1 & echo -e "\033[32m redis is running ... \033[0m";
2023年08月29日
78 阅读
0 评论
1 点赞
2023-08-28
javascript 邮箱校验
javascript 邮箱校验function isEmail(str) {var reg = /^([a-zA-Z]|[0-9])(\w|\-)+@[a-zA-Z0-9]+\.([a-zA-Z]{2,4})$/;return reg.test(str);}
2023年08月28日
90 阅读
0 评论
0 点赞
2023-08-21
Shopify metafields json 使用方法
定义一个json格式的属性,假设定义成:product.metafields.custom.clothes在产品中设定的值为:{ "color":"red", "size":"M", "weight":"0.2kg" }在Liquid页面中使用方法:<div>color: {{ product.metafields.custom.clothes.value.color }}</div> <div>size: {{ product.metafields.custom.clother.value.size }} </div>
2023年08月21日
118 阅读
0 评论
2 点赞
1
...
6
7
8
...
15