- 博客(14)
- 收藏
- 关注
RSS订阅原创 HTML 邮件兼容问题与解决方案
HTML 邮件内容虽然也是 HTML，但是和我们在网页上使用的 HTML 不同，因为安全原因，各大邮箱服务商及邮件客户端都会对邮件内容进行一定程度上的处理，不会按照你写的原本 HTML 展示。在桌面和移动端渲染电子邮件大约有上百万种不同的组合方式。尤其是鼎鼎大名的 OutLook，从 OutLook2007 开始便使用 Word HTML 引擎进行渲染，为了它的安全性从而使得整个邮件倒退回了 2000 年前，为了邮件的兼容性你不得不使用很多废弃的标签、属性，并且这一状况将会维持无数个年头，因为虽然万
2022-04-22 14:06:39
2186
原创 React hooks错误用法
1. 不是所有的依赖都必须放到依赖数组中对于所有的 React Hooks 用户，都有一个共识：“useEffect 中使用到外部变量，都应该放到第二个数组参数中”，同时我们会安装 eslint-plugin-react-hooks 插件，来提醒自己是不是忘了某些变量。以上共识来自官方文档：https://zh-hans.reactjs.org/docs/hooks-reference.html#useeffect我愿称该条规则为万恶之源，这条规则以高亮展示，所有的新人都很重视，包括我自己。然而在
2022-02-22 11:51:45
369
原创 Puppeteer 使用
Puppeteer概念：headless browser（无头浏览器）：是一种在无界面的环境中运行浏览器，与正常浏览器的区别直接通过命令行或者程序语言操作没有界面，少了加载 css/js、渲染页面的工作，比真实浏览器更快，更稳定Puppeteer： 是 Chrome 开发团队在 2017 年发布的一个 Node.js 包，用来模拟 Chrome 浏览器的运行Selenium: 2004年就发布了，支持多种浏览器，多编程语言Puppeteer & Selenium 对比功能
2022-02-14 10:00:29
1000
原创 SEO优化
优化方向SEO常见的技术优化手段通常是针对于搜索引擎爬虫的，通过建立一系列约定的规则或手段来使得搜索引擎更好地抓取到网站的信息。我们可以通过两种方式来提供搜索引擎想要的信息，一种是提供必要的信息在自身的网站服务上被动等待搜索引擎获取，我们可以命名为：“被动式SEO”。还有一种是通过搜索引擎服务商提供的后台管理功能，直接把信息提供给搜索引擎服务商，我们可以命名为：“主动式SEO”。被动式SEO是常规地针对所有搜索引擎都开放的优化方式，涉及范围广，使用标准规范。而主动式SEO是针对特定的搜索引擎服务商的
2021-12-13 09:04:10
222
原创 个人的代码规范
前言我们是一群热爱编程的代码农，但我们不是代码奴！我们为写的代码负责，对代码素质有要求，由代码风格开始，测试，编写技术文档，一丝不苟!如果看到代码中有不符合以下规范的地方，请及时修改更正，如果你发现了不修正，和咸 ????有什么区别。以下规范由团队成员共同维护制定，请务必遵循这些规则，也请参与进来共同维护规范。如果发现规范有不合适的地方，请comment后修正规范，并让大家知道。代码风格我们的代码风格：eslint-config-aftership所有人遵循一套代码风格。"editor.co
2021-11-30 15:35:18
158
原创 解决Git和Windows的大小写不敏感产生的问题
Git和Windows的大小写不敏感产生的问题问题描述：在远程仓库中保存有文件p1，现希望将p1重命名为P1，直接在本地利用右键->重命名的方法进行修改，修改后无法进行提交，git bash 显示On branch master Your branch is up to date with ‘origin/master’. 查询资料后发现是由于Git默认大小写不敏感，键入如下命令将Git修改为大小写敏感git config core.ignorecase false，再次提交成功并推送到远程仓库，
2020-11-18 19:34:28
1073
原创 提高前端开发效率的工具
code review10月份网站1.Can I Use?"Can I use"提供了最新的浏览器支持表，能帮你检查支持台式机和移动 Web 浏览器上的前端 Web 技术。官网：https://caniuse.com/2.图片压缩网站https://tinypng.com/3.MDNMDN Web Docs 站点提供有关开放的 Web 技术的信息，包括用于 Web 站点和渐进式 Web 应用的 HTML、CSS 和 API 等技术。官网：https://developer.mozill
2020-10-26 23:18:57
292
原创 js判断数据类型
typeof返回数据类型，包含这7种： number、boolean、symbol、string、object、undefined、function。typeof null 返回类型错误，返回object引用类型，除了function返回function类型外，其他均返回object。其中，null 有属于自己的数据类型 Null ， 引用类型中的 数组、日期、正则 也都有属于自己的具体类型，而 typeof 对于这些类型的处理，只返回了处于其原型链最顶端的 Object 类型，没有错，但..
2020-09-27 16:03:31
83
原创 手把手带你封装一个vue移动端的脚手架
本文基于 vue-cli4.0+webpack 4+vant ui + sass+ rem 适配方案+axios 封装，构建手机端模板脚手架，开箱即用，让开发变得更简单。想看源代码请点击“阅读原文”，希望对你有所帮助！Node 版本要求Vue CLI 需要 Node.js 8.9 或更高版本 (推荐 8.11.0+)。你可以使用 nvm 或nvm-windows 在同一台电脑中管理多个 Node 版本。本示例 Node.js 12.14.1启动项目git clone https://github.
2020-08-23 22:40:01
718
2
原创 如何开发兼容不同屏幕的微信H5营销活动
**开发背景**由于传统的的可视化编辑h5营销互动，像易企秀这种，会受到很大的限制，很有很多动画和数据的交互无法实现，所以需要用代码来实现h5营销互动。注意细节1.需要引入第三方的动画库animate.css，提高开发动画的效率animation的语法:animation: name duration timing-function delay iteration-count direction;animation-name: 规定需要绑定到选择器的 keyframe 名称。。anima
2020-07-02 11:50:20
188
原创 javascript的一些开发技巧
对于Web开发或跨平台开发，JavaScript越来越流行。以前，它仅被认为是一种前端脚本语言，但现在它也越来越流行为后端脚本语言。甚至Facebook的React Native也基于JavaScript。因此，了解JavaScript中的一些技巧无疑将是有益的，这些技巧不仅不会阻止我们编写额外的代码行，而且还将使我们的代码清晰高效。1、数组索引考虑一个数组[10、9、8、7、6]，如果我们想将此数组的值分配给任何变量，则我们的定位方法将是const a = array [0]。如果我们想分配多个变量
2020-05-13 10:18:35
127
原创 提高vue项目的加载速度
以下以这三个方面进行性能优化：1. Vue 代码层面的优化；2. webpack 配置层面的优化；3. 基础的 Web 技术层面的优化。**一、代码层面的优化**1.1、v-if 和 v-show 区分使用场景v-if 是 真正 的条件渲染，因为它会确保在切换过程中条件块内的事件监听器和子组件适当地被销毁和重建；也是惰性的：如果在初始渲染时条件为假，则什么也不做——直到条件第一次变为真时，才会开始渲染条件块。v-show 就简单得多， 不管初始条件是什么，元素总是会被渲染，并且只是简单地基
2020-05-12 16:29:21
1325
原创 vuex api的用法
掌握工作中Vuex核心API用法以及基本原理Vuex是什么Vuex是Vue的状态管理工具，为了更方便实现多个组件共享状态。Vuex的特点：Vuex 的状态存储是响应式的。当 Vue 组件从 store 中读取状态的时候，若 store 中的状态发生变化，那么相应的组件也会相应地得到高效更新。你不能直接改变 store 中的状态。改变 store 中的状态的唯一途径就是显式地提交 (co...
2020-04-13 09:56:00
677
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人