精华内容
下载资源
问答
  • 这是因为 EditPlus 的语法是设置文件采用的是绝对路径,而在你设置了语法文件之后,再程序复制其它目录,因而导致 EditPlus 无法找到该语法文件。 解决办法: 在主程序目录里,找到 Setting.ini 这是 EditPlus ...
  • 怎么把网站设为灰色为方便站点哀悼,特提供css滤镜代码,以表哀悼。以下为全站CSS代码。 html{filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);} 使用方法:这段代码可以变网页为黑白,将代码...

    怎么把网站设为灰色

    为方便站点哀悼,特提供css滤镜代码,以表哀悼。以下为全站CSS代码。

    html{filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);}

    使用方法:这段代码可以变网页为黑白,将代码加到CSS最顶端就可以实现素装。建议全国站长动起来。为在地震中遇难的同胞哀悼。

    如果网站没有使用CSS,可以在网页/模板的HTML代码 <head>和 </head>之间插入:

    <style>
    html{filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);}
    </style>

    有一些站长的网站可能使用这个css不能生效,是因为网站没有使用最新的网页标准协议

    <!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <htmlxmlns="http://www.w3.org/1999/xhtml">

    请将网页最头部的 <html>替换为以上代码。

    有一些网站FLASH动画的颜色不能被CSS滤镜控制,可以在FLASH代码的 <object…>和 </object>之间插入:

    <paramvalue="false"name="menu"/>
    <paramvalue="opaque"name="wmode"/>

    最简单的把页面变成灰色的代码是在head之间加
    <styletype="text/css">

    html{
    FILTER:gray
    }
    </style>

    一般的discuz论坛在你的控制css文件下修改
    /images/header/header.css这个文件,点源码即可看到

    另在哀悼日或遇难的新闻,所有专题和主题图片上不能使用红色标题。
    展开全文
  • 关键是我看到psd图我怎么知道我要img插在文字的哪里,大家看我在红线部分插的图,结果浮动了后面去了 3.在ide输入长文字的时候按下回车,多行输入,显示在网页的时候好像会有一个小空白间隔(图红圈的...
  • 一、过多嵌套用户控件 .Net为了避免命名的重复,客户端ID的命名都是将祖祖孙辈辈的名称起来,作为当前控件的名字,而且在.Net,客户端HTML元素基本都有ID,CSS属性。这样一来,客户端输出的代码,仅是名称就会占...
    一、过多嵌套用户控件
      .Net为了避免命名的重复,客户端ID的命名都是将祖祖孙辈辈的名称加起来,作为当前控件的名字,而且在.Net中,客户端HTML元素基本都有ID,CSS属性。这样一来,客户端输出的代码,仅是名称就会占到代码量的1/4左右。正确的做法是少用用户控件,将控件名缩短。
    二、使用太多的视图状态
      .Net的视图状态是很爽,但你知道视图状态是怎么工作的么?它是把数据经过编码后,输出到客户端的隐藏域中。以前就见到一哥们,输出的代码居然有2M,天啦,NotePad都打不开。正确的做法是尽量少用视图状态,以前.Net没出来的时候,大家就不做网页了么?有那么多数据需要保存么?
    三、一切都由服务器响应
      我不知道是该骂MS白痴还是应骂某些程序员白痴,一个返回事件都要由服务器去响应,考验服务器的水平么?现在都要向富客户端或者智能客户端发展了,还把什么东西都交给服务器干什么?如果让去开发一个并发访问上千次的网站,你就知道少一个服务器响应对于服务器来讲是多么重要了。正确的做法是能在客户端响应,尽量由客户端响应,谁喜欢有事没事地刷屏啊,刷得眼都花了
    四、完全依赖于服务器控件
      某些程序员不管是做什么,总喜欢拉一个服务器控件到网页中,哪怕是简单的文字,也要接一个Label。可是这样你知不知道.Net所有的服务器控件都需要.Net FrameWork经手一遍呢?拜托,别考验服务器了,让他歇会儿吧
    五、过多地使用Session
      不管是.Net,还是Java,还是ASP等等,一律少用Session,这个东西太浪费资源了,而且在IIS下还容易丢失,放弃吧。
    六、不考虑最终生成的HTML代码
      .Net确实非常强大,但还没有强大到不使用HTML代码,.Net最终生成的代码麻烦你在开发的时候看一看,你就会慎重选择服务器控件、视图状态这些玩意儿了。别发生2M的HTML代码这样的笑话了。
    七、乱用新技术
      网页是做给别人用的,别一会儿反射,一会设计模式,一会儿泛型的,把合适的技术用在合适的地方,才是最好的技术
      最后,希望所有的.Net程序员,只要你在做Web开发,多去学学HTML,CSS,Javascript,这些是做网页的基础。
      

    注意:本文为我的独立博客镜像博客,自发表不再更新,原文可能随时被更新,敬请访问原文。同时,请大家不要在此评论,如果有什么看法,请点击这里:http://iove.net/1705/

    本文来自http://iove.net,欢迎转载,转载敬请保留相关链接,否则视为侵权,原文链接:http://iove.net/1705/

    转载于:https://www.cnblogs.com/conis/archive/2008/01/18/1720543.html

    展开全文
  • 可以看到我们css样式的font定义的样式,在flutter,需要</p><pre><code>new TextStyle</code></pre>,<a href="https://docs.flutter.io/flutter/painting/TextStyle-class....
  • <ul><li>JS 基础 / 进阶相关 </li><li>HTML / CSS 相关,这方面问的真的很少了</li><li>浏览器 / 性能优化 / 工程相关</li><li>框架使用相关,也就是基础问题</li><li>框架原理相关,就算你没看...
  • 然而虽然新概念、新特性层出不穷,细分领域愈专业化,但其究极奥义始终未变 – 不管你怎么折腾,生成出来的交付物仍是 HTML/CSS/JS 老三样等静态资源,加上若干动态请求 的形式。从直接文件拖放 FTP 软件...

    随着几次浏览器大战的硝烟散尽和 Flash 的背影远去,当下的 web 应用开发经过十余年的发展,在工程化、测试、持续集成等方面都已经汇入了软件开发的快车道。
    然而虽然新概念、新特性层出不穷,细分领域愈加专业化,但其究极奥义始终未变 – 不管你怎么折腾,生成出来的交付物仍是 HTML/CSS/JS 老三样等静态资源,加上若干动态请求 的形式。从直接把文件拖放到 FTP 软件中手动上传的刀耕火种时代,到如今 Docker 镜像成为一种常见的部署格式 ,研发团队和运维团队的交互也在发生变化。
    本文将在个人经验的基础上,尝试以一个前端项目为案例,浅谈其面向部署时的一些固有问题,以及与 Docker 相关的部分实践。
    拥抱 Docker 时的麻烦
    在此之前,要部署一个前端项目,运维人员需要做什么呢?

    安装完整的 node 环境并保持其更新
    阅读前端项目中 README 中的相关说明并更改相关文件中的设置项
    用 npm 安装一些全局依赖项
    保证 npm run build 流程的正确运行
    和前端开发同事协作解决由于打包机器不同可能带来的问题

    等搞定这么一全套的“份外”工作,才能得到打包后的目标文件并开始部署;这不但是多么痛的一种领悟,也是工作流层面一系列莫大的耦合。

    “All problems in computer science can be solved by another level of indirection.” – David John Wheeler

    面对代码封装中出现的耦合类问题,即便不了解 SOLID 原则、DRY 原则等等,以上这句 “啥都不叫事,抽象就对了!” 也算得上应该谨记的万金油了,是解耦的根本所在。
    Docker 镜像就作为这样一种优良的抽象层,为研发团队和运维团队更好地解耦提供了可能。
    然而在实际开发和部署中,囿于旧有经验和认知水平,可能会存在一些新问题:
    利用不同的环境变量分别编译
    严格来说这不算遇到 Docker 后才有的问题,可以说绝大部分前端项目一直都是默认这么做的。
    根据 BUILD_ENV 环境变量,分别对开发、测试、预发、生产环境等区分编译不同的 API 的访问前缀 – 比如对 GET /api/shops 数据接口的访问地址被分别编译成 http://test.com/api/shops、https://api.stage.com/shops 等,虽然在传统的物理主机/虚拟主机工作流中这是无可指摘的标准做法;但在 Docker 语境中,这会导致分多次生成几个不同的镜像,从理论上难以保证“所测试的就是所部署的”这一理念。
    此外,无法控制团队中的开发人员会利用这一特性添加什么其它的变量,甚至因为线上 bug 在本地难以重现而加以滥用作出特殊处理的也并不鲜见,这些都会对项目部署造成未知的干扰。
    所以对于环境变量,或许我们应该稍稍反思并保证最小化使用,从而探索更适于 Docker 的新经验。
    在镜像外独立构建等
    无论对于分发还是部署,镜像越小越好,这是面对 Docker 时的一条普遍共识。对于构建过程中常见的优化方式有:

    选用 alpine 版本的基础镜像
    用 && 操作符来实现链式的 RUN 等指令以减少分层
    在容器中使用 nginx 而非 node 来伺服静态文件(服务器软件本身至少能减少 70M+)

    另外,编译过程中的依赖文件 也是没有必要包含在最终镜像中的,一般的处理如:

    在 Dockerfile 中编译然后用指令语句删除一些文件
    分为可复用的依赖镜像和最终打包镜像
    利用 Docker 的多阶段构建,在一个 Dockerfile 中解决问题;后面会有介绍

    比较糟糕的一种做法可能是,每次让运维人员利用类似 npm run build && docker build … 的命令,在服务器上构建项目再打包到 Docker 镜像中。这样做既增加了运维团队的负担,使其和传统模式一样深陷在环境依赖和繁复流程中;又无法保证其手动调整项目配置项等代码后整体的正确性;且 npm 打包环境异于开发者,有较高的不确定性。
    构建参数
    –build-arg 本身是个很方便的属性,能在 docker build 时传入必要的参数。但和项目中的环境变量类似,如果应用不当也会造成不同环境下镜像不一致的问题。因此交由运维人员或者自动化执行的 docker build 命令最好没有构建参数。
    SASS 依赖
    不同于其它依赖项,npm 安装 node-sass 包时,会从 github.com 上下载 .node 文件等。由于网络环境的问题,这个下载时间通常会很长,甚至导致超时失败。这往往成为了运维人员一个意料之外的痛点。
    一般的解决办法是在 Dockerfile 中用 ENV 指令指定淘宝源:
    ENV SASS_BINARY_SITE https://npm.taobao.org/mirrors/node-sass/
    复制代码而有些项目的构建环境更加极端,出于安全等考虑无法访问外网,其它依赖从公司内部的私有 npm 源上获取。这时针对 node-sass 问题,处理起来就要更特殊一些:

    访问 github.com/sass/node-s… .node 文件
    将 npm i node-sass --sass_binary_path=<下载的.node文件> 语句整合进 Dockerfile

    让镜像更易于交付
    汇总之前分析的种种细节,来相对完整地看看如何配置镜像:
    Dockerfile 多阶段构建
    Docker 多阶段构建 是 17.05 版本开始后才有的一个特性。多阶段构建允许我们将多个 FROM 语句放在同一个 Dockerfile 中。
    每条 FROM 指令都可以使用各自不同的基础镜像。每个 FROM 语句也都标记了 Docker 构建过程中一个新阶段的开始。我们可以拷贝一个阶段的产出物到另一个阶段,也可以抛弃不需要的部分。
    这是个非常有用的特性,能避免最终镜像中存在编译过程中的依赖文件,也就是镜像会变得更小了 。

    stage 0

    FROM node:10-alpine as build-stage
    WORKDIR /app
    COPY package.json ./
    ENV SASS_BINARY_SITE https://npm.taobao.org/mirrors/node-sass/
    RUN npm install --registry=https://registry.npm.taobao.org
    COPY . .
    RUN npm run build-prod --silent

    stage 1 (nginx)

    FROM nginx:1.17-alpine
    COPY config/nginx.conf /etc/nginx/conf.d/default.conf
    COPY --from=build-stage /app/dist /usr/share/nginx/html
    EXPOSE 8081
    CMD [“nginx”, “-g”, “daemon off;”]
    复制代码注意我们通过 –from= 引用了 构建阶段 stage 0,并从构建阶段的工作目录拷贝了项目代码。
    用数据卷覆盖镜像内配置
    既然说了 npm 项目构建阶段用环境变量写入 API 请求地址等行为破坏 Docker 镜像的一致性,那到底如何请求到正确的端点呢?总要有个类似变量的东西传进去呀 ?!
    但由于一来浏览器中无法用 process 感知环境,二来 Nginx 又不似 Node.js 应用一样可以直接传入参数;我们只好稍费周章,想办法 写入一些 Nginx 可以伺服的文件作为变量来源。
    采用的技术正是 Docker 中的数据卷(volume),也就是在 docker run 时加载指定的目录或文件,用以在容器内创建或覆盖某些路径。单以写入 API 请求地址的需求为例,具体做法如下:

    在服务器上创建一个 endpoint.json 文件,内容为:

    {
    “ENDPOINT”: “http://api.app.com:5678”
    }
    复制代码
    在 ``docker run时加入参数-v`:

    docker run -p 48081:8081 -v <JSON文件绝对地址>:/usr/share/nginx/html/endpoint.json:ro -d <镜像名>
    复制代码这样就在容器中的项目根目录下楔入了一个我们可以随意配置的文件。
    项目局部的异步改造
    配置文件很轻松的就解决了,那么有了 endpoint.json 配置文件,如何在 runtime 将其应用于每一次异步请求呢?思路似乎也颇为简单:

    项目启动时先异步读取配置文件中的 ENDPOINT 属性
    将读取到的属性放入项目中 fetch/ajax 框架的构造函数中,完成统一注入

    注:某些构建糟糕的项目可能要多费些事了,需要将原本分散写在各处的请求前缀收敛为由统一的 fetch/ajax 框架处理
    但或许麻烦就来自于异步请求这里 – 由于一些状态管理工具的 store 里也存在异步请求,甚至 router 等处也会引用到 store,就很有可能造成 其异步调用早于 fetch/ajax 框架的构造函数 执行,,从而造成一些请求的失败;我们要做的就是对这些部分改为延迟加载。
    以 vue 项目为例,在 main.js 中:

    删除原有的 import 语句:

    // import router from ‘./router’;
    // import store from ‘./store’;
    复制代码
    改为延迟加载:

    const init = async () => {
    const store = await import(’./store’);
    const router = await import(’./router’);
    return new Vue({
    i18n,
    router: router.default,
    store: store.default,
    render: h => h(App),
    }).$mount(’#app’);
    };
    复制代码
    保证顺序的初始化:

    fetch(’/endpoint.json’).then(res => res.json()).then(cfg => {
    window.API_ENDPOINT = cfg.ENDPOINT;
    init();
    });
    复制代码以及,在 fetch 框架中的引用:
    const FetchWrapper = function(option) {
    const r = new QuickFetch(mergeWith({
    endpoint: window.API_ENDPOINT,
    baseURL: ‘/api’
    }, option));


    }
    复制代码总结
    面向以 Docker 镜像为交付物的前端开发,代码层面所需的调整其实不是很多,主要是观念上是否敢于从传统舒适的工作模式稍微跳脱出来。
    另外在团队中多换位思考,让开发链条中处于下游的运维小伙伴更乐于对接你的工作,共同提升开发部署效率和质量,也是很重要的。

    展开全文
  • router了用户信息我希望这个用户信息放store里,因为在router拿不vue实例,无法直接操作vuex的方法,这个时候如果没有 event-bus 就很难操作。 所以通常 event-bus 我们都会用在...
  • 首页请求数据之后,根据热门度返回多个数据,将数据存储list集合,并且将它转换为JSON格式数据,返回页面,页面解析数据并且显示。  商场则负责显示所有的商品数据,实现侧边栏点击指定的类别之后,显示对应...
  • asp.net知识库

    2015-06-18 08:45:45
    怎么在ASP.NET 2.0使用Membership asp.net 2.0-实现数据访问(1) ASP.NET 2.0 新特性 .NET 2.0里使用强类型数据创建多层应用 在MastPage引用脚本资源 2.0正式版callback的一些变化+使用示例(ASP.NET 2.0)...
  • 搜房网、汽车之家等大型网站中用的网站静态化、图片服务器分离、高性能缓存、HTML/JS压缩、CDN、CSS Sprite、负载均衡、Memcached、镜像服务器同步等问题不是那些随手写出来的所谓在线商城、电子商务系统所所能够...
  • 搜房网、汽车之家等大型网站中用的网站静态化、图片服务器分离、高性能缓存、HTML/JS压缩、CDN、CSS Sprite、负载均衡、Memcached、镜像服务器同步等问题不是那些随手写出来的所谓在线商城、电子商务系统所所能够...
  • 最后我用的方法是新建一个table,并源tr克隆新table,然后通过对新table定位来实现效果。 用这个方法关键有两点,首先要做一个仿真度尽可能高的tr,还有是要准确的定位,这些请看后面的程序说明。 程序说明 ...
  • 2、如果你在后台应用里安装本模板失败,可能是服务器限制的附件不能超过2M,而本模板有4.4M多,所以最好是模板下载本地,然后用FTP上传模板文件夹里,再后台模板去激活。 模板介绍 介绍:古典大气、响应式...
  • 班会第 44 期

    2020-12-08 21:06:39
    以最小的尺寸填充容器,一定会撑满容器,且可能会出现背景图片显示不全的情况</li><li>background-origin</li><li>border-box</li><li>padding-box</li><li>content-box</li><li>background-clip...
  • fckedit编辑器

    2013-11-10 14:28:32
    然后将FCKeditor-2.3.zip(java)压缩包\web\WEB-INF\lib\目录下的两个jar文件拷项目的\WEB-INF\ lib\目录下其中的src目录下的FCKeditor.tld文件copyTestFCKedit/WEB-INF/下 4.合并web.xml: 将FCKeditor-...
  • <p><em>想跳过技术细节直接看怎么实践的同学可以拖文章底部,直接看最后一节。</em></p> 目前社区有很多关于微前端架构的介绍,但大多停留在概念介绍的阶段。而本文会就某一个具体的类型场景,...
  • 本系统采用html+css架构,兼容FF,IE7及以上等主流浏览器【未测试IE6】。 TSDQQ网址导航系统简介: 1、TSDQQ网址导航系统的宗旨,纯净,简约,美观,免费,大数据随时更新。上传主目录和任何二级目录均可以使用。 ...
  • 本系统采用html css架构,兼容FF,IE7及以上等主流浏览器【未测试IE6】。 1、TSDQQ网址导航系统的宗旨,纯净,简约,美观,免费,大数据随时更新。上传主目录和任何二级目录均可以使用。 2、网站有后台,可以关闭...
  • webpack编译流程漫谈

    2020-12-02 18:03:50
    【webpack编译对象compilation】 webpack将编译结果导出output是怎么做到的 如上,webpack在plugin结束前,将会在内存生成一个compilation对象文件模块tree。 这个阶段是webpack的done阶段 : ...
  • JAVA自学之路

    2012-09-21 20:39:46
    但是如果时间花在spring的各种细节的研究上,花在研究中国企业应用不广泛地的spring mvc上,这个精力就太浪费了,而且学习的积极性会受打击,谁愿意整天泡在细节的蜘蛛网挣扎不出来呢?谁愿意天天经历风雨却...
  • 还有就是如果要对控件应用CSS的话就这么写:cssclass="",而不是以前HTML中的class=""。 二、所有WEB控件都要包含在<form runat="server"></form>中,否则就会出错。 今天就此结束,请继续往后面看,下次开始就要...
  • 干脆组件 fork 我项目里吧。bower 作为对格式无约定的包管理器,非常适合安装、升级外部模块。 <h3>3. 问题出在哪里? 刚刚我用“轻便”来描述我们的项目源码环境,实际上每个项目迭代几个...
  • 在函数a可以访问变量g,那是因为函数a包含了message的变量对象,于是在自身没有开始搜索上一级的变量对象时发现了,于是可以访问。那么访问c的原理也是如此,当自身和上一级的message的...
  • 记录选中的行信息,然后这个records数据传递给grid2里面的[align=left][/align]store里面的[align=left][/align]data,这里我不知道怎么处理或者有其他方法吗? [b]问题补充:[/b] [img][/img] [b]问题补充:[/b]...
  • Node.js也可以直接使用<a href="https://nodejs.org/api/assert.html">原生assert库。这里后续以Should.js为例 3. 代码覆盖率:<a href="https://github.com/gotwarlost/istanbul">istanbul等等为代码在语法...
  • 虽然无论在 main process 还是在 renderer process 中都可以读配置,但是考虑两个进程数据同步的问题,我个人觉得,这种配置读取与写入,还是统一在 main process 做好,...
  • 第一步:解压缩程序任意文件夹; 第二步:停止本地IIS服务; 第三步:双击程序根目录下的“Asai.exe”,即红色的b形状的程序,即可打开页面调试; 第四步:默认调试地址为“http://127.0.0.1/”或...
  • // 将节点保存状态,以便于后面删除 this.body[i].flag = s; // 设置宽高 s.style.width = this.width + 'px'; s.style.height = this.height + 'px'; s.style.borderRadius = "50%"; s.style....

空空如也

空空如也

1 2
收藏数 34
精华内容 13
关键字:

怎么把css加到html中