毛玻璃实现效果

发表于 css3 分类,标签:
版本信息作者时间主要变更内容链接吴惟刚2022年4月28日css中filter的使用http://wuweigang.com/?id=375利用css实现毛玻璃效果利用filter滤镜blur实现毛玻璃效果,毛玻璃效果分以下两种弹出层为玻璃效果,页面其他地方清晰弹出层为清晰效果,页面其他地方模糊再有其他的场景,可以通过这两种演化示例1弹出层为玻璃效果,页面其他地方清晰,如下图:此效果主要是给弹出层背景容器,设置filter:blur(8px),注意背景一定要和底层背景完全融合。具体代码如下:<!DOCTYPEhtml><htmllang="en"><head>  <metacharset="UTF-8">  <title>...

css filter解析

发表于 css3 分类,标签:
版本信息作者时间主要变更内容链接吴惟刚2022年4月28日css中filter的使用http://wuweigang.com/?id=374filter滤镜CSSfilter目前效果特别强大,可用于将视觉效果设置为文本,图像和网页的其他方面。CSSfilter属性使我们能够访问颜色或模糊之类的效果,在显示元素之前先转移元素的呈现。filter语法1filter: none | invert() | drop-shadow() | brightness() | saturate() | blur() | hue-rotate() | contrast() | opacity() | grays...

图片收藏

发表于 html5 分类,标签:
一、花二、花png ...

node操作mysql入门

发表于 node 分类,标签:
 版本信息作者时间主要变更内容链接吴惟刚2022年04月21日node操作mysqlhttp://wuweigang.com/?id=372node操作mysql入门级环境准备mysql环境必须先安装mysql在mysql上传建一个数据库,例test可以通过navicat或者mysqlcmd面板创建123456//创建数据库CREATEdatabasetestcharacterset'utf8';//显示当前mysql的所有数据库SHOWdatabases;//使用刚创建的数据库USEtest;在test数据库中创建表创建表的语法1CREATETABLEtable_name(column_namecolumn_type);创建一个test表,字段有id,username,age,schoolmaddress1cr...

pm2 基础使用

发表于 node 分类,标签:
版本信息作者时间主要变更内容链接吴惟刚2022年4月18日无http://wuweigang.com/?id=369pm2是什么?pm2是node进程管理工具,可以将程序运行在后台,不受终端影响。node应用普通启动方式:1nodeapp.js这种方式关闭终端就结束进程;pm2可以后台运行,终端关闭不影响。1pm2startapp.jspm2安装1234567//npm方式npm instalpm2-g//cnpm方式cnpm instalpm2-g//yarn方式yarnglobal addpm2更新pm2更新pm2版本12345//npm方式npm instalpm2@latest-g//cnpm方式cnpm instalpm2@latest-g更新内存1pm2updatepm2...

git回退服务器版本

发表于 问题记录 分类,标签:
一、查看版本号:可以使用命令“gitlog”,从列表中找到:【你要恢复的版本号】二、使用“gitreset--hard目标版本号”命令将版本回退:【执行回退操作】三、使用“gitpush-f”提交更改:【强制推到服务器】此时如果用“gitpush”会报错,因为我们本地库HEAD指向的版本比远程库的要旧四、登录gitlab服务器,查看你退回的分支记录,成功回退到某版本!...

echarts 社区地址

发表于 echarts 分类,标签:
echarts原来的地址不能用了,以下地址可用https://www.makeapie.cn/echarts  https://www.isqqw.com/#/homepage  http://ppchart.com/#/  ...

百度地图API

发表于 问题记录 分类,标签:
百度地图开发平台https://lbsyun.baidu.com/jsdemo.htm#xRevAddressParseGroup  根据程序,查询坐标点http://api.map.baidu.com/lbsapi/getpoint/index.html ...

原生事件代理实现

发表于 JS 分类,标签:
版本信息作者时间主要变更内容链接吴惟刚2022/02/25事件代理http://wuweigang.com/?id=365概述事件代理对前端来说非常常见,尤其是jquery时代,我们为了提升性能,我们会尽量减少给每个元素绑定事件,而是给需要绑定事件的元素的父级绑定事件。原理将事件绑定在父级元素上,通过判断event.target对象,判断当前点击的元素是否是目标元素或者是目标元素的后代元素,决定是否触发事件回调函数。示例分三段,html,css,js,大家可以复制代码进行浏览器中测试。operateProxyEvent()函数,大家可以参考html123456789101112131415161718192021222324252627282930313233343536<!DOCTYPEhtml><htmllang="en"><...

经验谈-排查问题思路

发表于 问题记录 分类,标签:
各行各业,在工作过程中都会遇到问题,那解决问题的思路极其重要,以下以程序员为例(万事万物原理相通)方法:一、复杂事情简单化。我们遇到的问题基本都是在各种复杂的场景中,当我们在该场景里去查问题是十分困难的,可能依赖东西非常多,依赖组件,依赖后端,依赖中间件等等,所以面对这类事务,我们最好的方法是脱离原来的环境,将复杂的事情简单化。示例:当某个技术点在项目中出现错误,请把该技术点,拿出来,写个简单demo,模拟项目中的场景,保证demo流程是通的,如果简单demo都是错的,你在项目中实验万遍依旧是错的,浪费时间和精力,且得不到任何成效,当抽离到项目之外,东西变得极其简单后,你可能一眼就能问题所在二、程序执行流程,请将复杂的事情划分成多个阶段,且为各阶段标记好执行顺序。我们项目中遇到的问题总是非常复杂的,但是问题复杂是在于前面没规划好,如果我们将复杂事情划分多个小的事情,且标记好各...