自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(38)
  • 收藏
  • 关注

原创 关于百度地图要使用https访问的问题

公司一直用的http,某天更新了https之后发现,原本在网页内显示的百度地图不见了。原来是https影响了。解决办法:<!--如果百度地图需要使用https则需要加入此--><script type="text/javascript"> window.HOST_TYPE='2'</script>将原来的http://api.map...

2019-10-24 09:37:11 793

原创 百度云文字转语音功能的实现,并实现自动播放

<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, max...

2019-07-30 16:38:52 3463

原创 百度地图api多个关键字检索完成后更换icon图标的方式

<html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="viewport" content="initial-scale=1.0, user-scalable=no" /> <styl...

2019-07-05 15:48:40 1127

原创 websocket客户端监听数据库发生变化

var websocket = null;//判断当前浏览器是否支持WebSocketif ('WebSocket' in window) { //建立连接,这里的/websocket ,是Servlet中注解中的那个值 websocket = new WebSocket("ws://192.168.1.59:9090/messageSocket");}else { ...

2019-07-03 11:05:05 4660 1

原创 java服务端Access-Control-Allow-Origin解决跨域

@RequestMapping("/getNum")@ResponseBodypublic String getNum(HttpServletResponse response){ response.setHeader("Access-Control-Allow-Origin","*"); Map<String, Object> result = new Hash...

2019-07-03 09:54:51 1113

原创 函数调用

function updateData(){ var b = "hello world"; return b;}function c(){ return updateData();}console.log(c());

2019-06-26 17:41:45 111

原创 关于node中的express 服务器中间件的使用

constexpress=require('express');//express框架模块constpath=require('path');//系统路径模块constapp=express();constfs=require('fs');constrouter=express.Router();consthostName='127.0.0....

2019-06-09 20:18:14 235

翻译 前端字符串拼接的方法

https://www.cnblogs.com/yangguoe/p/9879707.html

2019-05-05 15:15:51 3504

翻译 Echarts 柱形图详解 原文来自https://blog.csdn.net/qq_36330228/article/details/79945928

<!DOCTYPE html><html><head> <title>echarts</title></head><script src="js/jquery-1.11.1.min.js"></script><script type="text/javascript" src="...

2019-05-05 11:26:33 184

原创 div或table让文字垂直竖起来一列显示

style="Writing-mode:tb-rl;Text-align:left;font-size:9pt"加上这个就好

2019-04-27 12:29:16 3637

翻译 百度地图API显示多个标注点的代码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head> <t...

2019-04-23 10:19:25 1230

原创 百度地图引用报错A parser-blocking, cross site (i.e. different eTLD+1) script, http://api.map.baidu.com/getsc

直接将我们引入的api地址:<script src="http://api.map.baidu.com/api?v=2.0&ak=vb6eHsRZPQ8jTbKuwYg1TEA2dF7SepaA"></script>其实我们把api改成getscript就可以了的<script type="text/javascript" src="http:...

2019-04-23 09:24:33 2907

翻译 关于javascript中json对象json数组json字符串互转及取值

做个百度地图有个功能要用到了json数组和json对象和json类型字符串之间互转及取值1.json类型的字符串转换为json对象及取值1  var jsonString = '{"bar":"property","baz":3}';2 var jsObject = JSON.parse(jsonString); //转换为json对象3 alert(jsObje...

2019-04-22 22:51:28 240

原创 使用jeesite框架时的java环境安装与配置

1、jdk 安装到C盘可以2、去设置java环境的变量 1、)计算机 --> 属性 --》高级设置 --》环境变量 --》新建 --》 变量名:JAVA_HOME 变量值:C:\Program Files\Java\jdk-12(备注,放到JDK安装后的bin的路经) 2、 )再新建 变量名: CLASSPATH 变量值:.;...

2019-03-31 23:25:07 250

转载 初使用 jeesite的一些基本问题

原文来自:https://www.zybuluo.com/tpot/note/1259270生活有朝气活得畅畅快快,工作讲求效率做得踏踏实实。其实这个问题jeesite官方文档都有讲过,举例是登录页面的复制 /jeesite-module-core/src/main/resources/views/modules/sys/sysLogin.html 文件到 /web/src/ma...

2019-03-27 18:50:40 724

原创 rem布局

我们做的h5页面只能在移动端访问(rem不兼容低级版本浏览器)第一步:从UI设计师拿到设计稿(psd) 640*1136第二部:在样式中给HTML一个fontSize值,我们一般都给一个比较好算的值,比如:10px 100px...在这里我们之所有用100px,主要是浏览器最小的字体大小都是12px,用10px比例会存在偏差html{ font-size: 1...

2019-03-01 22:09:34 1280

翻译 关于vue中的 dev-server.js改成了webpack-dev-conf.js进行接口数据模拟

最新的vue里dev-server.js被替换成了webpack-dev-conf.js在模拟后台数据的时候直接在webpack-dev-conf.js文件中修改第一步,在const portfinder = require(‘portfinder’)后添加//第一步//第一步const express = require('express')const app = e...

2019-02-28 19:37:18 265

翻译 【前端开发API】豆瓣开放API

 目录前言具体api1、豆瓣热映2、电影top2503、电影条目检索4、条目详情Json在线美化工具前言前后端的分离,在和后端对接之前,前端开发人员调试的时候,总是面对没有真实数据的尴尬地位。虽然有mock.js可以模拟数据,但是始终只是在本地进行模拟。而豆瓣提供的这些公开的接口,相信可以满足大部分前端的开发。遗憾的是,当我知道这些api的时候,官网似乎...

2019-02-20 17:42:27 670

原创 关于Now you can provide attr "wx:key" for a "wx:for" to improve performance.

在实际开发过程中遇到 warning: Now you can provide attr "wx:key" for a "wx:for" to improve performance.这是我在做轮播图时发现的,以下是官网的原代码。&lt;swiper indicator-dots="{{indicatorDots}}" autoplay="{{autoplay}}" inte...

2019-02-20 13:33:20 3185

原创 GIT工作中常用到的流程

git 开发流程git stash pop 清缓存git reset --hard origin/pc_article 把本地的和线上的合并起来git clone xxx.xxx.xx.com  克隆项目git status 查看本地仓库与远端查仓库的差别git add xxx/xxx/xxx  添加到远程仓库的文件(一般用git status 状态的文件粘贴复制)git c...

2018-12-27 17:16:57 375

原创 初学小程序时遇到的问题点

初始化报错 cloud init error: {errMsg: “operateWXData:fail invalid scope”} 右键部署login  (注意先查看是不是部署)修改login-&gt;index.js文件 return { openid: event.userInfo.openId, event:event }...

2018-12-02 14:54:26 152

原创 flex 布局

父元素:display:-webkit-flex 用后不能再用定位。如淘宝的底部导航,再在外面包裹一个DIV做定位:display:fixed;left:0;bottom:0;width:100%            justify-content       子元素水平的排列方式                                  center              ...

2018-12-01 17:01:56 181

翻译 Socket.io

Socket.io提供了基于事件的实时双向通讯Browser和WebServer间的实时数据传输是一个很重要的需求,但最早只能通过AJAX轮询方式实现。在WebSocket标准没有推出之前,AJAX轮询是一种可行的方案。AJAX轮询原理是设置定时器,定时通过AJAX同步服务端数据。这种方式存在延时且对服务端造成很大负载。直至2011年,IETF才标准化WebSocket - 一种基于T...

2018-10-09 10:02:31 812

原创 关于es6中的some的用法

&lt;!DOCTYPE html&gt;&lt;html&gt;&lt;head&gt; &lt;meta charset="utf-8" /&gt; &lt;meta http-equiv="X-UA-Compatible" content="IE=edge"&gt; &lt;title&gt;some的用法&l

2018-09-28 22:00:08 4803

原创 ES6中关于map的用法。

&lt;!DOCTYPE html&gt;&lt;html&gt;&lt;head&gt; &lt;meta charset="utf-8" /&gt; &lt;meta http-equiv="X-UA-Compatible" content="IE=edge"&gt; &lt;title&gt;map的用法&lt

2018-09-28 21:56:20 3662

转载 vue中引用轮播图组件

这几天看了vue引用外部组件的知识,来记录一下。 1、首先是vue的组件库(官方的vue组件库地址): https://github.com/vuejs/awesome-vue 2、查找自己需要的组件:可以Ctrl+f 来快速搜索这些组件。 3、根据组件的使用指南进行引用(以引用轮播图实例): 1)npm 全局安装组件:npm install -S vue-carousel 2) 引用该...

2018-09-11 22:50:13 593

转载 Vue.directive 自定义指令 转

一、什么是全局API?全局API并不在构造器里,而是先声明全局变量或者直接在Vue上定义一些新功能,Vue内置了一些全局API,比如我们今天要学习的指令Vue.directive。说的简单些就是,在构造器外部用Vue提供给我们的API函数来定义新的功能。 二、Vue.directive自定义指令我们在第一季就学习了内部指令,我们也可以定义一些属于自己的指令,比如我们要定义一个v-j...

2018-09-11 22:17:56 154

原创 window系统安装Yarn的方法

  https://blog.csdn.net/echo_ae/article/details/78830583  原来的地址。下载yarn 下来安装,然后在电脑的开机开始里把下面的内容复制过去  ,这一步完成后,执行choco install yarn。。这一步的全局安装完成了。回到项目文件夹,cmd---&gt;  yarn install   -----&gt; yarn dev...

2018-09-05 11:14:07 766

原创 手机端设计稿640px和750px不同设计稿下,px值转化成rem值

(function(doc, win) {    var docEl = doc.documentElement,        resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',        recalc = function() {            var

2018-01-08 08:23:12 8454

转载 Git介绍

git 提交 全部文件git add . git add xx命令可以将xx文件添加到暂存区,如果有很多改动可以通过 git add -A .来一次添加所有改变的文件。注意 -A 选项后面还有一个句点。 git add -A表示添加所有内容, git add . 表示添加新文件和编辑过的文件不包括删除的文件; git add -u 表示添加编辑或者删除的文件,不包括新添加的文件

2018-01-08 01:56:43 183

转载 Git安装与配置

下载Git安装包0.TortoiseGit-2.3中文版与Git安装包: http://download.csdn.net/detail/renfufei/9738152首先打开 Git 的官方网站: http://git-scm.com/然后找到下载页面: http://git-scm.com/downloads找到Windows版本的下载页面: http://git-scm.c

2018-01-07 01:28:49 279

转载 前端本地文件操作与上传

前端无法像原生APP一样直接操作本地文件,否则的话打开个网页就能把用户电脑上的文件偷光了,所以需要通过用户触发,用户可通过以下三种方式操作触发:  通过input type=”file” 选择本地文件  通过拖拽的方式把文件拖过来  在编辑框里面复制粘贴  第一种是最常用的手段,通常还会自定义一个按钮,然后盖在它上面,因为type=”file”的input不好改变样

2017-12-27 00:35:33 5114

翻译 兼顾pc和移动端的textarea字数监控的实现方法

一、需求阐述和常用的解决方案制作一个文本框限制最大字数,实时监听当前已经输入的字数,并显示出来。期初我实现这个功能的方法很简单:给textarea控件添加onkeyup事件方法,在方法中将textarea值的长度打印出来,并给textarea添加一个maxlength属性设置长度限制即可。代码如下:div class="form-group needCount">

2017-12-22 15:02:53 562

转载 使用EJS(模板引擎)动态绑定页面中的数据

序作为一名前端开发工程师,我们经常会使用AJAX/JSONP等技术,从服务器端获取到我们所需要的数据,然后把数据动态的展示在对应页面中。这里列举一下目前市场上常用的绑定方式:1、不依托JS,而是使用PHP/Ruby/Python/JSP等技术实现数据的绑定目前市场上还有很多项目是这样处理的,数据获取绑定的操作都不是由JS完成,而是由其它的语言来完成;这样做的主要原因(个人分

2017-06-13 17:33:01 7534

翻译 H5移动端知识点总结

移动开发基本知识点一. 使用rem作为单位html { font-size: 100px; }@media(min-width: 320px) { html { font-size: 100px; } }@media(min-width: 360px) { html { font-size: 112.5px; } }@media(min-width: 400px) { htm

2017-06-08 18:35:09 540

翻译 打开一个网站,加载顺序是什么?

HTML页面加载和解析流程 :1. 用户输入网址(假设是个html页面,并且是第一次访问),浏览器向服务器发出请求,服务器返回html文件。 2. 浏览器开始载入html代码,发现标签内有一个标签引用外部CSS文件。 3. 浏览器又发出CSS文件的请求,服务器返回这个CSS文件。 4. 浏览器继续载入html中部分的代码,并且CSS文件已经拿到手了,可以开始渲染页面了。 5. 浏览器在代码中发现一

2017-05-28 00:30:32 2002

原创 JS的event对象

Event属性和方法:1. type:事件的类型,如onlick中的click;2. srcElement/target:事件源,就是发生事件的元素;3. button:声明被按下的鼠标键,整数,1代表左键,2代表右键,4代表中键,如果按下多个键,酒把这些值加起来,所以3就代表左右键同时按下;(firefox中 0代表左键,1代表中间键,2代表右键)4. clientX/clientY:事件发生的

2017-05-27 23:55:02 245

转载 html屏蔽右键、禁止复制与禁止查看源代码

123

2017-05-27 23:40:18 11158 1

空空如也

空空如也

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

TA关注的人

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