3 月 « 2023 « Joseph Xu的Blog


var href = '' // 下载链接
var a = document.createElement('a');
a.setAttribute('href', href);
a.setAttribute('target', '_blank');
a.setAttribute('id', 'startTelMedicine');
// 防止反复添加
if(document.getElementById('startTelMedicine')) {
    document.body.removeChild(document.getElementById('startTelMedicine'));
}
document.body.appendChild(a);
a.click();

我们在做广告投放时，经常会觉得文案很难写没有头绪，但是文案是消费者看到我们广告最直观的东西，是吸引消费者点击的关键因素。

贪婪是人性最大的特点之一，在互联网中有很多人都喜欢贪小便宜，只要送些东西都能吸引他们。
人对未知的东西都会有好奇的心理，看到疑惑的事物会想去了解并且找出答案。
从众心理是一种很有趣的心理，普通人往往喜欢跟着群众的步伐走，比如：
懒惰是十分普遍的，近几年出现一种新型人群叫伸手党，习惯跟别人索要各种东西，例如学习资料、PS破解版、设计素材之类的，却不愿自己动手收集，所以可以利用人们的懒惰心理撰写文案。

场景化文案
Y型文案人是指用最直白的最简单的文字为消费者创造场景，影响消费者的心智。
例如：红牛的经典广告语困了累了喝红牛，在你脑海中会浮现困的时候、累的时候喝红牛的场景。
在最强大脑节目火起来的经常用脑多喝六个核桃，在你脑海中会浮现在算题做卷子用脑的时候，喝六个核桃的场景。
这就是场景化文案，为消费者创造一个场景，在场景中说明我们的产品和服务有多好，这才能触碰到消费者的心智，进而影响他们。
在记忆的技巧中，有一种也是类似的场景记忆法，通过对英文单词加以想象，创造出关于这个英文单词的场景，从而加深印象，更好的缓解艾宾浩斯遗忘曲线的指数降低。
场景化文案也能加深消费者对我们的印象，并且通过长期广告投放持续曝光，影响消费者心智。
在写场景化文案时，也不能瞎写，要符合消费者需求的同时符合我们产品或服务。

观念型文案
这种文案既没有突出品牌又没有突出服务，而且传播自己的一种观念，从而影响消费者心智。
耐克所用的"just do it"，在传播立刻运动起来的观念；
微信的"是一个生活方式"，通过对微信的定位，从而影响生活方式在消费者的心智，我们会发现原来生活方式还能这样子。
在满足了如生理需求的低层次需求后，衍生出高层次需求，如安全需求、尊重需求等。
我们需要根据需求，撰写相应的文案，比如在消费升级的时代，人们不在满足于只喝水，而选择喝那种水更健康。
最典型的文案：我们不生产水，我们只是大自然的搬运工。
结合了场景化文案，告诉消费者：我们的水来自大自然，是健康水。
满足了人们对健康水的需求，并且这句广告语也深深地影响了我们的心智，让消费者选择我们。
广告文案都是以让消费者从想买转变成选择我们为目的，除非你不想卖出你的产品或服务。
希望对大家有所帮助，明白什么才是优秀的广告文案，知道怎么写出吸引客户的广告文案。

注册或购买域名后，我们可以直接在域名管理平台做解析，这种单纯的域名解析是不收费的。这种域名解析就是把域名和IP地址建立联系，域名解析完成后便可以通过域名访问对应的网站。

但如果想确保域名解析安全、稳定、高效，就需要购买高防DNS。除了基础性域名解析外，还有DNS防护，解析线路、解析记录条数、宕机检测等域名解析增值服务。

它们一样是因为：

都是鼠标落上去的时候触发的。

它们不一样是因为：

onmousemove是javascript里面的，他可以触发js命令，但是hover做不到，hover只是css样式的类，只能定义样式。
比如说鼠标落上去实现一个弹出窗口的操作，就要用onmousemove，用hover的css定义是没办法的。除非在css里面再调用js，那就麻烦了。

细节:

hover包括了鼠标移到对象上，同时鼠标再移出对象的过程，相应的子类也被选中。

mouseover是鼠标经过对象时，不包含他的子类同时被选中。

主要区别在于 hover元素的子类上也有添加了事件驱动。而mouseover 只对当前元素添加事件驱动。

且 hover 事件包含mouseover 事件

mousemove(fn);

在每一个匹配元素的mousemove事件中绑定一个处理函数。

hover(over, out);

一个模仿悬停事件（鼠标移动到一个对象上面及移出这个对象）的方法。这是一个自定义的方法，它为频繁使用的任务提供了一种“保持在其中”的状态。

当鼠标移动到一个匹配的元素上面时，会触发指定的第一个函数。当鼠标移出这个元素时，会触发指定的第二个函数。而且，会伴随着对鼠标是否仍然处在特定元素中的检测（对子类的检测），如果是，则会继续保持“悬停”状态，而不触发移出事件（mouseout）。



public class Puppy{
    int puppyAge;

    public Puppy(age){
      puppyAge = age;
    }

    public void say() {
      System.out.println("汪汪汪"); 
    }
}


var child = document.getElementById("child");// 获取子元素
var parent = document.createElement('parent');// 新建父元素
parent.className = 'parent';
child.parentNode.replaceChild(parent,child);// 获取子元素原来的父元素并将新父元素代替子元素
parent.appendChild(child);// 在新父元素下添加原来的子元素

WordPress解决因更换主题不能进入后台问题（恢复默认主题）

解决因更换主题后，进入不了word press后台问题。

1）登陆Wordpress的数据库

2）修改 wp_options 数据表的 template ， stylesheet 的字段修改为需要设置的主题名称

3）登陆wordpress网站，查看是否已经更换了主题。无效时，重启服务器，然后登陆后台。

解决custom liquid 无法翻译问题

翻译键格式：

{{ 'yurob_about.yurob_about33' | t }}

需分别在en.json 和 es.json中进行配置：

en.json：

  "yurobabout": {
    "yurobabout33": "Yurob focuses on the R&D and manufacturing of medical devices such as electric wheelchairs. It is located in Kunshan,adjacent to Shanghai. Covers an area of 10,000 square meters.At present, the products are divided into five categories: electric wheelchair, manual wheelchair, golf scooter, nursingbed and patient lifts to meet different health needs, and continue to be exported all over the world."
  }

es.json

  "yurobabout": {
"yurobabout33": "Yurob se centra en la investigación y desarrollo y fabricación de dispositivos médicos Por ejemplo, sillas de ruedas eléctricas. Se encuentra en kunshan.Adyacente a shanghai. Cubre un área de 10000 metros cuadrados.En la actualidad, los productos se dividen en cinco categorías principales: silla de ruedas eléctrica, silla de ruedas manual,Scooter de golf, cuidado Camas y elevadores de pacientes para satisfacer diferentes necesidades de salud y continuar exportando a todo el mundo El mundo"
}

参考：

1 . 跳转链接在当前窗口打开

window.location.href="http://www.baidu.com"
1
等价于

<a href="baidu.com" target="_self">go baidu</a>
1
2、跳转链接在新窗口打开

window.open("http://www.baidu.com")
1
等价于

<a href="baidu.com" target="_blank">go baidu</a>
1
3、跳转链接返回上一页

window.history.back(-1);
1
4、跳转链接

self.location.href="baidu.com"
————————————————
版权声明：本文为CSDN博主「杨林伟」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/qq_20042935/article/details/91040826

懒加载如今在网站中经常看到，当用户打开一个网页的时候，图片资源并不是马上加载的，当用户浏览到图片的文章，再去加载图片，能够提升整个网站的访问速度和用户体验，特别是网站的图片比较多的站点。

通过 lazysizes.js 插件就能很好解决这个问题，它可以实现图片的延迟加载，也就是说，当网页很长时，只价值用户视窗内的图片，而视窗外的图片会等到你拖动滚动条至后面才加载。这样就有效避免了图片过度网站加载慢的问题了，下面将介绍如何使用 lazysizes.js。

< script  src="lazysizes.min.js"  async=""></ script >

开始使用

使用是十分简单的，并且不需要加入 jQuery 库。

Step 1: 下载 lazysizes.min.js 插件并将其引入到你的网站上：

<script src="lazysizes.min.js" async=""></script>

Step 2: 将 class="lazyload" 添加要延迟加载的 <images> 或 <iframes> 即可。

<!— 默认方案 –><img data-src="image.jpg" class="lazyload" />

lazysizes不需要任何JS配置，只需要在img标签中添加class="lazyload"就可以了，目前lazysizes支持四种懒加载方式，如下。

一	二	三	四	五	六	日
		1	2	3	4	5
6	7	8	9	10	11	12
13	14	15	16	17	18	19
20	21	22	23	24	25	26
27	28	29	30	31

Joseph Xu的Blog

Monthly Archives: 3 月 2023

js动态创建a标签并触发href事件

吸引客户的广告文案是怎么样的？

场景化文案

观念型文案

onmouseover 和 hover 有什么区别

它们一样是因为：

它们不一样是因为：

细节:

轻松理解 JS 中的面向对象，顺便搞懂 prototype

JS给指定元素添加父元素

当wordpress出现致命错误时，但前端没有任何提示，无法排除问题

解决custom liquid 无法翻译问题

JS跳转链接的几种方式

lazysizes.js响应式加载

开始使用