w

详解html-webpack-plugin使用

最近在react项目中初次用到了html-webapck-plugin插件,用到该插件的两个主要作用:为html文件中引入的外部资源如script、link动态添加每次compile后的hash,防止引用缓存的外部文件问题可以生成创建html入口文件,比如单页面可以生成一个html文件入口,配置N个html-webpack-plugin可以生成N个页面入口1 »

canvas绘制图片drawImage使用方法

不得不说,html5中的canvas真的非常强大,从图片处理,到视频处理,再到游戏开发,都能见到canvas的身影,然而,就这一个<canvas>标签,功能居然如此强大,这主要归功于canvas强大的API,也正是因为这么多的API,让很多人对canvas望而却步。 drawImage绘制图片 drawImage是canvas提供的一个方法,通过这个函数我们可以把一张图片绘制到canv... »

AmazeUI的下载配置与Helloworld的实现

AmazeUI仅仅用来做移动端的网页还是不错的,其HTML5的特性等很符合手机浏览器的特点。 »

wordpress添加Html5的表单验证required方法小结

表单验证是防止垃圾评论的一个方面,wordpress已经自带了严格的验证方法,随着HTML5的推广支持,我们可以在WordPress评论表单上添加Html5的表单验证方法验证方法,增加用户的良好体验1、required 属性定义和用法required 属性规定必需在提交之前填写输入字段。 »

详解CSS3 filter:drop-shadow滤镜与box-shadow区别与应用

要使用标准的CSS3实现某元素的投影效果,有两个套路,第一个就是使用常见的box-shadow, 第二个就是使用CSS3的filter阴影滤镜drop-shadow,那这两个阴影实现有什么具体的差异呢? 一、兼容性不一 CSS3 box-shadow从IE9浏览器开始就支持了,兼容性如下截图: 而filter中的drop-shadowIE13才开始支持,移动端Android4.4才开始支... »

浅谈css当中:focus-within的好玩之处

相信有些人看到过这个B站输入密码就遮眼睛的这个图 这里我们用:focus-within玩一把 布局是这样的 外面有一个ctn 可以忽略,就是一个居中固定位置而已 xPassword在没点击之前里面的“suo”这个图是隐藏的 xPassword 同级屁股后的“r6m”此时是显示的 当我们一点击xPassword后同级第一张图‘r6m&rsq... »

idea发布web项目后Tomcat服务器找不到该项目的问题及解决方法

概述项目创建成功,项目部署也成功了,但Tomcat服务器找不到该项目,如下图第二种情况:当你修改了项目的名字,你也需要按照第一种情况重新部署项目。您可能感兴趣的文章:idea配置tomcat启动web项目的图文教程Idea2020.2创建JavaWeb项目方法详解IDEA运行导入的javaweb项目tomcat正常,但是运行失败404问题在idea中将创建的java web项目部署到Tomcat中... »

idea发布web项目后Tomcat服务器找不到该项目的问题及解决方法

概述项目创建成功,项目部署也成功了,但Tomcat服务器找不到该项目,如下图第二种情况:当你修改了项目的名字,你也需要按照第一种情况重新部署项目。您可能感兴趣的文章:idea配置tomcat启动web项目的图文教程Idea2020.2创建JavaWeb项目方法详解IDEA运行导入的javaweb项目tomcat正常,但是运行失败404问题在idea中将创建的java web项目部署到Tomcat中... »

js+canvas实现图片格式webp/png/jpeg在线转换

功能需求: 我们在网页中上传一张图片,选择不同的格式,将该图片转换为对应的格式。 实现思路: 实现这样的功能,使用后端语言【php,java等】可以很容易的完成。但是如果只在前端如何完成呢? 1、通过input上传图片,使用FileReader将文件读取到内存中。 2、将图片转换为canvas,canvas.toDataURL()方法设置为我们需要的格式,如:”image/webp&#... »

GTK treeview原理及使用方法解析

GtkTreeView 构件是一个高级的构件,利用他你就可以制作出漂亮的普通列表或者是树状的列表。这个构件里可以包含一或者多行。他的构架呢?正是采用了大名鼎鼎的MVC (Model View Controller) 设计框架。也就是说数据和显示方式是进行了一种分离的操作。 于是在GtktreeView构件中确实还有着其他几个独立的对象结构(objects)。 其中 GtkCellRenderer ... »

探索浏览器页面关闭window.close()的使用详解

说起来window.close(),这也是个“不太让人省心”的角色。因为浏览器兼容性千差万别,还对他有诸多限制。 使用语法: window.close() 场景复现 昨天发现有人在csdn上传违禁文件,举报后来到了这个页面: 里面那个按钮发现点击无效! 就。。。当时就挺尴尬的。 不过既然它说是【关闭】,当时就想到了这个堪称“漏洞百出”的close事件,F12打开控制台一看:果不其然 看到这顿时就来... »

ASP.Net中的async+await异步编程的实现

在.NET Framework4.5框架、C#5.0语法中,通过async和await两个关键字,引入了一种新的基于任务的异步编程模型(TAP)。在这种方式下,可以通过类似同步方式编写异步代码,极大简化了异步编程模型。 用法: public async Task<int> GetDotNetCountAsync() { // Suspends GetDotNetCount() to a... »

Nginx Rewrite使用场景及配置方法解析

Nginx Rewrite使用场景1.URL地址跳转,例如用户访问pm.com将其跳转到baidu.com或者当用户通过http的方式访问时,将其跳转至https的方式访问。 »

Android实现长按圆环动画View效果的思路代码

.start() }三、效果展示最终实现效果图虽然没有上面那么好看,但基本效果还是达到了四、全部代码package cn.xmliu.melongo.viewimport android.animation.ValueAnimatorimport android.content.Contextimport android.graphics.*import android.util.Attribu... »

php使用Swoole实现毫秒级定时任务的方法

php使用Swoole实现毫秒级定时任务的方法

项目开发中,如果有定时任务的业务要求,我们会使用linux的crontab来解决,但是它的最小粒度是分钟级别,如果要求粒度是秒级别的,甚至毫秒级别的,crontab就无法满足,值得庆幸的是swoole提供的强大的毫秒定时器。 应用场景举例 我们可能会遇到这样的场景: 场景一:每隔30秒获取一次本机内存使用率 场景二:2分钟后执行报表发送任务 场景三:每天凌晨2点钟定时请求第三方接口,如果接口有数据... »

C# 实现dataGridView选中一行右键出现菜单的示例代码

在窗体中添加DataGridView控件和ConTextMenuStrip1控件,修改DataGridView属性,将contextMenuStrip控件绑定dataGridView控件 this.dataGridView1.SelectionMode = DataGridViewSelectionMode.FullRowSelect; //选中整行可在属性中修改 datagridview.Aut... »

vue插件–仿微信小程序showModel实现模态提示窗功能

效果图: 下面是源码: index.js import Vue from 'vue'; import model from './model.vue'; export default { install(Vue) { const defaults = { show: false, mask: true, title: '提示', content: '这是正文', confirmButton: tr... »

PHP实现Snowflake生成分布式唯一ID的方法示例

前言 Twitter 的 snowflake 在分布式生成唯一 UUID 应用还是蛮广泛的,基于 snowflake 的一些变种的算法网上也有不少。使用 snowflake 生成 UUID 很多都是在分布式场景下使用,我看了下网上有其中有几篇 PHP 实现的都没有考虑到线程安全。现在 PHP 有了 Swoole 的锁和协程的加持,对于我们开发线程安全和高并发模拟还是很方便的,这里用 PHP 结合 ... »

Node.js web 应用如何封装到Docker容器中

小小又开始学习新的内容了。这次学习的是,把一个Node.js 应用封装到Docker容器,完成本教程的前提是拥有一个可以安装的,已经正常可以工作的Docker。以及对Node.js应用如何工作,有一个大致的了解。 本教程的第一部分,需要创建一个Web应用程序,然后为这个应用程序构建一个Docker镜像,最后把这个镜像作为容器进行运行。 Docker允许应用对依赖进行打包完成一个标准化的单元,这是一... »

微信小程序wx.getUserInfo授权获取用户信息(头像、昵称)的实现

这个接口只能获得一些非敏感信息,例如用户昵称,用户头像,经过用户授权允许获取的情况下即可获得用户信息,至于openid这些,需要调取wx.login来获取。 »

Swoole源码中如何查询Websocket的连接问题详解

问题 我们项目的 Websocket Server 使用的 Swoole,最近在搭建 beta 环境的时候发现 Websocket 协议虽然升级成功了,但是会出现定时重连,心跳、数据也一直没有发送。项目的生产环境和 beta 一致,但是生产环境确没有这个问题。 定位问题 为了方便调试 Swoole,以下测试是在本地环境下进行。 查看 PHP 日志 在 PHP 日志里,发现一条错误日志: Error... »

Vue 使用typescript如何优雅的调用swagger API

Swagger 是一个规范和完整的框架,用于生成、描述、调用和可视化 RESTful 风格的 Web 服务,后端集成下Swagger,然后就可以提供一个在线文档地址给前端同学。 前端如何优雅的调用呢? 入门版 根据文档,用axios自动来调用 // 应用管理相关接口 import axios from '../interceptors.js' // 获取应用列表 export const getL... »

微信小程序通过websocket实时语音识别的实现代码

之前在研究百度的实时语音识别,并应用到了微信小程序中,写篇文章分享一下。 先看看完成的效果吧 前置条件 申请百度实时语音识别key 百度AI接入指南 创建小程序 设置小程序录音参数 在index.js中输入 const recorderManager = wx.getRecorderManager() const recorderConfig = { duration: 600000, frame... »

shell 里 awk print 的用法详解

首先, 你需要先了解awk 的工作原理: 1。AWK读取输入文件一次一行。 2。对于每一行,它匹配在给定的顺序模式,如果匹配,执行相应的动作。 3。如果没有模式匹配,将执行任何行动。 4。在上面的语法,无论是搜索模式,或行动是可选的,但不能同时。 5。如果没有给出搜索模式,然后awk要执行每一行输入给定的行动。 6。如果没有给出动作,打印,这是默认的操作与模式相匹配的所有行。 7。空出的任何行动括... »

C# 9 中新加入的关键词 init,record,with

一:背景 1. 讲故事 .NET5 终于在 2020-08-25 也就是大前天发布了第八个预览版,这么多的预览版搞得我都麻木了,接踵而来的就是更多的新特性加入到了 C# 9 中,既然还想呆在这条船上,得继续硬着头皮学习哈,这一篇跟大家聊聊新增的几个关键词。 二:新增关键词 1. init 出来一个新语法糖,首先要做的就是去揭它的老底,这样可以方便推测它的应用场景,为了方便表述,我先上一个例子: p... »

Page 1 of 468123»