ajhtdi1157-优快云博客

转载 CSS颜色代码

CSS颜色代码大全FFFFFF#DDDDDD#AAAAAA#888888#666666#444444#000000#FFB7DD#FF88C2#FF44AA#FF0088#C10066#A20055#8C0044#FFCCCC#FF8888#FF3333#FF0000...

2018-10-07 12:17:00 356

转载【网络文摘】一位36岁程序员的困惑

今天特郁闷，经理找我谈话，我被炒了。以前自信的感觉完全不在，取而代之的是职业生涯的困惑，不知道向何处去。　　想当初，为了学习更多知识的我到了一家软件公司，后来一直没有离开软件行业。而我的好哥们毕业后直接进入税务局，银行，以为他们只是浪费青春，学不到什么知识，可是他们却顺势识时务、会搞关系，擅长腐败而成功转型，都成副处或处长了。上次同学聚会上，虽然大家比较客气友好，但从内心来讲...

2018-09-30 21:09:00 1174

转载【网络文摘】大龄程序员怎样渡过中年危机？

在我还是25岁的时候，我和很多程序员一样，其实有同样的担心，老了以后怎么办？写代码难道还能写到30岁？当我30岁的时候，我发现自己创业去了，虽然非常苦逼，但是苦中作乐，还挺有挑战的。当然创业是没有退路的，创业要是失败了，估计更加没人要了。所以还是先想创业的事吧，35岁的大龄程序员问题还是5年以后再说。一晃我就35岁了，创业公司卖给优快云了，我在优快云当CTO了。话说这...

2018-09-30 21:05:00 357

转载【问题与解决】showModalDialog is not defined 的解决方案

背景：showModalDialog 是比较老的方法了，有些浏览器不再支持弹出模态窗口了。比如说谷歌浏览就不再支持了，有文章说明如下：Chrome’s Lack of Support for showModalDialog Breaks Some Enterprise Web Apps弹出窗口代码：var obj = new Object(); var...

2018-09-13 17:40:00 1703

转载【ASP.NET 问题】ASP.NET 网站404页面返回200，或者302的解决办法

做网站在优化网站时遇到了跳转404页面却返回 200、302状态的问题，这样的话搜索引擎会认为这个页面是一个正常的页面，但是这个页面实际是个错误页面，虽然对访问的用户而言，HTTP状态码是“404”还是“200”并没有什么区别，一样是提高了用户体验，但对搜索引擎而言，这则是相当重要的，甚至是致命的。当搜索引擎蜘蛛在请求某个错误URL地址得到“404”状态回应时，即知道该URL地址已经...

2018-07-30 18:24:00 387

转载 IIS 网站 HTTP 转 HTTPS

最近需要做 http 链接转成 https 链接，所以就去弄了，现在记录下：1.准备SSL证书最开始的时候用的是腾讯云的免费证书，有效期1年，但只能绑定一个二级域名。测试成功后，就去阿里云购买了证书。参考链接：免费SSL证书服务商一览2.导入证书○ 开始 -〉运行 -〉MMC；○ 启动控制台程序，选择菜单“文件"中的"添加/删除管理单元”-> “添加...

2018-06-02 11:40:00 278

转载 ECharts JS应用：图表页面实现

因为要统计数据进行图表展示，所以就简单学习了 ECharts JS 的应用。它是一个纯Javascript图库，它依赖于一个轻量级的Canvas库 ZRender，并提供直观、生动、交互式和高度可定制的数据可视化图表。其官网地址为：http://echarts.baidu.com教程文档地址：http://echarts.baidu.com/tutorial.html#5%20%...

2018-05-22 18:17:00 156

转载【问题与解决】怎么删除TFS云端上的项目

最近使用了Visual Stuidio提供的网络项目管理，感觉跟visual stuido结合起来还是很好用的，新建项目很简单，但是在删除项目的时候就没有那么简单了，直接通过VS的团队管理删除还会报错，Web 页面也没找到项目删除的入口。后来百度才知道，需要使用DOS命令来进行操作。具体的命令如下：D:\Program Files (x86)\Microsoft Visu...

2018-04-23 21:36:00 129

转载【问题与解决】Github 上传代码报错（error:1407742E:SSL routines:SSL23_GET_SERVER_HELLO:tlsv1 alert protocol version...

今天修改了GitHub 的代码，代码更新，想上传更新，却发现上传报错。错误代码：error:1407742E:SSL routines:SSL23_GET_SERVER_HELLO:tlsv1 alert protocol version果断网上寻找真相，据说是 GitHub 不再支持TLSv1/TLSv1.1了，公告地址：Weak cryptographic standards...

2018-03-01 20:48:00 384

转载【问题与解决】Mac OS通过 npm 安装 React Native 报错（checkPermissions Missing write access to /usr/local/lib/node_...

报错情况：当Mac OS通过 npm 安装 React Native 报错，警告文字为：checkPermissions Missing write access to /usr/local/lib/node_modules 报错图片如下：报错原因：npm 的安装权限不足解决办法：在安装命令前加上 sudo，根据提示输入密码即可。安装成功截图：转载于...

2018-03-01 20:35:00 192

转载【JavaScript 插件】图片展示插件 PhotoSwipe 初识

前言：考虑自己网站的图片展示，而且要支持移动端和PC端。自己写的代码也不尽如意，要写好的话也需要时间，于是就想到了使用相关插件。准备： PhotoSwipe 官网地址：http://photoswipe.com/ 英语还可以的同学可以看官方文档学习：http://photoswipe...

2018-03-01 20:32:00 329

转载【移动端 Web】怎么循序渐进地开发一个移动端页面

1. 移动页面开发基础1.1 像素——什么是像素像素是 Web 页面布局的基础，那么到底什么才是一个像素呢？像素：一个像素就是计算机屏幕所能显示一种特定颜色的最小区域。这是像素的概念，实际上，Web 前端开发领域，像素有以下两层含义：(1) 设备像素：设备屏幕的物理像素，对于任何设备来讲物理像素的数量是固定的。(2) CSS像素：这是一个抽象的概念，它是为 Web 开...

2017-12-22 18:57:00 132

转载【SQL 代码】SQL 语句记录(不定时更新)

1.数值四舍五入，小数点后保留2位round() 函数是四舍五入用，第一个参数是我们要被操作的数据，第二个参数是设置我们四舍五入之后小数点后显示几位。numeric 函数的2个参数，第一个表示数据长度，第二个参数表示小数点后位数。示例如下：-- 4.56select cast(round(4.564,2) as numeric(5,2));-- 4.57s...

2017-11-20 23:45:00 101

转载 CSS 小技巧(不定时更新)

1.Web 文本中的省略号在Web开发中，对于一种情况很常见。那就是，文本太长，而放置文本的容器不够长，而我们又不想让文本换行，所以，我们想使用省略号来解决这个问题。在今天HTML的标准中并没有相关的标识或属性让你可以简单地完成这个事。但是我们可以使用CSS样式表来完成这个事。下面是HTML代码：<div class="text"> <p cl...

2017-11-20 23:44:00 112

转载【jQuery Demo】图片切换效果整理

图片的切换效果有很多，比较常见的有水平滚动、垂直滚动、淡入淡出等。我们接下来一一实现这些效果。1.水平滚动1）我们先来实现HTML页面，代码很简单：<div id="container"> <ul class="slider"> <li><img src="../imgs/Girls/04.pn...

2017-11-20 23:41:00 77

转载【SQL 代码】SQL复制数据表及表结构

select * into 目标表名 from 源表名insert into 目标表名(fld1, fld2) select fld1, 5 from 源表名以上两句都是将'源表'的数据插入到'目标表'，但两句又有区别的：第一句（select into from）要求目标表不存在，因为在插入时会自动创建。第二句（insert into select from）要求...

2017-07-25 20:50:00 156

转载 Web 前端面试题整理(不定时更新)

重要知识需要系统学习、透彻学习，形成自己的知识链。万不可投机取巧，临时抱佛脚只求面试侥幸混过关是错误的！面试有几点需注意：面试题目：根据你的等级和职位的变化，入门级到专家级，广度和深度都会有所增加。题目类型：理论知识、算法、项目细节、技术视野、开放性题、工作案例。细节追问：可以确保问到你开始不懂或面试官开始不懂为止，这样可以大大延展题目的区分度和深度，知...

2017-04-25 20:49:00 216

转载 HTML和CSS中判断IE版本并实现相应HTML和CSS

在编写网页代码时，各种浏览器的兼容性是个必须考虑的问题，有些时候无法找到适合所有浏览器的写法，就只能写根据浏览器种类区别的代码，这时就要用到判断代码了。1.HTML代码中经过本人测试，在HTML代码中，区别各种浏览器的代码如下：<!--[if lte IE 6]&g...

2017-03-24 12:26:00 123

转载【转】JavaScript 的装载和执行

承接前面一篇文章《浏览器的渲染原理简介》，本文来说下JavaScript的装载和执行。通常来说，浏览器对于 JavaScript 的运行有两大特性：1) 载入后马上执行2) 执行时会阻塞页面后续的内容（包括页面的渲染、其他资源的下载）所以，如果有多个JS文件被引入，那么对于浏览器来说，这些JS文件将被串行地载入并依次执行。由于JavaScript 可能会操作 HTM...

2017-03-22 22:18:00 140

转载【转】浏览器的渲染原理

How Browsers Work这篇文章把浏览器的很多细节讲的很细，也有中文的翻译版本，现在转载的这篇是陈皓写的，目的的为了能在上班途中，或是坐马桶时就能读完，并能从中学会一些能用在工作上的东西。无论是作为开发，还是作为黑客，企图从Web 端注入 SQL，或是XSS 的时候，编码和解码都是一个重要的问题。作为浏览器，有URL解析引擎，有HTML解析引擎，还有JS解析引擎。其执行的...

2017-03-22 22:04:00 160

转载 Html5游戏框架createJS组件--EaselJS

CreateJS库是一款HTML5游戏开发的引擎，是一套可以构建丰富交互体验的HTML5游戏的开源工具包，旨在降低HTML5项目的开发难度和成本，让开发者以熟悉的方式打造更具现代感的网络交互体验。掌握了CreateJS可以更方便的完成HTML5的游戏开发。CreateJS提供了EaselJS、TweenJS、SoundJS和PreLoadJS四款工具：EaselJS:简化...

2017-03-21 21:50:00 293

转载【Little Demo】左右按钮tab选项卡双切换

通过前一篇文章从简单的Tab标签到Tab图片切换的说明，相关效果也就可以实现了。1.左右按钮tab选项卡双切换很明显，左右两个按钮是 absolute 布局，另外就是内容部分和Tab标签部分。1) 先实现Tab内容和标签部分的显示：HTML代码：<div class="tab-Infomations"> <div clas...

2017-03-21 21:20:00 226

转载【Little Demo】从简单的Tab标签到Tab图片切换

Tab标签切换效果是比较流行的一种网站页面布局，视觉表现为美观大方，通过标签展示内容。目前在各大网站都有存在这种效果。例如：淘宝的黄金位置使用Tab标签切换效果，网易新闻等。1.简单的 Tab 标签a) 先来实现Tab标签的头部通过HTML和CSS完成基本的标签效果。包括HTML的div标签和列表标签以及CSS定位、颜色和边距等。HTML代码：<d...

2017-03-18 19:35:00 216

转载前端工程师说明（仅以自勉）

现在，一位合格的前端工程师，必须对视觉设计有兴趣。很显然，要处理大量的Web应用程序需求，技术任务就要进行分类，以便于多人同时处理网站请求。事实上，现在已经不可能一个人快速地解决所有的技术细节了。1.前端的误解大多人都认为前端开发是一个[相对于其他模块来说更简单的领域]，在他们心中的前端工程师是这样工作的的：1、把Photoshop文件、图片或者线框放进一个...

2017-03-17 18:23:00 86

转载 CSS 布局整理

1.css垂直水平居中效果：HTML代码：<div id="container"> <div id="center-div"></div></div>CSS实现：都设置居中 div块的宽高和背景色。#center-div { width: 100px; height: 100px...

2017-03-17 18:20:00 109

转载【jQuery Demo】图片瀑布流实现

瀑布流就是像瀑布一样的网站——丰富的网站内容，特别是绚美的图片会让你流连忘返。你在浏览网站的时候只需要轻轻滑动一下鼠标滚轮，一切的美妙的图片精彩便可呈现在你面前。瀑布流网站是新兴的一种网站模式——她的典型代表是pinterest、美丽说、蘑菇街这类型的网站。下面是效果：核心内容：1.先设置布局，主要HTML代码如下<div id="contain...

2017-03-15 19:48:00 112

转载【Javascript Demo】图片瀑布流实现

瀑布流就是像瀑布一样的网站——丰富的网站内容，特别是绚美的图片会让你流连忘返。你在浏览网站的时候只需要轻轻滑动一下鼠标滚轮，一切的美妙的图片精彩便可呈现在你面前。瀑布流网站是新兴的一种网站模式——她的典型代表是pinterest、美丽说、蘑菇街这类型的网站。下面是效果：核心内容：1.先设置布局主要HTML代码如下<div id="contai...

2017-03-15 19:48:00 147

转载【React】入门实例

React 可以灵活的应用在各种各样的项目中。你可以用它来创建新的应用程序，你也可以逐步引用而不改变现有的代码库。React 起源于 Facebook 的内部项目，因为该公司对市场上所有JavaScript MVC 框架，都不满意，就决定自己写一套，用来架设Instagram的网站。做出来以后，发现这套东西很好用，就在2013年5月开源了。你可以直接访...

2017-03-09 19:30:00 71

转载【CSS Demo】纯 CSS 打造 Flow-Steps 导航

low-Steps 导航效果常用于需要表示执行步骤的交互页面，效果如下：步骤一步骤二步骤三通常使用图片来实现 Flow-Steps 效果，但此方法的灵活性不足，当内容变化较大时就可能需要重新切图，这里介绍使用纯 CSS 的方法来实现 Flow-Steps 效果：兼容版本此版本兼容主流的浏览器（IE6、7、8… FF、chrome），但也因此导...

2017-02-08 18:47:00 150

转载【CSS Demo】网站页面变灰

让网站所有元素变成灰色调，全浏览器支持，使用了滤镜，比较吃性能，建议作临时方案使用。实现效果（点击下面的按钮）：这里放一张图片作为效果展示：其CSS代码如下：body{ -webkit-filter:grayscale(100%); -moz-filter:grayscale(100%); -ms-filter:grayscale(100%)...

2017-02-07 21:40:00 109

转载【网络文摘】2016年里做前端是怎样一种体验

问：最近我接手了一个新的Web项目，不过老实说我已经好久没碰过这方面的代码了。听说前端的技术栈已经发生了极大的变革，不知道你现在是不是仍然处于最前沿的开发者阵列？答：准确来说，过去俗称的写网页的，现在应该叫做Front End Engineer，我确实属于这所谓的前端工程师。并且我才从JSConf与ReactConf面基回来，因此我觉得我觉得我还是了解目前Web前端领域最新的面貌的。...

2016-10-22 21:51:00 98

转载【JavaScript Demo】回到顶部功能实现

随着网站的不断发展，需要展示的内容也越来越丰富，这导致网页上能展示的内容越来越多。当内容堆积影响了用户体验，就需考虑如何提升用户体验。在这一系列的改动中，“回到顶部”的功能成为了一个经典。1.页面布局(1) 我们先简单的搭建一个长度为1200px的页面，保证视口的高度足够。<!DOCTYPE html><html lang="en">...

2016-10-22 20:07:00 130

转载【JavaScript 插件】实现图片倒影效果 - reflex.js

目前版本:reflex.js 1.5适用的主流浏览器：Mozilla Firefox 1.5+, Opera 9+, Safari and IE6+原理：通过 canvas 重画图片，显示倒影效果官方网址：http://www.netzgesta.de/reflex/效果展示：http://yexiaochao.github.io/demo/page4inverted...

2016-10-21 20:07:00 209

转载【读书笔记《Bootstrap 实战》】6.单页营销网站

我们已经掌握了很多实用 Bootstrap 的重要技能。现在，是时候拿出更多的创意来帮助客户实现他们全方位在线营销的愿望了。此次将带领大家做一个漂亮的单页高端营销网站。主要任务如下：□ 一个大型介绍性传送带图片展示区，配有自定义的响应式欢迎信息；□ 一个客户留言区，显示为带标题的图片墙，就像砖垒的一样；□ 一个功能清单，使用大号 Font Awesome 图标；□ ...

2016-10-19 22:21:00 224

转载【读书笔记《Bootstrap 实战》】5.电子商务网站

构建了公司网站之后，接下来就可以考虑设计一个在线商店了。此次的设计以上一章的设计为基础，只是添加了一个包含如下元素的新页面：□ 包含商品小图、标题和说明的产品网格；□ 位于左侧的变懒，用于按类别、品牌等筛选商品；□ 方便用户导航的面包屑和分页链接。大家先看一看Zappos (http://www.zappos.com/) 和Amazon (https://www....

2016-10-13 19:57:00 220

转载【读书笔记《Bootstrap 实战》】4.企业网站

上一章有对个人作品站点进行一些优化。本章，轮到我们充实这个作品站点了，补充一些项目，从而展示我们的能力。换句话说，我们要构建一个相对复杂的企业网站主页。下面有几个成功企业的网站：□ Zappos (http://www.zappos.com/)□ Amazon (https://www.amazon.com/)尽管这些网站网站各有特色，但共同的一点就是它们都很复杂。如...

2016-10-06 20:15:00 224

转载【问题&解决】fonts/fontawesome-webfont.woff2 404 (Not Found)

问题：虽然网页正常显示和运行，但是有2个字体文件出现404错误。像笔者这种强迫症是接受不了的。解决：因为笔者的服务器是虚拟主机，只需要在主机控制器平台添加对应的MIME类型即可。这样服务器就支持这两种字体文件，不会报错了。参考的解决方案文章全文如下：来源：http://www.yneit.com/2016/06/fontsfontawesom...

2016-10-02 22:19:00 214

转载【读书笔记《Bootstrap 实战》】3.优化站点资源、完成响应式图片、让传送带支持手势...

A.优化站点资源速度很重要。用户很关心。我们的站点必须加载够快，否则用户就会走人。SEO 也很重要。我们的站点必须加载够快，否者搜索排名就会下降。明白了这样，我们就来清点一下【Bootstrap】2.作品展示站点中的资源。特别的，来看一看我们能控制的、影响页面速度的重要因素 —— 文件大小，包括图片、CSS和 JavaScript 文件。只要简单几步，我们就可以给这些文件“瘦...

2016-10-02 22:17:00 124

转载【读书笔记《Bootstrap 实战》】2.作品展示站点

假设我们已经想好了要给自己的作品弄一个在线站点。一如既往，时间紧迫。我们需要快一点，但作品展示效果又必须专业。当然，站点还得是响应式的，能够在各种设备上正常浏览，因为这是我们向目标客户推销时的卖点。这个项目可以利用Bootstrap的很多内置特性，同时也将根据需要对Bootstrap进行一些定制。1.设计目标虽然对大屏幕中的展示效果已经胸有成竹，但我们还应该从小设备开始，强迫自己...

2016-10-02 22:15:00 177

转载【Bootstrap Demo】入门例子创建

本文简单介绍下如何来使用 Bootstrap，通过引入 Bootstrap，来实现一个最基本的入门例子。在前一篇博文【Bootstrap】1.初识Bootstrap基础之上，我们完全可以更加方便快捷的创建一个的简单例子。这个例子只有基本的东西：引入了预编译版的 CSS 和 JavaScript 文件，页面只包含了一个 container 元素。在Bootstrap的官方网...

2016-10-02 22:07:00 90

空空如也

空空如也