- 博客(50)
- 资源 (1)
- 收藏
- 关注
原创 在码云gitee上部署静态网站
1.码云是什么?基于Git的代码托管和研发协作平台码云和github都是代码托管·协作开发的平台,码云是国内的网站,GitHub是国外的网站,二者产品功能对比如下:image.pngimage.png详细对比地址:https://gitee.com/contrast2.接下来我们看看如何在码云gitee上部署静态网站2.1首先点击右上角的加号->新建仓库...
2020-04-02 19:59:58 1210 1
原创 知识点杂谈
1.js中null和undefined的区别在js中null和undefined都表示空,但它们还是存在一定区别的,null表示不存在、没有,而undefined表示未定义。底层实现时,null一般会指向一个全0的地址,当然,这个地址是无法访问的,当遇到这种情况时就会当作不存在来处理;undefined则表示根本不存在,或者还没有初始化,所以一个变量可以赋值为null,但不可赋值为undefi...
2020-03-25 11:46:31 129
原创 iconfont的使用
1.Iconfont是什么?Iconfont 顾名思义,它是一种字体,只不过这个字体显示的并不是具体的文字之类的,而是各种图标。它的原理就是将很多 icon 做成字体库,通过样式或者字体对应的字符集来显示这个 icon。目前比较流行的iconfont字体库有阿里的iconfont。为什么很多项目从图片替换成iconfont了呢?接下来看看Iconfont 的优缺点优点:减少请求次数,...
2020-03-10 21:46:29 265
原创 深入css布局(1)—— 盒模型
在css的发展历程中,有两种版本的盒模型,一个叫IE盒模型(又叫怪异盒模型),一个叫W3C标准盒模型,在早期的微软出的IE浏览器中采用的是自己的盒模型标准成为IE盒模型或者叫怪异盒模型(此模型只会出现在IE5.5及其更早的版本中。只要为文档设置一个DOCTYPE,就会使得IE遵循标准兼容模式的方式工作)。IE5.5及更早的版本使用的是IE盒模型,后来微软也慢慢转向了W3C的标准,在IE6以后支...
2019-11-10 21:43:45 173
原创 注意点
1.注释不能少于代码的三分之一2.一般是:获取查询列表使用get请求、保存数据用post请求3.生命周期函数4.get请求 接收使用ctx.request.querypost请求 接收使用ctx.request.bodyimage.png5.登录后返回userId给前台,前台接收后存入cookie(首选)、localstorage 、sessionstorage(网上看下三...
2019-10-22 19:44:48 81
原创 element-ui的使用
1. 简介Element UI是饿了么团队提供的一套基于Vue2.0的组件库,可以快速搭建网站,提高开发效率 ElementUI PC MintUI 移动端官网地址:点击2. 快速上手2.1 安装elment uicnpm install element-ui -S2.2 在main.js中引入并使用组件import ElementUI from 'element...
2019-10-07 22:26:05 144
原创 npm和cnpm
npm介绍1.说明:npm(node package manager)是nodejs的包管理器,用于node插件管理(包括安装、卸载、管理依赖等)2.使用npm安装插件:命令提示符执行 npm install <name> [-g] [--save-dev]例:npm install gulp-less --save-dev-g:全局安装。将会安装在C:\Users\Admi...
2019-10-07 22:25:28 109
原创 rem的使用
image.pngrem主要用于移动web开发,以适配不同尺寸的屏幕。下面看两个实际案例效果图:image.pngimage.png通过代码发现页面元素是通过rem控制大小的。rem为其他元素相对根元素(html)的大小首先在Html里加入Meta标签设置浏览器的视窗的宽度,代码如下://视窗宽度为浏览器宽度,并且禁止用户缩放 <meta...
2019-09-27 21:41:01 164
原创 vue-cli3.0引入postcss-pxtorem和lib-flexible 移动端适配
postcss-pxtorem配合lib-flexible,非常方便,vue-cli3.0后,项目配置被大大精简了。安装 flexible和 postcss-px2rem(命令行安装)npm install lib-flexible --savenpm install postcss-pxtorem --save-dev或者:npm install postcss-px2rem --sa...
2019-09-27 21:35:06 1319
原创 js与jquery方法对比
一.文档就绪jquery实现$(document).ready(function(){ // 开始写 jQuery 代码... });简写形式为:$(function(){ // 开始写 jQuery 代码...});js实现window.onload=function(){ // 开始写 js 代码...}二、元素选择//元素选择$("...
2019-08-17 13:46:31 109
原创 jquery常用方法
一 、简介定义jQuery创始人是美国John Resig,是优秀的Javascript框架;jQuery是一个轻量级、快速简洁的javaScript库。jQuery对象 jQuery产生的对象时jQuery独有的,只能自己调用书写规则 支持链式操作;在变量前加"$"符号(var $variable = jQuery对象); 注:此规定并不是强制要求。二、寻找元素选择器基本选择器、...
2019-08-10 21:50:59 66
原创 CSS font-family字体大合集
以下为font-family常用合集以及一部分文字效果:windows常见内置中文字体宋体 SimSun黑体 SimHei微软雅黑 Microsoft YaHei微软正黑体 Microsoft JhengHei新宋体 NSimSun新细明体 PMingLiU细明体 MingLiU标楷体 DFKai-SB仿宋 FangSong楷体 KaiTi仿宋_GB2312 FangSong_GB2312楷体_G...
2019-07-19 20:39:29 237
原创 相对路径与绝对路径
绝对路径:- 线上绝对路径:https://www.kaikeba.com/- 本地绝对路径: 相对路径: 相对路径是指目标相对于当前文件的路径,网页结构设计中多采用这种方法来表示目标的路径。如果在上一层文件夹 ../如果在上上层文件夹 ../../如果在上上上层文件夹../../../....以此类推如果是在同级的文件夹里面呢?...
2019-07-17 18:33:37 102
原创 互联网开发的那些事(一):加班篇
说起互联网公司,大家想到最多的就是:你们是不是经常加班呀?这不,我刚刚忙完一个项目,连续加了半个月的班。图片来自网络"要嫁就嫁程序员,钱多话少死得早",网上经常有这种调侃的段子。加班,其实各行各业都或多或少有加班,只是互联网行业相对来说多些。加班并不是绝对的,一般是和所在的公司和部门有关,也和公司的文化有关。创业初期的公司、或者公司里一个新产品的研发上线,加班可能会多些,大公司、公司里...
2016-09-03 21:50:59 130
原创 鸡头米 什么鬼?
鸡头米,看到这个名字你会不会觉得它是大米的一种,或者是它的形状像个鸡头。那么鸡头米到底是什么呢?鸡头米,学名芡实米,它是苏州特色的地方小吃,提到小吃,大家就会想到北京烤鸭、西安羊肉泡馍呀、长沙臭豆腐呀等等,没错,它的名气是没有那么大,但它的营养价值却不是一般的小吃能够相媲美的。图片来源于网络鸡头米是水生植物,苏州的水八仙之一,和莲子是近亲,都有一张很大的叶子、一个骨朵、一层外皮。清沈朝...
2016-08-21 19:59:42 361
原创 表单序列化
多条数据序列化的时候,序列化出来的结果如下: var jsonData = { "touristGroupId": "19", "travelAgencyId": "5", "GuidesName": ["11", "111"], "LeaderName": ["22", "222"],
2016-05-19 15:47:36 296
转载 20个超实用的JavaScript技巧及最佳实践
众所周知,JavaScript是一门非常流行的编程语言,开发者用它不仅可以开发出炫丽的Web程序,还可以用它来开发一些移动应用程序(如PhoneGap或Appcelerator),它还有一些服务端实现,比如NodeJS、Wakanda以及其它实现。此外,许多开发者都会把JavaScript选为入门语言,使用它来做一些弹出窗口等小东西。在这篇文章中,作者将会向大家分享JavaScript开发
2013-12-31 15:44:19 489
转载 JavaScript中常用的函数以及基础写法汇总
JavaScript中常用的函数以及基础写法汇总来源:网络 审核:佚名 发布时间:1970-01-011.document.write("");为 输出语句2.JS中的注释为//3.传统的HTML文档顺序是:document->html-> (head,body)4.一个浏览器窗口中的DOM顺序是:window-> (na
2013-12-09 09:47:53 526
转载 javascript操作SELECT中option大全
javascript操作SELECT中option大全1:判断select选项中是否存在itemfunction isExitItem(objSelect, objItemValue) { var isExit = false; for (var i = 0; i if (objSelect.options[i].value == objItem
2013-12-05 15:11:53 670
转载 Javascript 使用 "大杂烩"
.之前一直在使用jquery,现在工作上需要摒弃jquery用原生的javascript,感觉到有点吃力,收藏下来好好看看!Dom最常用的API1. document方法: 2. getElementById(id) Node 返回指定结点的引用 3. getElementsByTagName(name) NodeList 返回文档中所有匹配的元素的集合
2013-12-02 22:14:40 906 1
转载 实现底部固定div
jquery博客实现底部固定类似人人校内似的*{margin:0;padding:0}.fixed {/*RIGHT: 15px; BACKGROUND: #ccc; LEFT: 15px; BOTTOM: 0; LINE-HEIGHT: 30px; POSITION: fixed; HEIGHT: 30px*/
2013-10-30 15:50:45 1853
转载 悬浮框
自动固定顶部的悬浮菜单栏代码*{margin:0;padding:0;}ul,li{list-style:none;}#content{width:600px;margin:0 auto;border:1px solid #f00;}ul li.item{width:400px;text-align:center;margin:20px 100px;background:#
2013-10-29 18:00:41 525
转载 Js中 关于top、clientTop、scrollTop、offsetTop的用法
网页可见区域宽: document.body.clientWidth;网页可见区域高: document.body.clientHeight;网页可见区域宽: document.body.offsetWidth (包括边线的宽);网页可见区域高: document.body.offsetHeight (包括边线的宽);网页正文全文宽: document.body.scroll
2013-10-29 14:13:06 564
转载 利用CSS、JavaScript及Ajax实现图片预加载的三大方法
Perishable Press网站近日发表了一篇文章《3 Ways to Preload Images with CSS, JavaScript, or Ajax》,分享了利用CSS、JavaScript及Ajax实现图片预加载的三大方法。下面为译文。预加载图片是提高用户体验的一个很好方法。图片预先加载到浏览器中,访问者便可顺利地在你的网站上冲浪,并享受到极快的加载速度。这对图片画廊及图
2013-10-17 09:14:30 692 1
转载 jquery常用技巧大放送
1、关于页面元素的引用通过jquery的$()引用元素包括通过id、class、元素名以及元素的层级关系及dom或者xpath条件等方法,且返回的对象为jquery对象(集合对象),不能直接调用dom定义的方法。2、jQuery对象与dom对象的转换只有jquery对象才能使用jquery定义的方法。注意dom对象和jquery对象是有区别的,调用方法时要注意操作的是dom对象还是jq
2013-02-27 10:30:12 296
原创 遍历节点属性
var api = $("api", xml_data);var length1 = api[0].attributes.length for (var j = 0; j var dom_td = $(""); // dom_td.append("111111111111"
2012-09-17 22:51:15 376
转载 季度的计算方法
//获得本季度的开始月份 function getQuarterStartMonth() { var quarterStartMonth = ""; var now = new Date(); var nowMonth = now.getMonth(); var no
2012-07-05 19:47:02 798
原创 加载提示
$("#pageloading").height($(window).height()); #pageloading{position:absolute; left:0px; top:0px; opacity:0.6; background:#fff url('lib/images/loading.gif') no-repeat center; width:
2012-06-14 16:37:19 311
原创 3种数据库连接方式
connectString= "server=localhost;database=test;uid=123;pwd=123";connectString= "Data Source=.;Initial Catalog=test;Trusted_Connection=SSPI";connectString= System.Configuration.Configuratio
2012-06-14 15:43:54 349
原创 jquery data的用法
创建一个对象存放值,取值的时候直接a.data("value"); var a = $("").data({ "value": 111, "aa": 1, "name": "wang" }) // a.data("value")
2012-04-20 18:50:38 476
转载 正则表达式详解
JS的正则表达式//校验是否全由数字组成 function isDigit(s){var patrn=/^[0-9]{1,20}$/;if (!patrn.exec(s)) return falsereturn true}//校验登录名:只能输入5-20个以字母开头、可带数字、“_”、“.”的字串 function isRegisterUserName(s){
2012-02-22 22:55:31 331
转载 数据分析学习网址大全(强烈推荐)
一、数据草堂:http://www.itongji.cn/hao/ 二、互联网分析沙龙:http://www.techxue.com/dh/ 三、数据分析站点导航:http://blog.sina.com.cn/s/blog_4ecd024b0100sjuv.htm四、数据分析网址导航:htt
2012-02-22 22:43:39 1519
原创 iframe子页面操作父页面
最近经常用到iframe,用的最多的就是在子页面中操作父页面的方法或变量等,总结了用到的几种方法,如下: var tableName = window.parent.frames["mainFrame"].tName;//获取父页面的参数值 window.parent.frames["mainFram
2012-02-22 22:32:36 22920 1
转载 CSS浏览器兼容问题
CSS对浏览器的兼容性有时让人很头疼,或许当你了解当中的技巧跟原理,就会觉得也不是难事,从网上收集了IE7,6与Fireofx的兼容性处理方法并整理了一下.对于web2.0的过度,请尽量用xhtml格式写代码,而且DOCTYPE 影响 CSS 处理,作为W3C的标准,一定要加 DOCTYPE声名.CSS技巧 1.div的垂直居中问题 vertical-align:middle;
2012-02-19 22:02:42 477
原创 tab
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml"> $(function () { $('#tabs-2').css('display', 'none');
2012-02-16 21:33:14 310
转载 jquery的常用方法
Attribute:$(”p”).addClass(css中定义的样式类型); 给某个元素添加样式$(”img”).attr({src:”test.jpg”,alt:”test Image”}); 给某个元素添加属性/值,参数是map$(”img”).attr(”src”,”test.jpg”); 给某个元素添加属性/值$(”img”).attr(”title”, function
2012-02-16 20:47:38 543
原创 jquery动态创建table
var dom_tbody = $(''); for (var j = 0; j var dom_tr = $(''); for (var i = 0; i var dom_td = $("nihao"); dom_tr.append(dom_td); }
2012-02-16 20:40:24 5304
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人