在工作中,我们常常会遇到原生的样式感觉比较丑,又和我们做的项目风格不搭.于是就有了仿写原生一些组件的念头,今天我就带大家仿写一下confirm和alert样式都可以自己修改. 有些的不好的地方请指出来,让我们共同成长,如果有不懂的也可以私聊我,我会为你详细解说. 本文有以下三个段落 1.功能代码块展示,弹框功能尺寸适用手机在电脑上看会比较大. //弹出对话框:传了cancel是confirm,不传就是alert弹框 function Confirm(obj) { let _obj = obj |

要求:仿写一个静态的网页,主要采用HTML+CSS+DIV的布局方式, 新建两个文件:demo.html.demo.css 图片素材:image.zip demo.html代码如下: <!doctype html> <html lang="zh-CN"> <head> <meta charset="utf-8"> <meta name="description" content="t

讲道理,感觉自己有点菜.Spring 源码看不懂,不想强行解释,等多积累些项目经验之后再看吧,但是 Spring 中的控制反转(IOC)和面向切面编程(AOP)思想很重要,为了更好的使用 Spring 框架,有必要理解这两个点,为此,我使用 JDK API 实现了一个玩具级的简陋 IOC/AOP 框架 mini-spring,话不多说,直接开干. 环境搭建&快速使用 全部代码已上传 GitHub:https://github.com/czwbig/mini-spring 将代码弄到本地并使用 I

WebAPI中有设计了几种管道(Channel),大概如下:HttpMessageHandler,ActionFilter管道,ExceptionFilter管道.在三种管道中HttpMessageHandler管道与ExceptionFilter管道是基于级别设计的,ActionFilter管道是基于方法级别设计的.对于ActionFilter管道,因为采用的是AOP的思想,所以按方法级别去设计. 在看WebAPI源码过程中对ActionFilter管道中何用的表达示树与闭包等内容之前并没有下

Redux可是一个大名鼎鼎的库,很多地方都在用,我也用了几年了,今天这篇文章就是自己来实现一个Redux,以便于深入理解他的原理.我们还是老套路,从基本的用法入手,然后自己实现一个Redux来替代源码的NPM包,但是功能保持不变.本文只会实现Redux的核心库,跟其他库的配合使用,比如React-Redux准备后面单独写一篇文章来讲.有时候我们过于关注使用,只记住了各种使用方式,反而忽略了他们的核心原理,但是如果我们想真正的提高技术,最好还是一个一个搞清楚,比如Redux和React-Redux

为什么叫极简教程呢?听我慢慢说 不知道正在阅读本文的你,是否是因为想自己动手写一个操作系统.我觉得可能每个程序员都有个操作系统梦,或许是想亲自动手写出来一个,或许是想彻底吃透操作系统的知识.不论是为了满足程序员们自带的成就感,还是为了面试找工作时能更深入地和面试官探讨(装逼). 写一个操作系统有多难 会者不难,难者不会. 冷启动 对于零基础的人,甚至是计算机知识零基础的人来说,难.难点并不在于操作系统的代码量本身,而在于任何一个事物发展初期都会遇到的困境,冷启动. 我不知道应该看哪本书作为入门书

课程大纲: <1>让界面漂亮起来,仿写一个智能家居界面 ->第一:给QT工程添加图片 进入下一步: <注意路径和名称一定不能有中文>                                                                                                                            第二(主界面正下方): 我一般选择添加根目录 /,添加完前缀后crtl+s保存,然后可以继续点击添加

原文地址:用vue写一个仿简书的轮播图 先展示最终效果: Vue的理念是以数据驱动视图,所以拒绝通过改变元素的margin-top来实现滚动效果.写好css样式,只需改变每张图片的class即可实现轮播效果.可以将轮播图看成两个,如图所示: 写好每个class的样式: $width: 800px; // 容器宽度 $height: 300px; // 容器高度 $bWidth: 500px; // 大图片宽度 $sWidth: $width - $bWidth; // 小图片宽度 $sHeigh

实习期的第一份活,自己看Ant Design的官网学习,然后用Ant Design写一个仿微软ToDo. 不做教学目的,只是记录一下. 1.学习 Ant Design 是个组件库,想要会用,至少要知道React和ES6. Ant Design 官网:https://ant.design/index-cn 可以看看官网的实战教学:https://www.yuque.com/ant-design/course Ant Design Pro 一个比较完整的开源项目,看里面的东西可以学习挺多的:http

在学习了 vue 之后,决定做一个小练习,仿写了一个有关购物商城的小项目.下面就对项目做一个简单的介绍. 项目源码: github 项目的目录结构 -assets 与项目有关的静态资源,包括 css,以及一些 images -common 公共的工具类方法 -components 公共组件 -common 与项目耦合度较低的组件 -content 与项目耦合度较高的组件 -network 网络请求相关 -router 路由相关 -store vuex 相关 -views 主要展示的页面 -hom

<?php /** * [L 加载语言的L的方法] * @param [string] $key [语言键的名称] * @return [string] $value [取到的语言值] */ function L($key='',$language_name='') { static $lang_array=array();//定义一个静态数组 避免每次加载 if(empty($lang_array)) { if($language_name==""){$language_nam

如果你用vue弄移动端的页面,那么下拉刷新还是比较常见的场景,下面来研究如何写一个下拉刷新的组件(先上图); 由于节省大家的时间,样式就不贴出来了. html结构也不必介绍了,直接看代码吧-.- <transition> <div class="refresh-wrapper" ref="refresh"> <div class="refresh-inner"> <div class="refr

完全参照系统自带的DatePickerDialog.TimePickerDialog的源代码仿写的DateTimePickerDialog.具有同时选择日期.时间的功能.在2.2.2.3平台,显示的效果可能会有一个大背景框在后面.4.0以上平台无此现象.此怪异效果通过各种手段未能解决.功能不影响正常使用. import java.util.Calendar; import android.app.AlertDialog; import android.content.Context; impor

自己定义一个方法仿写thinkphp的I 方法 <?php function I($key="",$default='',$function="") { $method="get";//默认是get的方式取 if(strpos($key,".")!==false) { list($method,$key)=explode(".",$key,2);//如果有传入get post 则拆分 if(!in_a

过去一段时间零零散散的自学了一点点jquery的相关用法,基本上属于用到哪个了,就去查然后就学一点,没有系统的学过,深入的用法也不是特别了解,毕竟javascript基础就比较薄弱.经过一段时间的零敲碎打的学习,我决定使用jquery做一些东西,算是对以前学到的东西做一次总结. 我选择了仿写Windows7的桌面和任务栏效果,一个是我比较喜欢Windows7的半透明效果,第二个是这个有比较大的发挥空间.再次贴出来算是做一个笔记和总结,也把一些心得分享给学习路上的朋友们.编码是本人是业余爱好,当然

.container { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px } .container::before,.container::after { content: " "; display: table } .container::after { clear: both } .container::before,.container::after { content:

本文基于ext-6.0.0 一.写login页 1.在view文件夹中创建login文件夹,在login中创建文件login.js和loginController.js(login.js放在classic/view/login,loginController.js放在app/view/login) 2.在app.js中禁用  mainView: 'Learning.view.main.Main' 3.在login.js中写页面 ①创建窗口  ②写依赖.配置  ③写登录的表单和按钮 Ext.def

这段代码的关键主要是在我们的相对布局以及线性布局上面,我们首先在总体布局里设置为线性布局,然后再在里面设置为相对布局,这是一个十分常见的XML布局模式. 废话不多说,直接上代码:一.activity.xml <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"

我的微信公众号感兴趣的话可以扫一下, 或者加微信号   whenDreams 第一部分:基础设置,跑起一个页面-首页 第一步: composer create-project symfony/framework-standard-edition 你的项目名: 创建完这个原型,我执行php bin/console server:run,可以跑起来: 那么此刻你需要连接数据库了:我的数据库是PostgreSql 写一个数据库创建脚本例如我的 create user myblog with passw

wechatBot 微信每日说,每日自动发送微信消息给你心爱的人 项目介绍 灵感来源 在掘金看到了一篇<用Node + EJS写一个爬虫脚本每天定时女朋友发一封暖心邮件>后, 在评论区偶然看到一位读者说可不可以用微信实现一下.然后最近刚好在做微信机器人的小项目,那就把这个定时任务放到微信上去做吧,说干就干,撸了一下午终于撸出来了. 项目地址 github:https://github.com/gengchen528/wechatBot 使用库 wechaty - 微信操作 node-sched