Fork me on GitHub

EDM邮件制作

EDM营销(Email Direct Marketing)也叫:Email营销、电子邮件营销。是指企业向目标客户发送EDM邮件,建立同目标顾客的沟通渠道,向其直接传达相关信息,用来促进销售的一种营销手段。也可用于发送邮件广告、产品信息、销售信息、市场调查、市场推广活动信息等。

1. 清除表格默认样式

如果你对<table>相关属性不太了解,建议先了解一下它常用的一些属性

table标签用来定义一个表格,无论是在邮件中还是在不同浏览器中,table标签都带有默认的间距以及一些不能被Style覆盖的属性,在页面清除相对简单一行CSS就搞定,但在邮件中我们只能写行内样式,所以需要给<table>加上以下属性和样式。

1
2
3
4
5
6
7
8
<table cellpadding="0" cellspacing="0" border="0" style="border-spacing:0; border-collapse:collapse;table-layout:fixed;">
<tr>
<td style="padding: 0;">
<!-- 嵌套表格也需要清除样式 -->
<table cellpadding="0" cellspacing="0" border="0" style="border-spacing:0; border-collapse:collapse;table-layout:fixed;"></table>
</td>
</tr>
</table>
Read more

Vue项目部署的最佳实践

前言

使用vuereactangular等技术开发过程中,我们都会遇到以下问题:

  1. 首屏加载慢
  2. 每一次更新都需要清除浏览器缓存才能看到效果(经常被测试吐槽)

这两个问题可以从很多方面进行优化,今天我就从前端页面部署阶段来优化一下这两个问题。PS:以下内容都基于vue-cli3+

前端页面文件缓存方案

vue-cli3打包说起

路由使用按需加载后,打包生成的文件,每一个路由页面都对应一个jscss文件,入口main.js及其依赖则打包成了app.jsapp.css,公共依赖都放到了chunk-vendors.js

vue-cli3打包后的dist/js文件夹:

Read more

Hexo一键部署到云服务器

摘要: 在云主机上搭建一个私有git裸仓库,然后使用nginx作为web服务器,就可以轻松将Hexo博客通过git一键部署到云主机上。

为什么要把Hexo放到服务器上呢?

  1. 首先,因为Github国内访问实在是有点慢,也不想用CDN加速。

  2. 码云托管指定域名的服务要花钱,不想花钱。

  3. 主要还是自己比较喜欢折腾。

  4. 为什么不用Workpress呢?因为选主题实在是太难了,太难选到心仪的主题,样式自己盖起来也不那么方便。我的Woekpress博客已经打算放弃他了。

Read more

整理的html&css属性

HTML

CSS

文本超出两行添加省略号隐藏

css的三条属性

overflow:hidden; //超出的文本隐藏

text-overflow:ellipsis; //溢出用省略号显示

white-space:nowrap; //溢出不换行

这三个是css的基础属性,需要记得。

但是第三条属性,只能显示一行,不能用在这里,那么如果显示多行呢?

css3解决了这个问题,解决方法如下:

display:-webkit-box; //将对象作为弹性伸缩盒子模型显示。

-webkit-box-orient:vertical; //从上到下垂直排列子元素(设置伸缩盒子的子元素排列方式)

-webkit-line-clamp:2; //这个属性不是css的规范属性,需要组合上面两个属性,表示显示的行数。

最后的css样式如下:

1
2
3
4
5
6
7
8
9
overflow:hidden; 

text-overflow:ellipsis;

display:-webkit-box;

-webkit-box-orient:vertical;

-webkit-line-clamp:2;

连续的英文字母和数字换行

此属性只能用来处理英文和数字,汉字无效

1
2
3
word-break: break-all;    //  按字母换行
word-break: break-word; // 按单词换行
word-break: keep-all; // 按空格,单个单词过长不会换行

禁止鼠标点击

  1. 阻止用户的点击动作产生任何效果

  2. 阻止缺省鼠标指针的显示

  3. 阻止CSS里的hover和active状态的变化触发事件

  4. 阻止JavaScript点击动作触发的事件

1
2
3
4
5
.disabled {
pointer-events: none;
cursor: default;
opacity: 0.6;
}

React-Native环境搭建

安装依赖

必须安装的依赖有:Node、Python2、JDK 和 Android Studio。

虽然你可以使用任何编辑器来开发应用(编写 js 代码),但你仍然必须安装 Android Studio 来获得编译 Android 应用所需的工具和环境。

Node, Python2, JDK

我们建议直接使用搜索引擎搜索下载 Node 、Python2 和Java SE Development Kit (JDK)

Read more
载入天数...载入时分秒...

请我喝杯咖啡吧~

支付宝
微信