会做饭的技术男的博客_CSDN博客-前端领域博主

转载 css三角形

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>三角形制作</title> <style type="text/css"> h1 { position: relative; padding-left: 50px; } .

2020-09-02 14:01:44 200

转载表单

<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title></head><body> <form action="http://192.168.2.102:8080/getform" method="get"> <!--name是提交到后台显示的名称 v.

2020-09-02 13:01:33 205

html5 canvas酷炫的3D线条动画背景特效https://www.mk2048.com/demo/demo_target_desc_iiii11j20j.htmlhtml5 3D旋转的线条动画背景特效， canvas酷炫的3D线条背景动画黑色的软件服务公司wap手机模板源码https://www.mk2048.com/demo/demo_target_desc_iii0hii1aa.html黑色的软件公司手机网站模板html源码纯CSS3绿色清新页面Loading加载动画特效https://www.

2020-09-02 11:40:23 232

转载 css过渡笔记

3D http://fangyexu.com/tool-CSS3Inspector.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style type="text/css"> .box { width: 100px; ..

2020-09-01 15:44:31 112

转载 css3动画运用

https://daneden.github.io/animate.css/https://minimamente.com/example/magic_animations/http://isux.tencent.com/css3/tools.html直接下载引入css标签内加入类名<div class="效果名 animated"></div>//必须

2020-09-01 14:26:13 102

转载 meta

2020-09-01 13:08:56 80

转载 99乘法表

<!doctype html><html><head><meta charset="utf-8"><title>99乘法表</title></head><script> function out(n=9){ for(var i=1; i<=n; i++){ document.write("<h3>"); f.

2020-09-01 11:51:26 258

转载正则练习

2020-09-01 10:49:25 78

转载单击循环简单练习

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>鼠标循环单机</title> <style> #mydiv{ height: 50px; line-height: 50px; background-color:#ccc;.

2020-09-01 09:32:10 83

转载弹力球小练习

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>baoll</title> <style> *{ margin: 0; padding: 0; } #myball{ width: 128px.

2020-09-01 08:31:11 137

转载 sort

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>数组数字大小排序</title></head><body> <p>让数组按照升序降序排列</p> <p>这里写个数组 var array=[1,80,4,33,21,55];</p> .

2020-08-31 19:54:04 58

转载 css制作表格

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>table</title> <style> *{ margin: 0; padding: 0; } table{ width: 100%; height: 120px; margin:10px auto 0; table-layou.

2020-08-31 18:41:50 1348

转载 parseInt转换

function parse2Int(num) { return parseInt(num,10);}如果string以 "0x" 开头，parseInt() 会把string的其余部分解析为十六进制的整数。如果string以 0 开头，那么 ECMAScript v3 允许 parseInt() 的一个实现把其后的字符解析为八进制或十六进制的数字。如果string以 1 ~ 9 的数字开头，parseInt() 将把它解析为十进制的整数。...

2020-08-31 17:37:40 380

转载 maven 安装下载与配置代理设置《解决下载慢问题》

maven:下载地址http://mirror.bit.edu.cn/apache/maven/maven-3/解压之后配置环境 %maven_home% d:\*****path 中添加 %maven_home%\bin测试是否配置成功 cmd中使用命令： mvn -v如果成功的话，cmd 进入maven的bin目录，使用命令 mvn archetype:generate，(另外有一个mvn help:system 不知道干什么用的)(下载之前先代理配置好)，让其自动下载程序本身所需要的jar包。.

2020-08-31 16:28:39 196

转载 layer插件layer.photos()动态插入的图片无法正常显示

layer插件layer.photos()动态插入的图片无法正常显示,点击后面插入的图片，显示的是之前的图片列表，再次点击又是正常有朋友遇到同样的问题http://fly.layui.com/jie/4124.htmllayer v2.4 弹层组件layer.photos动态插入图片后，点击新插入的图片会弹出插入前的最后一张图片。如果再次调用layer.photos，点击新图片会提示错误：layer.js:1006 Uncaught TypeError: Cannot read property.

2020-08-31 15:39:14 1175

转载 php服务器代理解决浏览器跨越问题

详见代码<?php$url = $_SERVER["QUERY_STRING"];switch ($_SERVER['REQUEST_METHOD']) { case "GET": curlget($url); break; case "POST": $CONTENT_TYPE = explode(';',$_SERVER['CONTENT_TYPE']); switch($CONTENT_TYPE[0]) {

2020-08-31 14:29:56 161

转载转：jquery的live和on

参考1，参考2给元素绑定事件，本人用的jquery版本大多为1.7和1.8的，所以一直习惯于用live(),但是最近朋友突然问我，怎么给新生成的dom元素绑定事件，我随口回答live()，结果他给我说不行，他用的2.1.1的jquery版本。我突然想起之前看过on()的用法，就是替代live()的，但是用的少，记不清了，今天再记一记，以后尽量用on()~代码示例：<!DOCTYPE html><html><head><meta charset=".

2020-08-31 13:11:58 452

转载转：Jquery的parent和parents(找到某一特定的祖先元素)

Jquery的parent和parents(找到某一特定的祖先元素)关于Jquery的parent和parentsparent是指取得一个包含着所有匹配元素的唯一父元素的元素集合。parents则是取得一个包含着所有匹配元素的祖先元素的元素集合（不包含根元素）。可以通过一个可选的表达式进行筛选。可以看出parent取的很明确，就是当前元素的父元素；parents则是当前元素的祖先元素。下面列出例子说明：<div id='div1'><div id='div2'><p&gt

2020-08-31 11:02:13 282

转载使用jquery获取iframe内的元素属性

当需要获取iframe里的内容时需要有几个前提，否则你是获取不到的；1：当前页面与iframe的src的页面需要在同一个域名下；2：必须要等iframe里边的页面加载完成才能获取，否则你要获取的标签就是不存在；当这两个条件都满足的时候你就可以获取了（以下例子是本精灵通过jquery修改iframe("iframe的ID名被取为了iframeName'")里页面的所有a标签的target属性值）：function a_load(){var isOnLoad = true;$('#iframe')..

2020-08-31 09:56:10 653

转载这些例子的特效很炫，感觉的同学可以研究学习一下

html5手机端母婴商城APP下载页面模板点击》html5手机端母婴商城APP下载页面模板html5 APP下载页面母婴专题模板。五福临门大红袍茶叶手机专题模板点击》五福临门大红袍茶叶手机专题模板订单网页模板五福临门大红袍茶叶订单单页模板html5点击按钮卷帘动画打开画板特效https://www.mk2048.com/demo/demo_target_desc_iia0kijkhj.htmlhtml5卷帘动画特效，打开画板动画特效纯css3飞机跑道响应式进度条动画特效点击》纯css3飞机跑道响应式进度条动

2020-08-31 08:41:26 79

转载判断页面的滚动方向

判断页面的滚动方向 1 $(window).scroll(function(){ 2 var before = $(window).scrollTop(); 3 $(window).scroll(function() { 4 var after = $(window).scrollTop(); 5 if (before<after) { 6 cons

2020-08-30 18:07:48 75

转载 premere cs4绿色版安装并且视频导出讲解

最近室友，开始在玩视频剪辑，用的是 premere cs4 绿色版。让他遇到的最大问题也是我之前遇到的最大问题，就是视频导出。所以我在这里上传一套自己的一点点经验吧。接下来，我就总结一下我是怎么把视频给导出来的算是一个参考。这是我premere cs4 链接：http://pan.baidu.com/s/1mii9x5Q 密码：5lnc。解压打开后:然后找到premere.exe,先不要打开，创建一个快捷方式。确认自己已经下载adobe Media encoder...

2020-08-30 17:21:21 222

转载 js动画（一）

终于放寒假了，哈哈哈，然后，也不准备闲着吧，就是再熟悉一下旧的东西，然后把新的东西也拿来分享一下，自己也准备好了再这个寒假好好的提高一下自己，哎，菜鸟一枚，真正去实战了，发现自己手上的武器太少了，所以就，加油加油，这个寒假好好的完成计划。嗯，废话也不多说了，先介绍，三种js基本动画，匀速吗，变速，透明度变化。匀速代码如下：<script>window.onload=function(){var div1 = document.getElementById("div1");..

2020-08-30 16:33:30 282

转载 jQ小图标上下滑动特效

嗯，又到了，夜静饥寒的时候，手指颤抖，回望去，屋内满是寂静，寥寥绰影，咳咳咳，想我程序员之路还没到终点。。。就。。。咳咳咳好了日常神经结束，还要涂我的唇膏。还剩下，最后一章，js动画（四），明天放上来，今天，老爸回来了，没有好好的看过，今天就先放一个小图标特效，挺有趣的，代码也很容易懂。jQ小图标上下滑动特效：代码如下：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> &l...

2020-08-30 15:50:20 167

转载分享一些经典的特效效果,希望对大家有帮助

html5 QQ空间时间轴界面特效https://www.mk2048.com/demo/demo_target_desc_ihkcc1kjjb.html仿照QQ空间做的时间轴，用的是js代码（不兼容IE6，7，8）htm5适用于手机端mp3音乐播放器插件https://www.mk2048.com/demo/demo_target_desc_ihkkbiibab.htmlhtml5 MP3手机端音乐播放器插件蓝色简洁的响应式设计公司前端html5模板https://www.mk2048.com/demo/

2020-08-30 14:39:49 157

转载 js事件对象

哎，事件也有对象呦。程序员一直在讲对象对象，那么，过年是不是该带个对象回家呢？好了，既然事件有对象，承认这个事实吧！哈哈，那么，其就有属性，接下来，就放个例子来讲讲，顺便把常用的属性也添加进去。。Event 对象代表事件的状态，比如事件在其中发生的元素、键盘按键的状态、鼠标的位置、鼠标按钮的状态。事件通常与函数结合使用，函数不会在事件发生前被执行<!DOCTYPE html><html> <head> <meta charset="UTF-8.

2020-08-30 13:57:03 63

转载 js动态控制表单表格

js动态控制表单表格，这里操作只讲，添加一行，删除一行，删除某一行某一列。直接放代码：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <table id="tabl" border=1 cellpadding=10 cellspacing=0> &l

2020-08-30 13:13:40 314

转载胡言乱语一番前端圈

不知从何时起，前端圈开始痴迷于框架技术选择的争论，从原来的新出的js库都要贬低下jquery，到现在Angular、Vue、React的站队，都仅仅围绕这些库或者框架进行前端技术讨论，连你去应聘也都问问你用过哪些框架或库，你说没听过或者没看过总会有些人带着蔑视的眼光嘲讽你一把。确实，基于一些业务来说，你仅仅是知道这些框架或库的应用就足够了，何必再动脑子去想其它的问题呢？说了那么多，其实我想基于我个人的经验聊下前端的演进和未来，希望可以贡献微薄的力量，消除一些我个人认为的前端社区不太好的风气。以史为鉴.

2020-08-30 10:45:28 286

转载 KVC中setValuesForKeysWithDictionary:

本人视频教程系列从字典映射到一个对象,这是KVC中的一个方法所提供的,这个方法就是 setValuesForKeysWithDictionary: ,非常好用,不需要你来一一的给对象赋值而直接从字典初始化即可,但用的不好会经常崩溃,本教程就来讨论这些使用的细节.首先,先初始化一个字典,如下所示:------------------------------------------------------------------------------------- NSDictionary...

2020-08-30 09:46:35 96

转载固定UIScrollView滑动的方向

固定UIScrollView滑动的方向一般而言,我们通过这两个参数CGRectMake以及contentSize就可以自动的让UIScrollView只往一个方向滚动.但我遇到过非常奇葩的情况,那就是即使设置的CGRectMake以及contentSize没有一点点问题,这个UIScrollView也能够上下左右滚动-_-!!.为了不依赖于CGRectMake以及contentSize,我们可以通过在代理方法scrollViewDidScroll:中进行限制即可.没有限制之前的效果:源码:/

2020-08-30 08:42:11 502

转载打开图片选择器并裁减图片取出图片

打开图片选择器并裁减图片取出图片效果:源码:图片切割源码:UIImage+ImagePickerCrop.h 与 UIImage+ImagePickerCrop.m//// UIImage+ImagePickerCrop.h// ImagePickerCropDemo//// Created by Frank Schmitt on 4/1/14.// Copyright (c) 2014 Frank Schmitt. See LICENSE. //#import &l

2020-08-29 18:07:15 90

转载实现图片浏览器功能

实现图片浏览器功能效果:此教程涉及到较多的category的使用,注意.思路:1. 获取一个view在UIWindow中的frame值2. 获取这个view的快照3. 对这个快照进行动画全屏4. 全屏消失后移除掉这个快照源码:NSObject+WeakRelated.h 与NSObject+WeakRelated.m (让两个对象之间产生关联)//// NSObject+WeakRelated.h// ScrollViewShowImage//// Crea...

2020-08-29 17:17:54 223

转载测试SDWebImage淡入淡出效果在UITableView中的重用显示问题

测试SDWebImage淡入淡出效果在UITableView中的重用显示问题这个是在上一篇教程的基础上所添加的测试环节！效果图（从效果图中看是没有任何重用问题的）：源码：ImageCell.h 与ImageCell.m//// ImageCell.h// SDWebImageFade//// Created by YouXianMing on 14-10-5.// Copyright (c) 2014年 YouXianMing. All rights reserved..

2020-08-29 16:18:46 170

转载这些例子感觉很实用，希望对你也有帮助

html5 canvas酷炫的文本输入框动画特效点击》html5 canvas酷炫的文本输入框动画特效html5 canvas非常好看的文本输入框动画，带有键入效果。红色简约的手机社区类网站html5响应式模板https://www.mk2048.com/demo/demo_target_desc_ihc2jhkkcb.htmlwap社区交流类手机网站模板，有资讯，60多个页面，欢迎交流使用html手机模板。html5全屏网格响应式布局点击弹出窗口切换特效点击》html5全屏网格响应式布局点击弹出窗口切换特

2020-08-29 15:21:37 60

转载将JSON字典转换为Model文件

将JSON字典转换为Model文件1. 一切尽在不言中2. 源码https://github.com/YouXianMing/CreateModelFromJson3. 说明如果你还在手动写每一个model,亲,用这个可以解放你,而且,还会过滤掉null值......,当然,你还可以把字典或者数组进一步替换成其他生成的model,提示已经写好了,就靠你自己的觉悟了....

2020-08-29 14:15:40 101

转载 UIWebView加载CSS样式的html

UIWebView加载CSS样式的html效果源码//// ViewController.m// CSS//// Created by YouXianMing on 16/7/19.// Copyright © 2016年 YouXianMing. All rights reserved.//#import "ViewController.h"@interface ViewController ()@end@implementation ViewCon..

2020-08-29 13:01:56 67

转载 Swift - 用UIScrollView实现视差动画效果

Swift - 用UIScrollView实现视差动画效果效果源码https://github.com/YouXianMing/Swift-Animations//// MoreInfoView.swift// Swift-Animations//// Created by YouXianMing on 16/8/18.// Copyright © 2016年 YouXianMing. All rights reserved.//import UIKitcl..

2020-08-29 11:49:50 126

转载这些例子的特效很炫，感觉的同学可以研究学习一下

html5 canvas画布绘制圆形时钟代码https://www.mk2048.com/demo/demo_target_desc_ih21ickjaa.html利用jQuery做的简单的一个画布时钟蓝色的易学通手机App应用页面模板下载https://www.mk2048.com/demo/demo_target_desc_ih21cbk0hj.html安卓，ios。App应用页面，采用了apicloud技术，可以打包成应用在手机运行。编辑器为apicloud studo模板。纯CSS3绘制太阳系行星动

2020-08-29 10:39:33 70

转载手机号中间四位加星号

在展示数据信息时候，比如中奖记录，特别是在显示手机号码是为了保护用户的信息，会可以把中间四位用*号代替，这就需要做个判断了jquery的写法：单个标签中的号码中间四位变为*$('.phone').text((function(phone) { return phone.substr(0,3) + '****' + phone.substr(7);})($('.phone').text()))多个标签中的号码中间四位变为*function returntel(phone){

2020-08-29 09:56:34 386

转载 jquery常用的选择器

$( "parent > child" )子选择器：选择所有指定“parent”元素中指定的"child"的直接子元素。$("ancestor descendant") 后代选择器：选择给定的祖先元素的所有后代元素, 一个元素的后代可能是该元素的一个孩子，孙子，曾孙等$("prev + next")相邻兄弟选择器：选择所有紧接在“prev”元素后的“next”元素$("prev ~ siblings")一般兄弟选择器：匹配“prev”元素之后的所有兄弟元素。具有相同的父元素，并匹配过滤“sibli.

2020-08-29 08:36:46 62

空空如也

空空如也