xinxiaoyong-CSDN博客

原创 web前端PC端百度地图的开发指导

先看效果图片：最终效果描述： 1.搜索：有搜索提示，并且可以根据选择进行定位； 2.获取经纬度：点击地图中某点，在文本框中获取当前点的经纬度的值； 3.获取详细地址：点击地图中某点时，将该点的详细地址显示在文本框中； 4.支持鼠标滚轮控制地图缩放； 5.支持比例尺控件； 6.支持城市列

2018-01-12 02:09:32 21796 25

1、什么是跨域对同域(同源)概念的理解：域名相同,端口相同,协议相同。对同源策略概念的理解：所谓同源（即指在同一个域）就是两个页面具有相同的协议(protocol)，主机(host)，端口号(port)。同源策略是浏览器的一个安全功能，不同源的客户端脚本在没有明确授权的情况下，不能读写对方资源。同源策略是浏览器安全的基石同源策略会阻止一个域的 javascript 脚本和另外一个域的内容进行交互。是一个重要的安全策略，它用于限制一个Origin的文档或者它...

2021-12-21 23:53:06 2671

原创如何在无网环境下为Linux服务器上安装Tomcat

一、序言：身为web前端开发的我，由于Java同事和运维同事比较繁忙，所以领导让我帮忙进行JavaWeb项目部署，Linux系统环境为CentOS7.0版本。本次主要部署的内容为：apache-tomcat-7.0.106、neo4j-community-3.4.10、mysql-5.6.33等。本篇主要看我如何在5个步骤左右内安装tomcat7.0.106版本的网络服务器。上三篇已经将jkd、neo4j以及mysql安装成功了。二、14步安装mysql数据库:1、关闭防火...

2021-04-13 17:24:03 552

原创如何在无网环境下为Linux服务器上安装mysql5.6.33

一、序言：身为web前端开发的我，由于Java同事和运维同事比较繁忙，所以领导让我帮忙进行JavaWeb项目部署，Linux系统环境为CentOS7.0版本。本次主要部署的内容为：apache-tomcat-7.0.106、neo4j-community-3.4.10、mysql-5.6.33等。本篇主要看我如何在14个步骤左右内安装mysql5.6.33版本数据库。上两篇已经将jkd和neo4j安装成功了。二、14步安装mysql数据库:特别提示：在进行任何删除的动作时，...

2021-03-16 01:39:36 645

原创如何在无网环境下为Linux服务器上部署图数据库Neo4j

一、序言：身为web前端开发的我，由于Java同事和运维同事比较繁忙，所以领导让我帮忙进行JavaWeb项目部署，Linux系统环境为CentOS7.0版本。本次主要部署的内容为：apache-tomcat-7.0.106、neo4j-community-3.4.10、mysql-5.6.33等。本篇主要看我如何在5步之内安装neo4j。二、5步安装图数据库neo4j 1、在目录/home下新建目录/zhiShiTuPu，并将下载好的neo4j通过Xftp工具...

2021-03-02 13:13:37 395

原创如何在无网环境下为Linux服务器上安装Java jdk

一、序言：身为web前端开发的我，由于Java同事和运维同事比较繁忙，所以领导让我帮忙进行JavaWeb项目部署，Linux系统环境为CentOS7.0版本。本次主要部署的内容为：apache-tomcat-7.0.106、neo4j-community-3.4.10、mysql-5.6.33等。本篇主要看我如何在7步之内安装java基本环境jdk。二、7步安装jdk 1.8.0 1、根据远程访问用户名和登录密码，利用Xshell工具进行服务器远程连接。远程访问...

2021-03-01 21:29:20 1181

原创 Linux CentOS系统图形模式下，鼠标键盘操作没有响应

1、前言最近在和同事一起在linux CentOS系统下部署项目，由于同事不知道执行了什么不当操作，改变了系统的权限(权限可能是被修改，也可能是被删除了)，改变的权限有可能是用户权限，也可能是其它权限(猜测肯能是gdm权限被改变导致的)。反正就是一进入到系统用户登录的界面，系统停留在登录界面，鼠标点击用户时，闪一下之后，就没有任何反应了，也不能移动了。键盘任何按键，按下后都没有任何反应。2、解决思路进入单用户模式(也称救援模式)下，首先查看/var/empty/ss...

2021-02-21 02:10:28 6079

原创前端工程师初识Three.js

一、展示效果图1.1颜色模型自转效果 1.2贴图模型自转效果二、web图形库的定义1、什么是WebGL： webGL(web图形库)是一个中JavaScript API，用于在web浏览器中呈现交互式2D与3D图形，而且无需使用插件。 webGL通过引入一个与Ope...

2021-01-19 08:59:27 2469 2

原创解决win7操作系统nodeJs环境搭建失败问题：Node.js is only supported on Windows 8.1, Windows Server 2012 R2, or higher

一、序言：由于最近(2020年)微软不对window7操作系统不在维护，所以导致我们日程开发时，会出现很多意想不到的问题。就比如我安装前端node环境(Latest LTS Version:14.15.0)，按照常规的安装方式，竟然没有安装成功。在cmd命令窗口下，执行node -v 查看版本号，返回信息竟然不是版本号，如下： Node.js is only supported on Windows 8.1, Windows Server 2012 R2, or highe...

2020-11-14 15:19:52 26079 14

原创 50步带你在windows PC上创建属于自己的虚拟机(三)

一、序言：在上一篇，50步带你在windows PC上创建属于自己的虚拟机(二) 中

2020-10-25 02:13:01 314

原创 50步带你在windows PC上创建属于自己的虚拟机(二)

一、序言在上一篇，50步带你在windows PC上创建属于自己的虚拟机(一)中我们已经将虚拟机的基础配置完成了。那么在本篇中我们继续完成第二个模块，在虚拟机上进行CentOS 7版本的安装。Linux的系统版本有：redhat(企业正式版本)、centos(免费学生版),fedora(红帽测试版)、debian(大便)、Ubuntu(乌班图)等等，虽然版本众多，但任何版本的Linux都是用的是相同的内核，也就是说有着相同目录结构。二、在虚拟机上进行CentOS 7版本的安装：...

2020-10-25 01:24:48 778

原创 50步带你在windows PC上创建属于自己的虚拟机(一)

一、序言：虚拟机是指通过软件模拟的具有完整硬件系统功能的、运行在一个完全隔离环境中的完整计算机系统。通过虚拟机软件你可以在一台物理计算机上模拟出二台或多台虚拟的计算机，这些虚拟机完全就像真正的计算机那样进行工作。对于在研究Linux系统的小伙伴来说，虚拟机就显得非常重要了。既可以满足对于服务器的要求，又不影响正常使用电脑。在虚拟机上安装一个Linux系统，可以帮助我们去部署日常开发项目。本次在Windows系统上创建虚拟机的流程共分为三个...

2020-10-23 23:49:08 4937

原创解决局域网内Vue 2x 版本下，项目启动后不能被外部IP访问

1、序言：现在在用Vue开发项目的小伙伴，有一些时候，想要在别人的电脑上访问自己的项目。其实也不难，4步让你轻松访问。2、具体步骤如下： 2.1 修改config文件下的index.js配置文件：将此处的host的值修改为0.0.0.0(即 host: 0.0.0.0) 2.2 Dos窗口下查看本机的ip地址：通过ipconfig查看自己电脑的ip地址。 2.2...

2020-09-19 01:31:42 2518

原创如何离线安装vs code 插件？

一、前言：相信现在很多前端开发的小伙伴，在开发时都会选择 vs code 这个编辑器。当然我也不例外，想想vs code 提供的那些丰富的插件库，就更坚定的了自己对编辑器的选择。可是最近的项目都是无网开发(内网开发)，不能借助网络的力量了，这让我很蒙。可是工作还得继续啊，直到我遇到了它：https://marketplace.visualstudio.com/ 废话不多说。请看下面的操作。二、离线安装vs 插件库的步骤：提示：在有网环境下进行包文...

2020-08-27 00:29:13 1643

原创前端同学需要知道的产品运营迭代的关键点

一、连续阅读推荐： 1、产品经理岗位角色的才能 2.产品经理岗位角色职业介绍 3.产品经理岗位角色职业能力要求与标准 4.产品经理工作流程介绍 5.定义产品概念的方法 6.如何进行产品调研 7.产品立项要点 8.产品需求如何产出 9.产品流程图绘制技巧要点 10.产品原型图绘制技巧要点 ...

2020-06-28 00:14:41 534

原创前端同学需要知道的产品需求评估详解

一、连续阅读推荐： 1、产品经理岗位角色的才能 2.产品经理岗位角色职业介绍 3.产品经理岗位角色职业能力要求与标准 4.产品经理工作流程介绍 5.定义产品概念的方法 6.如何进行产品调研 7.产品立项要点 8.产品需求如何产出 9.产品流程图绘制技巧要点 10.产品原型图绘制技巧要点二、...

2020-06-28 00:12:33 645

原创前端同学需要知道的产品原型绘制技巧

一、连续阅读推荐： 1、产品经理岗位角色的才能 2.产品经理岗位角色职业介绍 3.产品经理岗位角色职业能力要求与标准 4.产品经理工作流程介绍 5.定义产品概念的方法 6.如何进行产品调研 7.产品立项要点 8.产品需求如何产出 9.产品流程图绘制技巧要点二、产品原型绘制技...

2020-06-27 14:06:37 1516

原创前端同学需要知道的产品流程绘制技巧

一、连续阅读推荐： 1、产品经理岗位角色的才能 2.产品经理岗位角色职业介绍 3.产品经理岗位角色职业能力要求与标准 4.产品经理工作流程介绍 5.定义产品概念的方法 6.如何进行产品调研 7.产品立项要点 8.产品需求如何产出二、产品流程绘制技巧：1、产品流程图分类：业务流程...

2020-06-27 14:03:13 455

原创前端同学需要知道的产品需求如何产出

一、连续阅读推荐： 1、产品经理岗位角色的才能 2.产品经理岗位角色职业介绍 3.产品经理岗位角色职业能力要求与标准 4.产品经理工作流程介绍 5.定义产品概念的方法 6.如何进行产品调研 7.产品立项要点二、产品需求如何产出：1、产品PRD需求文档的3个核心目的： 1.准确传达产品开发需求 ...

2020-06-27 13:55:59 504

原创前端同学需要知道的产品立项要点

一、连续阅读推荐： 1、产品经理岗位角色的才能 2.产品经理岗位角色职业介绍 3.产品经理岗位角色职业能力要求与标准 4.产品经理工作流程介绍 5.定义产品概念的方法 6.如何进行产品调研二、产品立项要点：1、立项之前沟通：在梳理产品需求阶段要与各部门进行沟通，相关领导都要沟通到。研发同事：预估功能开发上线的时间点...

2020-06-27 13:51:55 377

原创前端同学需要知道的产品经理如何进行产品调研

一、连续阅读推荐： 1、产品经理岗位角色的才能 2.产品经理岗位角色职业介绍 3.产品经理岗位角色职业能力要求与标准 4.产品经理工作流程介绍 5.定义产品概念的方法二、如何进行产品调研：1、什么是产品调研(调查+研究)：找对地方，找对人、问对事。2、调研方向：数据：获取到行业数据或用户数据，用来做数据分析。 ...

2020-06-27 13:46:50 623

原创前端同学需要知道的产品经理定义产品概念的方法

一、连续阅读推荐： 1、产品经理岗位角色的才能 2.产品经理岗位角色职业介绍 3.产品经理岗位角色职业能力要求与标准 4.产品经理工作流程介绍二、定义产品概念的方法：1、明确产品概念：当产品经理获取到BRP文档后，就需要明确这个产品概念点。经常需要通过以下3步来明确该产品的概念： 1.该产品要通过什么方式来解决或实现它的需求； 2.该产...

2020-06-27 13:40:50 332

原创前端同学需要知道的产品经理岗位工作流程介绍

一、连续阅读推荐： 1、产品经理岗位角色的才能 2.产品经理岗位角色职业介绍 3.产品经理岗位角色职业能力要求与标准二、产品经理工作流程介绍：1、需求阶段：商业需求==>产品调研==>产品需求需求文档：商业需求BRD文档、市场需求MRD文档、各种分析/调研报告(此类文档由于具有市场战略性，所以也可能由市场人员或公司高层完成撰写)2、研发阶段：产品规划==...

2020-06-27 13:36:38 302

原创前端同学需要知道的产品经理职业能力要求与标准

一、连续阅读推荐： 1、产品经理岗位角色的才能 2.产品经理岗位角色职业介绍二、产品经理岗位角色职业能力要求与标准：1、产品经理最主要的能力——有价值的沟通能力(聊天能力)：需求调研时：与用户或者需求发起人去沟通(根本需求)。产品提案时：与管理层/团队或者投资人去沟通(获得认同)。内外协作时：与内部同事或第三方人员合作时去沟通(推动进度)。内外宣讲时：与用户或者市场营销人员去...

2020-06-27 13:31:53 561

原创前端同学需要知道产品经理职业介绍

一、连续阅读推荐： 1、产品经理岗位角色的才能二、产品经理岗位角色职业介绍：1、什么是产品经理(Product Manager-PM)：产品经理是专门负责产品管理的职位。产品经理负责市场调研并根据公司战略和市场需求，确定产品、选择业务模式和商业模式。根据产品的生命周期，协调推动研发、营销、运营等。确定和组织实施产品策略，保证产品的成长路线。2、企业对产品经理(互联网软件产品经理)的需求：岗位职责：...

2020-06-27 13:21:39 461

原创前端同学需要知道的产品经理岗位

一、导读：身在互联网行业的我们 --前端开发工程师，每天都需要完成产品经理或者项目经理分发的开发需求，所以说，前端与产品时刻在交流，关系非常密切。可是我们也都听过，程序员与产品经理相互扯皮，甚至大打出手，闹得不可开交。所以我们要尽量避免这种事情发生我们身上，所以我们就要了解产品经理的工作职责，了解Ta们在日常工作中的一些艰辛，这样我们前端小伙伴才能在沟通需求时，去换位思考，从而和气的解决问题，达成共识。用专业的产品语言去沟通，也可以提高产品经理对我们的好感。另...

2020-06-27 13:13:41 405

原创使用D3.js动态数据绘制饼状图

一、先看效果图：二、数据截图：数据与HTML文件在同一目录级别：三、代码详情：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>d3绘制饼状图</title> </head> <body> <div id="container"></...

2020-06-10 01:22:54 2328

原创使用d3.js动态获取数据文件，并进行垂直柱状图表渲染

一、最终效果截图：二、动态返回的原始数据：三、数据描述：本地请求数据的名字：d3-data.csvHTML文件与d3-data.csv文件位置关系：在同一目录级别。本地请求数据的内容：必须一行一条数据。year,population1953,5.941964,6.951982,10.081990,11.342000,12.662010,13.40 数据详情截图：四、代码详情：<!DOCTYPE html><htm...

2020-06-10 00:23:06 1562 4

原创使用D3.js绘制竖直柱状图表

一、先看效果图：二、代码详情：此代码可以直接在本地运行<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>竖直柱状图表</title> </head> <body> <div id="container"></div> &l...

2020-06-09 23:25:01 360

原创使用D3.js绘制水平柱状图

一、先看效果图：二、代码详情：此代码可以直接在本地运行<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>水平柱状图表</title> </head> <body> <div id="container"></div> &...

2020-06-08 23:39:07 696

原创使用D3.js绘制面积图表

一、先看效果图：二、代码详情，此代码可以直接在本地运行<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>面积图表</title> <style type="text/css"> #container{ width: 500px;...

2020-06-07 23:27:33 1016

原创使用d3.js绘制曲线图

一、先看效果图：二、代码详情，此代码可直接复制到本地看效果<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>线型图表</title> <style type="text/css"> #container{ width: 500px;...

2020-06-07 22:58:47 3015

原创 D3.js绘制树形图

1、什么是D3： data-driven-document,翻译为数据驱动的文档，是一种由数据来决定绘图流程的程序设计模型。简单说，D3是一个JavaScript的函数库，用来做数据可视化(将数据的各种属性和变量以图形图表的形式呈现出来)。2、D3的优点：前端可视化库：Hightcharts(付费)、Echarts、Chart等可以看做一类(是被封装好的库)，使开发者很容易的就能制作图表(只需修改一下数据即可)，但是能够给与开发者设计和控制的空间太少(个人...

2020-06-07 22:41:52 6475 4

原创同步个人vs code 习惯性配置到码云(Gitee)

目录一、code settings sync介绍：二、在vs code 中安装code settings sync插件二、在码云上创建gists(代码片段):三、上传配置测试：四、在终端查看，如果输入下图内容，则说明上传配置成功：五、在码云工作台/代码片段上查看：六、同步配置：七、结语：一、code settings sync介绍：code settings sync是专门用来同步vacode配置到Gitee中的插件，通过这个插件，可以在任何新的设备，...

2020-06-07 13:25:23 2848

原创这样配置vs code (Visual Studio Code)会让你的前端开发飞起来

一、开局引入：选择vs code的原因， vs code比sublime开源，比atom更快，比webstorm更轻。当然HBuilder也不错，我们会在后续和大家聊一聊。二、初步印象： - 文件目录管理很强大。 - 自定义配置，主题，自动保存，可以设置延迟毫秒后保存，也可以设置文件失去焦点时自动保存。 - 集成Git，快速diff,而且修改文件后会左边会显示指示器，比如删除会显示红色，增加显示绿色，修改则显示蓝色。 - 智能提示很强...

2020-06-07 11:22:28 6052

原创代码提交git commit时报错：Your branch is up to date with origin/master 问题处理

一、git commit时错误提示原文：On branch masterYour branch is up to date with 'origin/master'.nothing to commit, working tree clean二、git commit时错误提示截图：三、该错误产生原因：本地和仓库里的代码相同，本地并没有新代码的。所以也就是无新内容更新。四，解决：方案一：新建分支提交。方案二：修改本地代码，然...

2020-06-03 08:44:04 9767

原创 vue常见组件间通信方式

1.父组件向子组件通信：总结：父组件通过props向下传递数据给子组件。注：组件中的数据共有三种形式：data、props、computed。通信步骤： 1.1 在父组件中定义要传递的数据。 1.2 在父组件中调用子组件，并在组件上进行属性绑定，前者自定义名称便于子组件调用，后者是要传递的数据名称。 1.3 在组件件中通过props对象进行接收。//父组件App组件<template> <div id="app"...

2020-05-09 16:02:22 269

原创 vue+高德地图AMap.Polyline画折线+大量数据渲染优化+echarts图表自适应容器

零、本文主要分享内容预先浏览，1.vue中使用高德地图，画折线，以及给折线定义点击事件。2.大量数据加载时，边加载边渲染到页面。3.vue中，echarts图表自适应容器宽度。一、vue中的高德地图画线高德文档：https://lbs.amap.com/api/javascript-api/reference/overlay#polyline 0、先...

2019-12-10 01:59:04 15195 5

原创 js 保持浮点数(经纬度)精确的浮点数位数

一、先看效果图将浮点数原样输出，保证精确值二、代码截图三、代码mounted(){console.log(that.parseFloatNum('123.123456789'),'hha')},methods:{parseFloatNum(x){letxFl...

2019-12-09 23:53:02 1432

原创 web前端同学之如何部署前端项目(基于PHP后端开发)

什么是项目部署简单说就是： 1.当项目代码编码完工后。 2.经过专业测试后确定项目可以上线给客户使用了的时候。 3.这个时候，找一台机器当做服务器，里面安装软件所需要的环境（tomcat/weblogic，Apache）,把代码打成war包，丢进服务器软件指定目录的过程。一、个人电脑环境要求： 1.Windows环境 2.有远程仓库账号，如gith...

2019-11-15 00:19:23 3054

空空如也

空空如也