Jackey__sunshine-CSDN博客

原创在线生成地图geojson数据格式以及手绘乡镇级json数据

在项目中往往需要用echarts或者其他可视化工具来生成地图，但是echarts关闭了下载数据窗口，在此分享一个在线生成地图geojson数据的地址。如下:http://datav.aliyun.com/tools/atlas/#&lat=33.521903996156105&lng=104.29849999999999&zoom=3...

2019-08-07 16:39:23 51299 7

原创通过webpack的alias设置其他符号代替文件路径

我们在用脚手架创建项目的时候，在使用import…from…引用文件的时候往往会看到引用文件的路径开头是’@/…'开头,其中@为文件路径的别名。当我们不使用脚手架构建项目的时候可以在webpack.config.js文件中设置重现这一功能。具体代码如下：其中的’__dirname’为当前文件路径，path为引用的node中的模块path创建的对象。因为我的webpack和src目录同级，...

2019-07-23 15:10:34 1193

原创 webpack打包，vue、react引用文件省略后缀名

不管是在react或者是在vue项目中，往往需要在一个文件中引入另外一个文件，不管是以.js或者是以.vue为后缀的文件都可以省略这些后缀名。直接在webpack.config.js配置文件中加以下代码即可。一般react和vue都是用ES6中的import…from…来引用文件，上面图片中的extensions指定了from后可导入的文件类型。vue中引入组件一般是vue后缀，在上面数组中加...

2019-07-22 18:04:28 3143

原创 node.js、npm搭建本地文件服务器以及搭配ngrok外网映射访问

在开发项目的时候遇到过需要将当前本地代码启动服务映射到外网上供客户观看的功能，在此记录一下。一、构建本地服务在node.js官网下载node.js用node-v查看安装的node版本号，当显示node版本时表示安装node成功在node命令行下，输入 npm install http-server -g，安装服务器在想要启动服务的文件下运行http-server命令此时就已经开启了...

2019-07-19 16:44:49 1579

转载表格单元格td设置宽度无效的解决办法

转载自：https://blog.csdn.net/quincylk/article/details/25875301/在做table页面时，有时对td设置的宽度是无效的，td的宽度始终有内部的内容撑开，可以设置padding，但直接设置width却无效，下面我们来具体看下这个示例：<div><table border="1px"><tr><td...

2019-07-19 10:40:06 2312 1

原创 es6箭头函数return用法

箭头函数用了也有这么久了，一个return用法小细节记录下来，可以使代码更加简洁。当使用箭头函数的时候，外部需要获取代码结果，如果函数代码块部分只有一条语句，则可以不使用大括号不用return。const fn = (a,b)=>a+b;let res = fn(1,2)//3如果函数代码块部分不只一条语句，需要使用大括号则要用return。const fn = (a,b)=&g...

2019-07-17 14:59:38 1815

原创 Vue实现跨域请求的解决办法

在使用vue做项目的时候遇到了跨域问题，在此总结一下两种解决办法。一、服务器端设置跨域header('Access-Control-Allow-Origin:*'); header('Access-Control-Allow-Headers:content-type'); header('Access-Control-Request-Method:GET,POST'); 二、vue设置...

2019-07-15 15:23:40 3300

原创 axios设置timeout失效问题

在项目中遇到了后台接口返回数据慢的时候往往需要设置请求失效时间，在项目中遇到设置timeout失效问题由此记录下来。之前代码是这样设置axios的import axios from 'axios';let Config = { TIMEOUT: 60000, baseURL: { dev: window.BASEURL_01, prod: '' }};axios.defau...

2019-07-10 16:00:58 12918

转载网页使用微信扫一扫

原文转自：https://blog.csdn.net/sysdzw/article/details/80810345 调用范例完整代码下载：https://download.csdn.net/download/sysdzw/10550117&nb...

2019-06-26 11:09:04 3496

转载何为语法糖

语法糖：1.之所以称之为语法糖，给人的感觉就是很甜，很甜。2.在相同功能下，语法糖的写法会让代码更加简洁流畅，代码更加语义自然。写得很爽，看起来也爽，就像吃了糖一样。（南方人都爱吃糖啦）3.ES6就是着急着给加糖了。example：箭头函数就很经典了：input.map(item => item + 1);而之前的写法：input.map(function (item) {re...

2019-06-20 14:55:27 133

转载 Vue中数组更新后视图不动态更新原因剖析

原文转载自：https://blog.csdn.net/m0_37747665/article/details/82148966 在Vue的官方文档有提到这样一个注意事项：由于 JavaScript 的限制，Vue 不能检测以下变动的数组：1）当你利用索引直接设...

2019-06-13 11:37:44 659

转载 CORS跨域请求之简单请求与非简单请求

原文地址：https://www.cnblogs.com/renpingsheng/p/7688134.html先来看一个例子定义 server01 的项目,在路由表中添加一条路由记录url(r'^getData.html$',views.get_data)对应的视图函数from django.shortcuts import render,HttpResponse ...

2019-06-13 11:01:24 2371

转载 JS发送跨域Post请求出现两次请求的解决办法

原文地址： http://www.cnblogs.com/JimmyBright/p/7681097.html简单请求与非简单请求区别部分转载自：https://www.cnblogs.com/renpingsheng/p/7688134.html所有跨域的js在提交post请求的时候，如果服务端设置了可跨域访问public static function setCrossDomain()...

2019-06-13 10:45:17 5184

原创 vue--给子组件根元素添加class属性

例子：1.声明自定义组件Vue.component('my-component', { template: '<p class="foo bar">Hi</p>'})2.调用组件，添加class属性<my-component class="baz boo"></my-component>3.结果<p class="foo ...

2019-06-12 17:45:03 9435

原创 Vue计算属性computed

一、计算属性定义以及使用环境在vue中可以使用模板语法，模板内可以使用表达式，但是设计它们的初衷是用于简单运算的，在模板中放入太多的逻辑会让模板过重且难以维护。<div id="example"> {{ message.split('').reverse().join('') }}</div>例如在以上代码中想要获得的是变量message的翻转字符串，并不是简...

2019-06-12 17:02:59 156

转载 10种常见排序算法

易记诗词：选炮插，快归堆希统计姬，n 方 n老 n一三，对 n 加 k n 乘 k,不稳稳稳不稳稳，不稳不稳稳稳稳。本文转自马士兵老师网站：http://www.mashibing.com...

2019-05-23 17:00:08 253

原创数据结构与算法、时间复杂度的粗略定义

1.什么是数据结构？存储数据的不同方式2.什么是算法？同一个问题的不同解决方法算法往往是针对数据结构的3.如何测算算法的优略3.1 时间测算计算算法时间差幅度不够循环来凑(实际执行起来可能计算机计算速度非常快，计算所需时间往往是0ms或者1ms，打印出来往往都差不多，所以要看出差别的话就用循环来看计算时间)3.2 空间测算4.Big O时间复杂度：时间针对于问题规模的变化而...

2019-05-23 16:26:36 239

转载 Web安全之XSS攻防

Web安全之XSS攻防1. XSS的定义跨站脚本攻击(Cross Site Scripting)，缩写为XSS。恶意攻击者往Web页面里插入恶意Script代码，当用户浏览该页之时，嵌入其中Web里面的Script代码会被执行，从而达到恶意攻击用户的目的。2. XSS的原理攻击者对含有漏洞的服务器发起XSS攻击（注入JS代码）。诱使受害者打开受到攻击的服务器URL。受害者在Web浏览...

2019-05-20 15:40:55 231

原创 react父子组件传值示例

import React from 'react';export default class Text extends React.Component{ // 构造函数 constructor(props){ super(props); this.style = {background:'#f00',color:'#fff'}; this.arr = [ ...

2019-05-16 17:58:37 388

转载 json树状数据根据子节点递归寻找所有父节点的方法

前言：在项目中做级联选择的时候，很多前端UI框架往往返回的只有点击的最后一层数值，但是详情页面渲染的时候往往又需要将数据的层级全部显示出来。解决方法：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>json-query<...

2019-05-16 17:53:22 9802

原创 js得到对象的所有属性(返回属性数组)

Object.keys(‘检测对象’)var obj = {“a”:1,”b”:2};Console.log(Object.keys(obj)) //[ ‘a’, ‘b’ ]

2019-05-16 17:37:54 2706

原创 js精准判断对象数组的方法-----Object.prototype.toString.call()

前言：typeof 可以判断数据类型，但是数组和对象不能精准判断。解决方法：Object.prototype.toString.call(‘需要检测的对象或者数组’)。如果打印出来是’ [object Array]’，那么就是数组，如果是’ [object object]’，那么就是对象。...

2019-05-16 17:35:01 778

原创 v-text和插值表达式{{ }}的区别

v-text会覆盖元素中原本的内容，插值表达式{{ }}只会替换自己的这个占位符，不会把整个元素内容替换。

2019-05-16 17:21:30 1993

原创 Vue指令---v-clock

v-clock解决页面闪烁问题如果网速慢，而该标签内容是变量没有请求响应回来的时候，页面上先不显示该标签（vue给该标签加了css样式），当响应回来的时候改标签默认将css样式去除。此指令可以解决使用差值表达式页面闪烁问题将该指令加在html标签中时，可以在该文件中加style属性为display：none，例子如下：<div class="#app" v-cloak> ...

2019-05-16 17:14:49 16482 2

踏步修行