自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(77)
  • 资源 (2)
  • 收藏
  • 关注

原创 Shopify网站如何安装cookie banner

1,登录Shopify账号进入后台页面,点击页面左下角 settings按钮。

2024-05-14 10:11:02 182

原创 Shopify如何安装Google Search Console

10,在找不到源代码的情况下也可选择最后一个域名提供商,这个只需要把提供的这个TXT记录添加到域名解析记录下,这个操作可以询问一下域名提供商客服,以下以阿里云为例,把复制的记录按图示添加进去即可。5,所有权验证有很多方法,都可使用,如果网站上已经安装过GTM或者GA代码的话,建议使用这两个来验证,这两个无需再添加别的东西,直接点击验证即可。6,如果网站上没有这两个或者验证失败的话,可以选择HTML标记,这个也很容易操作,只需要向网页中添加一条元标记即可。8,把复制的元标记按图示放置在<head>标签中。

2024-05-08 11:57:29 309

原创 通过GTM(google tag manager)安装GA(google analystics)

10,保存完成之后需要先点击GTM右上角的预览按钮填入网址,并点击连接(connect)11,连接成功便是成功激活,回到GTM首页点击右上角的提交发布即可,版本信息可填可不填。3,点击数据流详情,复制衡量ID(measurement id)有一个跟踪代码管理器(GTM)账号,一个谷歌分析(GA)账号。3,点击右侧的数据流(data streams)8,点击下方的触发条件,选择All Pages。4,进入GTM首页,点击左上角新建代码。2,进入谷歌分析首页,点击左下角管理。>第四个google代码点击进入。

2023-12-20 15:32:29 582

原创 Google Analystics账号的创建

下方的报告时区与报告国家可以自行选择是否需要更改,国家不同,时区不一样,报告数据会有不同程度的差别,建议把报告时区换成自己广告投放区域的。如果网址为2c网站,则可以选择把币种换成和网站上同步的,如果为2b的网站,币种可以不用操作。填完公司名称,到最下方,如果下一步的按钮是亮的那直接进行下一步即可,若按钮是灰色,则说明上方填写的名字不符合规则,需要更改一下再继续往下走。同意完协议后,会进入平台选择页面,根据自己需要选择对应平台创建数据流,以网站为例,点击第一个选项网站(web)>填写网址、报告时区、币种。

2023-12-19 14:33:25 399

原创 Google Tag Manager代码如何安装到网站后台

GTM账号创建之后最关键的部分就是代码如何添加到网站后台中,代码添加的话跟踪代码管理器其实就相当于一个无效的空盒子,我们以市面上几个常见的建站平台为例看一下添加流程以及所使用的插件。

2023-12-15 14:57:30 373

原创 Google Tag Manager账号的创建

快速创建跟踪代码管理器

2023-12-14 14:23:48 131

原创 变量、属性、函数、方法的区别

1、变量和属性相同点:二者都是用来存储数据的不同点:变量-->单独声明并赋值 eg: var age = 18属性-->存在于对象里面的,不需声明 对象.属性 eg:obj.age2、函数和方法相同点:二者都是实现某种功能,做某件事不同点:函数 -->单独声明并调用的 函数名() fn() 方法-->存在于对象里面 obj.fn()...

2022-02-23 20:31:25 784

原创 js-创建对象的三种方法

什么是对象 对象1,利用字面量创建对象 var object = { name:"张三", age:18, sex:"女", action:function(){ console.log("hi~~") } } console.log(object.name); consol...

2022-02-23 20:24:58 264

原创 vue-路由嵌套

网页页面从登录、注册首页进行路由切换,在进入首页之后又会出现新的导航用于切换新的页面导航,这样的导航跳转属于路由嵌套-----简单来说就是“套娃”例:在布局组件Layout.vue中添加新的导航<template> <div class="layout-container"> <!-- 展示嵌套路由对应的组件的位置 --> <router-view></router-view> .

2021-11-28 16:45:15 422

原创 路由元数据

路由元数据作用跳转组件时,让页面最上面显示跳转组件的名称

2021-11-28 16:31:51 269

原创 vue路由重定向+路由别名

路由重定向:当用户访问某个连接时,需要让用户自动重新访问另一个连接,这样的一种需求的实现,称为路由重定向如: 用户地址栏输入:http://localhost:8080/ 最终地址栏显示:http://localhost:8080/#/main 最终浏览器渲染:/main对应的组件 代码实现:const routes = [ { path: "/", // 匹配用户访问的请求 redirect: ...

2021-11-25 20:12:11 887

原创 vue-路由导航高亮

1、什么是高亮----网页中通过样式设置,让一系列元素中的某个元素突出显示2、路由导航高亮①默认高亮 vueRouter提供了一个高亮class名称:.router-link-active,可以让导航链接自动实现样式差异ul li a{ text-decoration: none; margin: 5px;}ul li a.router-link-active{ color: blue; font-weight: bolder;}...

2021-11-25 12:18:52 1525

原创 vue-路由的实现

1、编写页面导航,编辑App.vue,添加导航链接<template> <div id="app"> <ul> <li><router-link to="/login">登录</router-link></li> <li><router-link to="/reg">注册</router-link></li> <li&

2021-11-23 20:53:02 1395

原创 创建vue路由操作项目步骤

1、安装vue脚手架脚手架官方网站:https://cli.vuejs.org/zh/npm install vue-cli -g // 安装低版本的脚手架【不推荐】npm install @vue/cli -g // 安装现有版本的脚手架【推荐:对原有的脚手架进行了升级】 // 构建项目的效率更高 // 项目文件结构更加简单明了2,安装结束,在文件夹地址栏中打开命令提示符窗...

2021-11-23 20:39:59 951

原创 vue-使用路由的原因

路由主作用:根据用户的请求地址,切换不同的页面组件为何使用路由来切换页面组件:①为了保障动态组件模式下,切换多个组件时,数据能在多个组件上同步,必须按照自定义属性或者自定义事件的方式完成数据加载---任意单个组件,接受了和自己无关的自定义属性数据,消耗了系统资源---任意单个组件,监听了和自己无关的自定义事件,消耗了系统资源②动态组件中主要是通过当前动态组件标签的:is属性进行控制,如果出现了多个不同导航组件的页面视图时,页面之间的跳转就会变得比较复杂,消耗了大量的经理编写了和业务无

2021-11-22 20:05:42 787

原创 vue-路由基础概念---前后端路由区分

express后端的路由路由router:描述了用户请求URL地址和业务处理函数之间的映射关系,当用户某个URL发送请求,就会执行对应的业务处理函数完成业务受理,这个操作过程称为路由用户发送:http://localhost:3000/login, 后端需要处理用户登录用户发送:http;//localhost:3000/register,后端需要处理用户注册用户发送:http://localhost:3000/home,后端需要处理首页展示数据和视图前端的路由路由router:

2021-11-22 19:52:52 529

原创 vue基础

一、什么是vuevue是一个基于JavaScript的渐进式前端开发框架使用目的:提高前端项目的开发效率、运行性能优点: 开发效率非常高、代码规范非常好、引入体积小、语法简单、运行效率高、数据双向绑定二、第一个vue应用 <div id="app"> //在id = app的div中输出一个文本数据 {{message}} </div> //开发环境版本,包含了有帮助的命令行警告 ...

2021-11-21 23:27:11 362

原创 GET请求和POST请求的联系和区别?

2021-11-17 13:47:49 122

原创 vue中目前用过的指令+含义

v-text:用于数据渲染输出v-html:用于数据渲染输出,同时将标签也渲染出来v-once:用于和插值表达式配合使用,一次性渲染数据v-show:通过条件(display)控制元素的显示和隐藏v-if:通过条件判断渲染数据,同时支持程序流程控制v-for:用于程序操作流程控制v-bind:操作事件属性v-on:绑定操作事件v-model:表单数据双向绑定持续整理中.........

2021-11-14 16:37:59 355

原创 Vue实例中的data为什么是一个对象,组件中的data为什么是一个函数

Vue开发的应用一般为单页面应用,一般情况下只有一个Vue实例,所以实例中的数据可以在当前项目中共享,所以Vue实例中的data是一个对象Vue组件的出现是为了组件中的视图和数据可以复用(可以简单理解为js中的函数封装),被复用的组件在不同的复用位置可能在操作不同的数据,所以每个组件的data数据必须相互独立,所以组件中的data是一个函数,函数内部返回一个只能让当前组件使用的对象数据注:简单理解为:可以实例中的data可以全局使用 (全局意味着可共享,大家都可以用),...

2021-11-14 11:23:27 3557

原创 2021-11-14前端面试-vue-016

1、什么是侦听器?又叫监听器,vue框架提供给开发人员的一个用来监控变量数据的组件,一旦监控的变量数据发生变化,侦听器对应的函数就会执行,函数内部就可以针对变化的数据进行业务数据、数据运算2、Vue中计算属性和普通函数的区别是?当数据发生变化,计算属性会自动调用并缓存结果、普通函数必须通过函数名称进行调用直接执行代码当数据没有发生变化,计算属性不会重复执行函数代码(直接使用上一次运算缓存的结果数据);普通函数会再次执行代码(无谓消耗资源)3、Vue中计算属性和侦听器的

2021-11-14 01:12:56 71

原创 2021-11-11前端面试-vue-015

1、什么是Vue?为什么要使用Vue?是一个基于JavaScript的渐进式前端开发框架Vue开发效率高,代码规范好,引入体积小,语法简单,为了提高前端项目的开发效率的运行功能才使用vue2、什么是插值表达式?插值表达式都有哪些功能?用来在html视图页面中,输出数据的特殊语法插值表达式可以直接输出变量数据,可以完成简单运算符的运算操作,可以调用系统函数、可以调用自定义函数、可以使用三元表达式运算3、如果要在页面中渲染变量message中的数据,有几种操作方式?①插值表达式

2021-11-12 17:31:12 579

原创 2021-11-10前端面试-vue-013

1、什么是侦听器?侦听器是Vue中的一个对象,主要用于监听实例对象中的数据有无发生更新变化的处理模块,在实例中通过watch 进行声明侦听器是Vue实例中,使用watch配置选项声明的一个对象,对象的内部可以监听实例中指定名称的变量,当变量的数据发生更新时,触发对应的侦听器,在侦听器处理函数中完成对应的数据运算或者业务处理2、Vue中计算属性和普通函数的区别而是?Vue中的计算属性本质上也是一个处理函数,可以和普通函数一样进行调用执行;普通函数就是在声明在methods中的函数。可以调用

2021-11-12 11:26:04 378

原创 Typora-markdown快捷键

一:菜单栏文件:alt+F 编辑:alt+E 段落:alt+P 格式:alt+O 视图:alt+V 主题:alt+T 帮助:alt+H 生成目录:在需要生成目录的地方输入[toc(大小写不限)]回车二:文件新建:Ctrl+N 新建窗口:Ctrl+Shift+N 打开:Ctrl+O 快速打开:Ctrl+P 保存:Ctrl+S 另存为:Ctrl+Shift+S 偏好:Ctrl+, 关闭:Ctrl+W三:编辑撤销:Ctrl+Z 重做:Ctrl+Y 剪切:Ctrl+X

2021-11-10 22:27:46 119

原创 2021-11-10前端面试-vue-014

1、下面的代码输出结果正确吗?为什么<button @click="handlerEvent()"></button>---const vm = new Vue({...methods: {handlerEvent(event) {console.log(event) // 鼠标点击时,获取到事件对象}}})1、如果只是事件函数的调用,函数名称后面不要...

2021-11-10 10:02:28 665

原创 2021-11-4-前端面试题-稍偏后端-012

1、什么是代码的review操作?一般由谁进行代码的review?怎么进行review?代码的review操作,主要包含代码评审工作和代码复盘工作一般都是由小组组长或者带自己的同事主导执行的,平时开发项目过程中自己也可以执行代码的单元review操作review的操作区分为通过软件工具的自动执行操作和人工操作两部分,软件工具的自动化操作主要是通用性审核,人工操作部分主要是项目定制化规范和流程审核以及代码复盘2、gitrebase的作用是什么?什么时候需要执行该命令?gitreba..

2021-11-04 17:33:10 209 2

原创 2021-11-3-前端面试题-NodeJS-011

1、简述对ES6的认识ES6是一种新的客户端脚本语言标准,语法上对原生JS进行了扩展,如提供了声明变量的let关键字和声明常量的const关键字,对函数进行扩展提供了箭头函数,函数参数默认值等,对对象进行了扩展提供了简洁操作语法,扩展了字符串操作函数、扩展了数组操作函数,扩展了Object操作函数等等,提供了class类和对象的新的语法标准等等!2、简述GET请求和POST请求的异同GET请求和POST请求都属于HTTP1.1规范中的请求方式,用于客户端向服务器发起请求完成数据处理GET

2021-11-04 17:28:10 123

原创 2021-11-2-前端面试题-express-010

1、如何创建并启动一个Express服务应用const express = require("express")const app = express()app.listen(3000, err=> {console.log("服务已经启动")})2、什么是路由?Express中是如何管理路由的?路由是WEB服务器中,对用户的请求进行分发,交给对应的业务处理函数进行业务受理的一种操作模式Express中包含了入口模块中的主路由express(),以及模块化拆分后的子路由对

2021-11-04 17:19:25 121

原创 2021-11-1-前端面试题-Node.js-009

1、什么是同步?什么是异步?项目中你是怎么用的呢?同步是多个任务按照执行顺序进行执行,前面的任务执行完成后才能开始执行下一个任务异步是多个任务按照执行顺序同时调用执行,前面的任务执行是否完成不影响下一个任务的执行过程项目开发中如果上一个执行任务的结果,对下一个任务有影响,需要按照同步的方式进行处理,如读取HTML文件内容响应给用户的操作项目开发中如果上一个执行任务的结果,对下一个任务没有影响,可以通过异步的方式进行处理,如Node http模块中监听请求和启动服务就可以执行异步处理2

2021-11-04 17:17:34 115

原创 2021-10-29-前端面试题-ES6-007

1、简述JavaScript中的基本数据类型都有哪些数值Number、字符串String、布尔Boolean、Null空值类型、Undefined无效值类型、Symbol唯一值类型 [Object对象类型]2、简述你对Symbol的认识Symbol是ES6中出现的新的语法,表示一种获取唯一值对象的基本数据类型,经常用于模拟类型中的私有属性而出现,如可遍历对象中的迭代器函数属性就是Symbol实现3、你在开发过程中遇到了git文件冲突的问题,但是产品经理又提交了非常紧急的开发任务,此时你如何处

2021-11-04 17:15:39 86

原创 2021-10-30-前端面试题-模块化-008

1、什么是模块化?什么是模块化开发?模块化是将项目中不同的功能拆分成多个独立的模块,通过模块之间的互相组合完成一定功能的操作过程模块化开发完成模块化拆分和最后的模块化合并的开发模式2、简述面相过程和面向对象的联系和区别?面向过程和面向对象都是编程思想,都是解决问题的思路面向过程编程注重于解决问题的过程和步骤,最直观的实现方式就是函数式编程;它的优点是开发的软件稳定性(耦合度)非常高,缺点是由于耦合度较高导致项目功能的扩展性较差面向对象编程注重与解决问题时参与的对象以及对象的行为,通过

2021-11-04 16:55:20 221

原创 2021-10-28-前端面试题-ES6-006

一、多选题1、关于剩余参数的使用,正确的是?ABA、function fn(name, ...args) {...}B、function fn(...args) {...}C、function fn(...args, name) {...}D、function fn(...name, ...args) {...}答案:ABC问题:剩余参数只能出现在参数列表的最后一个位置D问题:函数的参数中,剩余参数只能有一个2、声明类型的语法,正确的是?BCA、class Person() {}

2021-11-04 16:50:01 335

原创 2021-10-27-前端面试题git/ES6-005

一、简答题1. 简述git fetch命令和git pull命令的区别,它们都在什么情况下使用?fetch命令和pull命令都是从远程仓库拉取更新的命令fetch命令直接从远程仓库拉取指定分支的更新到本地对应的分支pull命令从远程仓库拉取指定的分支更新到本地并合并到当前分支,相当于fetch+merge命令的结合使用2. 简述git中常用的操作命令git config --global user.name ""git config --global user.email ""

2021-11-04 16:47:52 110

原创 2021-10-26前端面试题-004

1、如何创建并启动一个Express服务应用const express = require("express")const app = express()app.listen(3000,err=>{console.log("服务已经启动")2、什么是路由?Express中是如何管理路由的?路由是WEB服务器中,对用户请求进行分发,交给对应的业务处理函数进行业务受理的一种操作模式Express中包含了入口中的主路由express(),以及模块化拆分后的子路由对象express.R

2021-11-04 16:45:34 129

原创 跨域请求的实现方式

- Jsonp跨域,核心<script>最常见的一种跨域方式,其背后原理就是利用了 script 标签不受同源策略的限制,在页面中动态插入了 script,script 标签的 src 属性就是后端 api 接口的地址,并且以 get 的方式将前端回调处理函数名称告诉后端,后端在响应请求时会将回调返还,并且将数据以参数的形式传递回去。客户端跨域- CORS 跨域,核心Access-Control-Allow-OriginCross-Origin Resource..

2021-10-27 21:37:40 167

原创 封装数据库访问模块-data.js

/** * 封装数据库访问模块 */const mysql = require("mysql")// const { connect } = require(".")const pool = mysql.createPool({ connectionLimit: 10, host: "localhost", user: "root", password: "root", d.

2021-10-27 21:00:16 80

原创 mySql简单应用

-->用navicate软件操作数据库无需在电脑中配置安装数据库备注:关于数据库术语-安装的mysql数据库软件,称为 数据库管理系统 (DBMS)-安装的navicate数据库界面软件,称为 操作软件-存储和管理具体数据的数据库对象,称为 数据库(DB),如下图中的mysql/sys/...-mysql数据库默认超级管理员账号只有一个:root-phpstudy中mysql数据库的root账号的默认密码:root一、数据库管理1、创建数据库打开的...

2021-10-23 20:30:13 380

原创 Express初识

1、什么是express->express是一个基于NodeJS实现的WEB框架-------是一个第三方模块--通过npm命令安装npm install express -S //将eexpress安装到当前的node应用中 中文网站:https://www.expressjs.com.cn/快速入门:https://www.expressjs.com.cn/starter/installing.html指南:https://www.expressjs.com.c...

2021-10-19 20:23:13 73

原创 2021-10-16-前端开发 面试题-003

1. 简述git第一次使用时,需要进行那些配置?git全局配置,初始化开发人员信息git config --global user.name "开发人员信息”git config --global user.email "开发人员邮箱"2. 简述git中如何将一个新增文件添加到本地仓库?本质上就是将一个新的文件如何添加到本地仓库生成版本记录的过程git add 文件名称git commit 文件名称 -m "完善的注释"git log [加分项]3. 简述gi..

2021-10-16 16:17:56 62

原创 2021-10-15-原生JS面试题-002

1、什么是隐式类型转换?简单描述至少两种隐式类型转换的场景?> 数据在代码中可以呈现出来不同的类型,从一种类型转换成另一种类型称为类型转换,JS中某些表达式里可以自动将数据从一个类型转换成另一个类型,不需要开发人员干预就完成类型转换的过程称为隐式类型转换> isNaN(dat)在进行数据判断时包含了隐式类型转换、toFixed(n)进行浮点数小数位数保留时包含了隐式类型转换、运算符进行数据运算时包含了部分数据类型隐式转换2、什么是运算符?让代码中的数据参与运算的符号,项

2021-10-15 20:29:59 67

2021-10-14-原生js面试题-001

2021-10-14-原生js面试题-001

2021-10-14

字符串-关于字符串的创建-常见函数

字符串 -关于字符串创建,以及所包含的常见函数 数组 -关于数组的创建,以及它常用的函数 几种常见的排序算法 冒泡排序 选择排序

2021-09-09

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除