w

详解html-webpack-plugin使用

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

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

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

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 属性规定必需在提交之前填写输入字段。 »

浅谈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中... »

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... »

Android自定义View实现选座功能

我们在安卓开发中安卓自带的控件满足不了我们的需求,因此我们就需要用到自定义View来满足我们的需求,在这里我要讲解的是自定义View实现选座功能,在安卓中一个会使用自定义View的人一定会开发出与众不同以及美观的项目首先,我展示一下效果以上主要就是我们需要创建一个我们自己的View继承自Viewgroup控件并实现onMeasure以及onDraw方法具体的 »

Go语言使用swagger生成接口文档的方法

swagger介绍 Swagger本质上是一种用于描述使用JSON表示的RESTful API的接口描述语言。Swagger与一组开源软件工具一起使用,以设计、构建、记录和使用RESTful Web服务。Swagger包括自动文档,代码生成和测试用例生成。 在前后端分离的项目开发过程中,如果后端同学能够提供一份清晰明了的接口文档,那么就能极大地提高大家的沟通效率和开发效率。可是编写接口文档历来都是... »

iOS如何获取最顶层ViewController详解

当前窗口不一定显示出来 makeKeyAndVisible : 做了两件事使当前窗口成为主要窗口并显示当前窗口。=becomeKeyWindow 与 resignKeyWindow becomeKeyWindow: 程序自动调用,用来通知其他窗口 当前容器已被设置为主窗口。resignKeyWindow: 类似becomeKeyWindow, 其是调用以通知窗口它将要注销掉主键窗口的身份.同样... »

使用RecyclerView实现点赞头像叠加效果

使用RecyclerView实现点赞头像叠加效果

概要:点赞头像效果使用的地方很多,实现的方式也很多,下面通过使用RecyclerView实现一下1、创建布局文件 一个recyclerview,一个点赞图片 recyclerview添加了动画效果,动画文件如下rv_slide_in_animslide_in_left 2、Activity逻辑代码val headerUrl=R.drawable.do »

Python趣味入门教程之循环语句while

前言 任何语言都有循环语句,在Python里循环更是变化无穷,有基本的循环,有循环else语句,引伸出来的还有迭代器、推导式,咱们先学习最简单的一种。 While循环  while 条件判断语句:   子代码1   子代码2   子代码3   …   子代码N 主代码1 while语句的格式与if类似,子代码必须进行缩进4个空格,作用却是大不相同。当它执行第一次循环时,判断条件是否成立,... »

Swift 进阶 —— map 和 flatMap的使用

map 和 flatMap 主要分在集合上的使用和在可选类型上的使用,下面分别来看下。 集合上使用 map 和 flatMap 先看如下的代码: func getInfos(by name: String) -> [String] { if name == "Jack" { return ["Male", "25", "New York"] } else if name == "Lucy" ... »

Android 将本地资源图片转换成Drawable,进行设置大小操作

Picasso的placeholder和error的参数也只有int resId和Drawable drawable于是打算将改变过大小的Drawable传进入显示,咦,效果很满意!假如我指定的宽高是200,生成的Drawable的宽高却只有100。原来Bitmap转换成Drawable的尺寸是会变小的。您可能感兴趣的文章:Android双向选择控件DoubleSeekBar使用详解解决Bitma... »

详解Django中views数据查询使用locals()函数进行优化

优化场景 利用视图函数(views)查询数据之后可以通过上下文context、字典、列表等方式将数据传递给HTML模板,由template引擎接收数据并完成解析。但是通过context传递数据可能就存在在不同的视图函数中使用重复的查询语句,所以可以通过将重复查询语句设置全局变量,配合locals()函数进行数据查询与传递。 优化前 def index(request): threatname = ... »

C++11中std::move、std::forward、左右值引用、移动构造函数的测试问题

关于C++11新特性之std::move、std::forward、左右值引用网上资料已经很多了,我主要针对测试性能做一个测试,梳理一下这些逻辑,首先,左值比较熟悉,右值就是临时变量,意味着使用一次就不会再被使用了。针对这两种值引入了左值引用和右值引用,以及引用折叠的概念。 1.右值引用的举例测试 #include <iostream> using namespace std; ... »

使用newInstance()来实例化fragment并传递数据操作

好问题。答案就是这篇文章的题目所建议的,这是一种合理的设计。在这种情况下,newInstance()方法是一种“静态工厂方法”,让我们在初始化和设置一个新的fragment的时候省去调用它的构造函数和额外的setter方法。 为你的Fragment提供静态工厂方法是一种好的做法,因为它封装和抽象了在客户端构造对象所需的步骤。 例如,考虑下面的代码: public class MyFra... »

Page 1 of 468123»