13年前端开发经验承接前端开发外包和静态html网页制作外包服务。静态html网页制作外包需提供：psd图，和交互说明。... 13年前端开发经验承接前端开发外包和静态html网页制作外包服务。静态html网页制作外包需提供：psd图，和交

【阅读全文】2020/5/3　　标签：静态网页静态网页制作网页制作网页制作模板简单网页制作htmlpsps切图切图外包

13年前端开发经验承接前端开发外包和静态html网页制作外包服务。静态html网页制作外包需提供：psd图，和交互说明。我们的承诺：1、制作的页面整体风格要一致，色彩搭配要合理。模块化css代码 2、DIV+CSS布局合理，代码提供压缩版和

【阅读全文】2020/5/3　　标签：静态页面静态网页静态网页模板html静态页面网页制作

 新建文件夹 35ui,并在文件夹下新建如下文件： manifest.json（描述文件）background.html（后台运行页面）background.js（后台运行js）on.png （插件图标） manifest.json... 新建文件夹 35ui,并在文件夹下新建如下文件： m

【阅读全文】2020/4/18　　标签：Chrome插件浏览器插件谷歌浏览器插件Chrome插件开发谷歌插件谷歌插件开发

 css外包  div外包  html5外包  网页设计外包  网页制作外包

【阅读全文】2020/4/6　　标签：合作共赢

     距html5标准规范制定完成并公开发布已经有好些年了，面试时也少不了要问对html5语义化得理解。但是在实际运用时，真正使用html5标签来开发的似乎不是很多（ps：查看了几个巨头公司网站推论），可能一部分原因是

【阅读全文】2020/3/29　　标签：HTML5html5语义化SEOhtml标签span标签alt标签

thub:https://github.com/TalkingData/iview-weapp  五.layuilayui是一款采用自身模块规范编写的前端 UI 框架，遵循原生 html/CSS/JS 的书写与组织形式，门槛极低，拿来即用。其外在极简，却又不失饱满的内在，体积轻盈，组件丰盈，从核心代码到 API 的每一处细节都经过精心雕琢，非常适合界面的快速开发。官网地址:https:

【阅读全文】2020/3/14　　标签：前端外包UI框架后台模板ui模板vuevue框架系统模板前端框架

zblog模板调用标签说明1. default.html 首页显示模板，引用b_article-istop.html显示置顶文章，引用b_article-multi.html显示日志摘要，引用b_pagebar.html显示分页条2. single.html

【阅读全文】2018/6/24　　标签：zblog

一次在正式项目中使用document.referrer，这里跟大家分享一下相关的实践。场景是这样的：移动端无论是原生app还是传统的网页， 几乎所有的内页都有这么一个返回上一页的按钮，相关html代码如下：<a href="javascript:history.go(-1)" class="Back">返回</a>在大部分场景下，上

【阅读全文】2018/4/8　　标签：Documentreferrerhistory

ef = " xxx"; //不加协议会默认为相对路径，location="xxx"类似 window.location对象的其他属性包括：XML/html Code复制内容到剪贴板 location.host           //主机加

【阅读全文】2018/4/6　　标签：locationreloadhref

 window.open()与window.location.href的区别window.open("index.html",'top'); 只是表示打开这个页面，并不是打开并刷新index.htmlwindow.location.href="index.html"; 表示重新定向到新页面，同

【阅读全文】2018/4/6　　标签：Windowlocation

url; url = window.location.href; /* 获取完整URL */alert(url); /* http://127.0.0.1:8020/Test/index.html#test?name=test */ url = window.location.pathname; /* 获取文件路径（文件地址） */... var url; url

【阅读全文】2018/3/30　　标签：urlJS获取

css选择器css样式大全css圆角代码 border-radiuscss hack技巧大全rgba中的a是指?...css选择器css样式大全css圆角代码 border-radiuscss hack技巧大全rgba中的a是指?css input 背景透明代码css清除浮动的方法css滚动条样式代码

【阅读全文】2018/3/10　　标签：csscss教程

然后给父元素设置 position:relative 和 left:50%，子元素设置 position:relative 和 left: -50% 来实现水平居中。  XML/html Code复制内容到剪贴板 .wrap{       float:left;     

【阅读全文】2018/3/10　　标签：css居中

js刷新页面typeof...js刷新当前页面方法typeof类型 js中typeof的用法Documenteach()hoverreplace全部替换js闭包Window.open()Math.floor是什么？js中return字符串操作字符串截取 js常用正则表达式 JavaScript字符串拆分 split() 方法js数组操作js逻辑与,或,非js nan是什么类型函数setInterval()定时函数JS函数调用的四种方法：方法调用模式，函数调用模式，构造器调用模式，apply,call调用模式js三元表达式javascript:void(0)cookie读写js去掉空格的代码键盘js控制键盘码 js获取键盘事件javascript获取浏览器边距在线javascript运行浏览器注释

【阅读全文】2018/3/10　　标签：javascript

性，将它设置成both其实和添加空div原理是一样的。 问题：不符合工作中：结构、样式、行为，三者分离的要求。 6、给父级添加overflow:hidden 清浮动方法；XML/html Code复制内容到剪贴板 <style type="text/css">    .div1{background:#

【阅读全文】2018/3/4　　标签：cssfloat

 浏览器CSS兼容的编码准则 第一：理解css盒子模型（学习div+css布局也是很重要的，学会的css的盒子模型学习div+css也就不难了） 透彻地理解 CSS 盒子模型是首要事情，CSS 盒子模型并不难，且基本支持所有浏览器，除了某些特定条件下的 IE 浏览器。 CSS 盒子模型负责处理以下事情：... 浏览器CSS兼容的编码准则 第一：理解css盒子模型（学习div+css布局也是很重要的，学会的css的盒子模型学习div+css也就不难了） 透彻地理解 CSS 盒子模型是首要事情，CSS 盒子模型并不难，且基本支持所有浏览器，除了某些特定条件下的 IE 浏览器。 CSS 盒子模型负责处理以下事情： 一个 blcok （区块）级对象占据多大的空间 该对象的边界，留白 盒子的尺寸 盒子与页面其它元素的相对位置 CSS 盒子模型有以下准则： Block （区块）对象都是矩形 （事实上所有对象都如此） 其尺寸由 width， height， padding， borders， 以及 margins 决定 如果不设置高度，该盒子的高度将自动适应其包含的内容，加上留白等（除非使用了 float） 如果不设置宽度，一个非 float 型盒子水平上将充满其父容器（扣除父容器的留白） 处理 block 级对象时，必须注意以下事项： 如果一个盒子的宽度设置为 100%，它就不能再设置 margins， padding， 和 borders，否则会撑破其父容器 垂直毗邻的 margin 会引起复杂的坍塌问题，导致布局问题（比如两个垂直毗邻的 Block 对象，上面的对象的 bottom-margin 为 40，下面的对象的 top-margin 为 20，则两个对象的间距将是 40，而不是 60 - 译者） 拥有相对位置和绝对位置的对象，拥有不同的行为 第二：理解block级和inline级对象的区别 Block级对象： Block 级对象会自然地水平充满其父容器，因此没有必要为之设置 100% 宽度属性 Block 级对象的起始摆放位置是其父容器的左上边界，并顺排在其前面的兄弟 Block 对象的下方（除非设置 float 或绝对位置） inline级对象 inline 级对象会忽略其宽度和高度设置 inline 级对象会随着文字排版，并受排版属性的影响（如 white-space， font-size， letter-spacing） Inline 级对象可以使用 vertical-align 属性控制其垂直对齐，block 级对象不可以 Inline 级对象的下方会保留一些自然的空间，以适应字母 g 一类的会向下探出的笔画 >>display:block display:none display:inline-block 区别 一个设置为 float 的 inline 对象将变成 block 对象 第三：理解Floating和Clearing属性 实现多栏排版的最好方法是使用 float属性，float 也是一个将使你受益匪浅的属性。一个 float 对象可以居左或居右，一个设置为 float 的对象，将根据设置的方向，左移或右移到其父容器的边界，或其前面的 float 对象的边界，而紧随其后的非 float 对象或内容，则包围在其相反的方向。 以下是使用 float 和 clear 属性的一些重要准则： 一个 float 对象，将从其置身的 block 级非 float 内容流中跳出，换句话说，如果你要将一个 box 向左边 float，它后面的 block 级非 float 对象会显示到下方，inline 级内容会在旁边包围 要让一段内容从一侧包围一个 float 对象，这段内容必须要么是 inline 级的，要么也设置为相同方向的 float 一个 float 对象，如果没有设置宽度，则会自动缩成其包含的内容的宽度，因此最好为 float 对象明确设置宽度 如果一个 block 对象包含 float 子对象，会出现本文中阐述的问题。 一个设置了 clear 属性的对象，将不会包围其前面的 float 对象 一个既设置了 clear 又设置了 float 属性的对象，只有 clear:left 属性生效，clear:right 不起作用 第四：永远不要指望在所有浏览器中都一模一样 在不同浏览器实现相同的体验个功能是可能的，实现近似像素级的一致外观也是可能的，但永远不要指望一模一样，要知足常乐哟！谷歌浏览器css兼容代码 前端开发面试题及答案整理

【阅读全文】2018/3/4　　标签：css

     html5是最新的html标准，他的主要目标是提供所有内容而不需要任何的像flash，silverlight等的额外插件，这些内容来自动画，视频，富GUI等 　　html5是万维网联盟(W3C)和网络

【阅读全文】2018/3/4　　标签：面试题HTML5

 node有一个模块叫n（这名字可够短的。。。），是专门用来管理node.js的版本的。首先安装n模块：npm install -g n第二步：升级node.js到最新稳定版sudo n stable是不是很简单？！n后面也可以跟随版本号比如：... node有一个模块叫n（这名字可够短的。。。），是专门用来管理node.js的版本的。首先安装n模块：npm install -g n第二步：升级node.js到最新稳定版sudo n stable是不是很简单？！n后面也可以跟随版本号比如：n v0.10.26或 n 0.10.26就这么简单，这可怎么办？？！！另外分享几个npm的常用命令 npm -v          #显示版本，检查npm 是否正确安装。 npm install express   #安装express模块 npm install -g express  #全局安装express模块 npm list         #列出已安装模块 npm show express     #显示模块详情 npm update        #升级当前目录下的项目的所有模块 npm update express    #升级当前目录下的项目的指定模块 npm update -g express  #升级全局安装的express模块 npm uninstall express  #删除指定的模块 nodejs npm常用命令大全

【阅读全文】2018/1/17　　标签：nodejs

于探究前端优化具体可以怎样去做，先看看什么是前端性能，应该怎样去了解和评价前端页面的性能。相对于桌面端浏览器，移动端Web浏览器上有一些较为明显的特点：设备屏幕较小、新特性兼容性较好、支持一些较新的html5和CSS3特性、需要与Native应用交互等。但移动端浏览器可用的CPU计算资源和网络资源极为有限，因此要做好移动端Web上的优化往往需要做更多的事情。... 摘要: 前端性能优化是一个很宽

【阅读全文】2018/1/15　　标签：前端性能优化移动端浏览器webCSS3HTML5网络优化Native

 WebStorm 最新版本激活方式：... WebStorm 最新版本激活方式：今天下载最新版本的WebStorm，发现原来的通过license server激活的方式，网上的已经失效。找到一种最新的激活码，今天试了下，是有效的。记录下。注册时，在打开的License Activation窗口中选择“activation code”，在输入框输入下面的注册码43B4A73YYJ-eyJsaWNlbnNlSWQiOiI0M0I0QTczWVlKIiwibGljZW5zZWVOYW1lIjoibGFuIHl1IiwiYXNzaWduZWVOYW1lIjoiIiwiYXNzaWduZWVFbWFpbCI6IiIsImxpY2Vuc2VSZXN0cmljdGlvbiI6IkZvciBlZHVjYXRpb25hbCB1c2Ugb25seSIsImNoZWNrQ29uY3VycmVudFVzZSI6ZmFsc2UsInByb2R1Y3RzIjpbeyJjb2RlIjoiSUkiLCJwYWlkVXBUbyI6IjIwMTctMDItMjUifSx7ImNvZGUiOiJBQyIsInBhaWRVcFRvIjoiMjAxNy0wMi0yNSJ9LHsiY29kZSI6IkRQTiIsInBhaWRVcFRvIjoiMjAxNy0wMi0yNSJ9LHsiY29kZSI6IlBTIiwicGFpZFVwVG8iOiIyMDE3LTAyLTI1In0seyJjb2RlIjoiRE0iLCJwYWlkVXBUbyI6IjIwMTctMDItMjUifSx7ImNvZGUiOiJDTCIsInBhaWRVcFRvIjoiMjAxNy0wMi0yNSJ9LHsiY29kZSI6IlJTMCIsInBhaWRVcFRvIjoiMjAxNy0wMi0yNSJ9LHsiY29kZSI6IlJDIiwicGFpZFVwVG8iOiIyMDE3LTAyLTI1In0seyJjb2RlIjoiUEMiLCJwYWlkVXBUbyI6IjIwMTctMDItMjUifSx7ImNvZGUiOiJSTSIsInBhaWRVcFRvIjoiMjAxNy0wMi0yNSJ9LHsiY29kZSI6IldTIiwicGFpZFVwVG8iOiIyMDE3LTAyLTI1In0seyJjb2RlIjoiREIiLCJwYWlkVXBUbyI6IjIwMTctMDItMjUifSx7ImNvZGUiOiJEQyIsInBhaWRVcFRvIjoiMjAxNy0wMi0yNSJ9XSwiaGFzaCI6IjMzOTgyOTkvMCIsImdyYWNlUGVyaW9kRGF5cyI6MCwiYXV0b1Byb2xvbmdhdGVkIjpmYWxzZSwiaXNBdXRvUHJvbG9uZ2F0ZWQiOmZhbHNlfQ==-keaxIkRgXPKE4BR/ZTs7s7UkP92LBxRe57HvWamu1EHVXTcV1B4f/KNQIrpOpN6dgpjig5eMVMPmo7yMPl+bmwQ8pTZaCGFuLqCHD1ngo6ywHKIQy0nR249sAUVaCl2wGJwaO4JeOh1opUx8chzSBVRZBMz0/MGyygi7duYAff9JQqfH3p/BhDTNM8eKl6z5tnneZ8ZG5bG1XvqFTqWk4FhGsEWdK7B+He44hPjBxKQl2gmZAodb6g9YxfTHhVRKQY5hQ7KPXNvh3ikerHkoaL5apgsVBZJOTDE2KdYTnGLmqxghFx6L0ofqKI6hMr48ergMyflDk6wLNGWJvYHLWw==-MIIEPjCCAiagAwIBAgIBBTANBgkqhkiG9w0BAQsFADAYMRYwFAYDVQQDDA1KZXRQcm9maWxlIENBMB4XDTE1MTEwMjA4MjE0OFoXDTE4MTEwMTA4MjE0OFowETEPMA0GA1UEAwwGcHJvZDN5MIIBIjANBgkqhkiG9w0BAQEFAAOCAQ8AMIIBCgKCAQEAxcQkq+zdxlR2mmRYBPzGbUNdMN6OaXiXzxIWtMEkrJMO/5oUfQJbLLuMSMK0QHFmaI37WShyxZcfRCidwXjot4zmNBKnlyHodDij/78TmVqFl8nOeD5+07B8VEaIu7c3E1N+e1doC6wht4I4+IEmtsPAdoaj5WCQVQbrI8KeT8M9VcBIWX7fD0fhexfg3ZRt0xqwMcXGNp3DdJHiO0rCdU+Itv7EmtnSVq9jBG1usMSFvMowR25mju2JcPFp1+I4ZI+FqgR8gyG8oiNDyNEoAbsR3lOpI7grUYSvkB/xVy/VoklPCK2h0f0GJxFjnye8NT1PAywoyl7RmiAVRE/EKwIDAQABo4GZMIGWMAkGA1UdEwQCMAAwHQYDVR0OBBYEFGEpG9oZGcfLMGNBkY7SgHiMGgTcMEgGA1UdIwRBMD+AFKOetkhnQhI2Qb1t4Lm0oFKLl/GzoRykGjAYMRYwFAYDVQQDDA1KZXRQcm9maWxlIENBggkA0myxg7KDeeEwEwYDVR0lBAwwCgYIKwYBBQUHAwEwCwYDVR0PBAQDAgWgMA0GCSqGSIb3DQEBCwUAA4ICAQC9WZuYgQedSuOc5TOUSrRigMw4/+wuC5EtZBfvdl4HT/8vzMW/oUlIP4YCvA0XKyBaCJ2iX+ZCDKoPfiYXiaSiH+HxAPV6J79vvouxKrWg2XV6ShFtPLP+0gPdGq3x9R3+kJbmAm8w+FOdlWqAfJrLvpzMGNeDU14YGXiZ9bVzmIQbwrBA+c/F4tlK/DV07dsNExihqFoibnqDiVNTGombaU2dDup2gwKdL81ua8EIcGNExHe82kjF4zwfadHk3bQVvbfdAwxcDy4xBjs3L4raPLU3yenSzr/OEur1+jfOxnQSmEcMXKXgrAQ9U55gwjcOFKrgOxEdek/Sk1VfOjvS+nuM4eyEruFMfaZHzoQiuw4IqgGc45ohFH0UUyjYcuFxxDSU9lMCv8qdHKm+wnPRb0l9l5vXsCBDuhAGYD6ss+Ga+aDY6f/qXZuUCEUOH3QUNbbCUlviSz6+GiRnt1kA9N2Qachl+2yBfaqUqr8h7Z2gsx5LcIf5kYNsqJ0GavXTVyWh7PYiKX4bs354ZQLUwwa/cG++2+wNWP+HtBhVxMRNTdVhSm38AknZlD+PTAsWGu9GyLmhti2EnVwGybSD2Dxmhxk3IPCkhKAK+pl0eWYGZWG3tJ9mZ7SowcXLWDFAk0lRJnKGFMTggrWjV8GYpw5bq23VmIqqDLgkNzuoog== 顺便说一句，其实jetbrains下的所有产品都是可以用这种方式激活的。。。如：PhpStorm,IntelliJ JDEA等。目前已经不能使用此种方式激活，请往下看。。。===================2017.2.20 更新上面的激活方式到2-25日过期，已经找到新的激活方式。注册时，在打开的License Activation窗口中选择“License server”，在输入框输入下面的网址：http://idea.iteblog.com/key.php点击：Activate即可。如图：2017-10-16 更新 webstorm 格式化代码及常用快捷键 

【阅读全文】2017/12/21　　标签：webstorm注册码webstorm注册码