独立站营销的核心策略
独立站营销实战指南 本文总结了独立站营销的核心策略，从品牌建设到SEO优化，从社交媒体到付费广告，为独立开发者提供全面的营销参考。重点介绍了Marc Lou的快速迭代理念、PSEO技术、Google SEO优化等实用技巧。
分类: 其他
共 20 篇文章
OpenGraph
1.Open Graph OG（Open Graph）协议是一种用于网页和社交媒体分享的元数据标记协议，最初由Facebook开发。它允许网站管理员指定在社交媒体上分享链接时显示的标题、描述、图片等内容，以确保分享链接的信息在各种社交媒体平台上都能被正确地显示和优化。
Canvas
什么是canvas 在 MDN 中是这样定义 <canvas\ 的： <canvas\ 是 HTML5 新增的元素，可用于通过使用 JavaScript 中的脚本来绘制图形。例如，它可以用于绘制图形、制作照片、创建动画，甚至可以进行实时视频处理或渲染。
自定义组件
Web components Web Components是一套不同的技术，允许您创建可重用的定制元素 Custom elements Custom elements（自定义元素）：一组JavaScript API，允许您定义custom elements及其行为，然后可以在您的用户界面中按照需要使用它们。 HTML templates（HTML模板）：<template 和 <slot 元素...
浏览器兼容问题
浏览器兼容 by 若愚@饥人谷 什么是浏览器兼容问题 同一份代码，有的浏览器效果正常，有的不正常 不正常的原因是什么？不支持? bug？ 如何让它展示正常?条件注释？ 单独Hack？ 为什么会有浏览器兼容问题 同一产品，版本越老 bug 越多 同一产品，版本越新，功能越多 不同产品，不同标准，不同实现方式 用到的网站 浏览器市场份额http://tongji.ba...
打包工具
webpack3https://segmentfault.com/a/1190000006178770articleHeader2 打包构建:npm脚本（package.json的script）可以直接设置./node_modules/.bin/webpack 快速启动webpack，或者使用npx webpack代替。 webpack.config.js配置 javascript const...
iview踩坑记
定制主题 按官网推荐的定制主题（变量覆盖），less版本需要在3以下"less": "^2.7.3", "lessloader": "^4.1.0" 可能造成的原因：webpack4要求less要升级，不能在2.x~
书籍
javascript 锋利的jQuery javascript高级程序设计（红宝书简称高程） javascript语音精髓（蝴蝶书） 你所不知道的javascript 上卷：介绍“作用域和闭包”以及“this和对象原型” 中卷：介绍了“类型和语法”以及“异步和性能” 下卷：介绍了js入门知识和对es6及未来发展趋势 超实用javascript代码段 编写...
git笔记
本文整理了Git版本控制系统的常用命令、配置方法和最佳实践。包含了从基础操作到分支管理的完整指南，以及常见问题的解决方案。
前端资源
其他 js练习http://www.fgm.cc/learn/ codewarshttps://www.codewars.com/?language=javascript 编程语言练习 leancloudhttps://leancloud.cn/ 后端云服务 codepenhttps://codepen.io/ 用CSS来画画 codropshttps://tympanus.net/co...
sass
sass sass支持两种语法 Sass,一种缩进语法 SCSS,一种 CSSlike 语法 scss 变量用$表示如$bordercolor:pink;, 嵌套选择器 支持@mixin,@include @mixin box { border: 1px solid $bodercolor; height: 10px; margin: 10px } .box{ ...
实用代码段
48个ES6常用代码段https://www.baronzsn.info/2018/03/08/article6/ javascript 如何防止别人在你的网页打开控制台？ javascript setInterval=debugger 函数防抖 防抖动是将多次执行变为最后一次执行 javascript var timer function hiFrequency{ if...
webpack原理跟配置
AST parse：把代码code编程AST traverse：遍历AST进行修改（使用babel） generate：把AST变成代码code2 loader webpack自带的打包器只支持js文件，当我们想加载css，less，scss，ts，md文件时，就需要用到loader 原理就是吧文件包装成能运行的js，比如：加载css需要用到styleloader和cssload...
ajax
ajaxhttps://segmentfault.com/a/1190000004322487articleHeader2 线上mock数据平台http://easymock.com/ ajax事件函数 xhr.onreadystatechange 状态发生变化触发 xhr.onload 加载完成后触发 取response数据 xhr.response ...
开发环境
全局环境下常用的npm包 shell npm install g fanyi httpserver nrm npm install g @vue/cli npm install g expressgenerator npm install g tsnode typescript npm install g browsersync 使用：browsersync start server ...
前端单元测试
能直接看到结果的大多都不做单元测试 BDDBehaviordriven development 行为驱动开发 TDDTestdriven development 测试驱动开发 常用的前端测试库 chai.js ：BDD / TDD断言库 Karma是一个测试运行器，它可以呼起浏览器，加载测试脚本，然后运行测试用例 Mocha是一个单元测试框架/库，它可以用来写测试用例 Sinon（西农）...
造轮子思路
原则 （对内）分层原则：正交原则 html 结构层分离 css 样式层分离 js 行为层分离 例如：使用$div.addClass,不使用$div.show （对外）封装原则：面向接口原则 用户如何调用？ 先想好输入，输出，在写中间逻辑 能不用接口最好不用接口 步骤 需求,UI,代码,测试 思路 如果需要渲染不知道长度的东西，可以考虑递归。 VUE...
造轮子思路二
VUE轮子 tabs组件 tabs组件核心在于组件之间的通讯，我使用的是eventBus来做组件通讯 bus定义到全局在eventBus中，bus本身就是vue对象本身 然后在组件中，可以使用 $emit, $on, $off 分别来分发、监听、取消监听事件 popover组件 popover组件常见的写法是气泡框用vshow来隐藏在按钮附近，我参考了其他热门的组件库使用了vif来...
关于前端接口管理的一些思考
前言 在前端项目中，ajax请求太多，能不能都用一个文件夹去统一管理呢，然后吧接口当成函数一样调用呢，这样做的好处有 一个地方统一管理所有接口 避免多次重复写一样的接口 可配置请求方式，减少代码量 实现的思路 首先约定后端返回的数据模板格式 然后按每种不同的请求格式去封装不同的函数 将接口管理写在一个数组里面，遍历所有数组生成对应的函数并且挂在在vue.prototype的方法...
编程概念
为何使用面向对象 答：因为程序执行无非是：“顺序，判断，循环”，而面向对象是基于这三个作数据结构化 编程应该 简单&抽象 返回对象的函数叫构造函数 关于「如何取舍一些技术」： 无论使用的是什么技术，往上走必然会走到一个更高的抽象层面，这个时候所有「变化的表象」就 merge 成了「更不变的基础」： Domainspecific 领域特定 的有一大堆 spec 规范 TC39 的 E...