js代码
文章平均质量分 68
wyk760629476
没有bug,制造bug也要上
展开
-
csp(Content-Security-Policy)内容安全策略
csp是网页应用中常见的以中安全保护机制,通过安全策略的配置来控制外部资源的引入,如js脚本,图片,iframe等是否能被页面调用执行。csp可以通过响应头的米标签的字段来实现,是浏览器的一种响应策略,可以防御xss攻击。csp实现方式通过html米标签实现 Content-Security-policy: default-src 'self'; script-src 'self' allowed.com; img-src 'self' allowed.com; style-src 's.原创 2021-07-07 12:40:10 · 1517 阅读 · 0 评论 -
echarts的常用案例
安装依赖后引入echarts// mian.jsimport echarts from 'echarts'//引入Vue.prototype.$echarts = echarts// 挂在vue上面直接引入js<script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts/echarts.min.js"></script>在文件中创建图表指定宽高.原创 2021-07-05 11:21:53 · 1184 阅读 · 2 评论 -
GeoJSON简述
前言GeoJSON是基于js对象表示法的地理空间信息数据交换格式一、GeoJSON是什么?GeoJSON是一种对各种地理数据结构进行编码的格式。GeoJSON对象可以表示几何、特征或者特征集合。GeoJSON支持下面几何类型:点、线、面、多点、多线、多面和几何集合。GeoJSON里的特征包含一个几何对象和其他属性,特征集合表示一系列特征。一个完整的GeoJSON数据结构总是一个(JSON术语里的)对象。在GeoJSON里,对象由名/值对--也称作成员的集合组成。对每个成员来说,名...原创 2021-07-01 15:15:31 · 855 阅读 · 1 评论 -
遍历对象元素的5种方法
for in 可以回去原型链上的属性,但是不能遍历symbol类型数据,有symbol类型报错原创 2021-06-16 12:32:40 · 874 阅读 · 0 评论 -
执行上下文
执行上下文的创建阶段 this的绑定 全局this c 执行上下文的执行阶段原创 2021-05-31 17:44:45 · 86 阅读 · 0 评论 -
js原型链
定义:构造函数也是一个函数,使用new创建对象实例就成为构造函数,正常调用就是普通函数,它是一个函数的引用不是一个原创 2021-05-29 15:46:54 · 91 阅读 · 0 评论 -
web前端超有用网站推荐
cssflex练习小游戏http://flexboxfroggy.com/原创 2021-05-28 18:02:58 · 115 阅读 · 0 评论 -
es6的新特性
calss class是ES6提供的更接近于传统语言的的写法,作为对象的模板.通过class关键字,可以定义类 class写法只是一个语法糖,它只是让对象原型的写法更加清晰,更像面向对象编程的语法 module export导出,给出对外可以导入使用的权限 // 一般方法的导出 function a(){} let b=10 export {a,b} import{a as funb,b} from './export/index.js' // 默认导出 export defaul..原创 2021-05-26 16:24:48 · 82 阅读 · 0 评论 -
==和===的几个特殊易错例子
// ==console.log(1 == '1') // trueconsole.log(true == 'true') // falseconsole.log(NaN == 'NaN') // falseconsole.log(NaN == NaN) // falseconsole.log(-0 == 0) // trueconsole.log(0 == '0') // trueconsole.log({ name: "Tom" } == { name: "Tom" }) // fals.原创 2021-05-26 14:01:18 · 95 阅读 · 0 评论 -
六个假值
0falseundefinednullNaN"只有这六个值返回的是布尔型的假值new创建的都是对象,所以都是真的空格也是字符串也是真的原创 2021-05-26 10:56:40 · 140 阅读 · 0 评论 -
vue中使用v-for为什么要添加key
举例说明 添加key后可以确保选中的数据不被修改,使用index时候如果数据比较简单还是会根据位置更新-----------添加之后被选中数据不变------------------> <div id="app"> <div> <button @click="add">添加</button> </div> <!-- 不添加key --> <ul> &原创 2021-05-18 15:59:35 · 410 阅读 · 0 评论 -
下载数据生成json文件,csv文件
下载CSV文件 /** * 导出excel * @param {Object} title 标题列key-val * @param {Object} data 值列key-val * @param {Object} fileName 文件名称 */exportCSV (title, data, fileName) { let CSV = '' let row = '' for (let i = 0; i < title.length; i++) { if (原创 2021-05-17 16:20:17 · 214 阅读 · 0 评论 -
js原型及原型链
属性 prototype: js中每个构造函数都有prototype对象.所有实例对象需要共享的方法和属性放到prototype对象里,不要共享的就放在构造函数中 prototype不用手动声明. 设置方法 function Animal(name){ this.name = name}// 设置需要共享的属性Animal.prototype.sayName = function(){ console.log(this.name)}// 创建实例let .原创 2021-04-26 17:51:52 · 83 阅读 · 0 评论 -
详述call,apply和bind的区别
简介:js中的每个函数都指向Funcion.prototype对象,继承Function,所以都含有call,apply,和bind三个函数,三个函数的作用就是改变函数中的this的指向 使用 thisObject作为第一个参数传给函数,使函数中的this指向thisObject fn.call(thisObject,params1,params2....) fn.apply(thisObject,[params1,params2,....]) fn.bind(thisObject,par.原创 2021-04-23 18:55:29 · 92 阅读 · 0 评论 -
node的使用
简介 是什么? Node.js是一个开源,跨平台的javaScript运行环境. (几乎任何项目流行工具都能使用node.js) 为什么? Node.js 是一个底层的平台。 为了方便,社区在 Node.js 上构建了数千个库。 npm: 2009年js诞生,同年npm(NodePackageManager)第一版发布,npm内置在nodejs中,开发者将开发的代码如Jquery放到npm中,在js里面可以直接管理下载相关代码.2020年nodejs已经发布第15版, 常用框架...原创 2021-03-30 20:33:16 · 351 阅读 · 1 评论 -
获取二进制文件加载到页面遇到的问题记录
请求后台接口获取文件数据this.serverApi({ loading: this.loading, params: data.urlImage, interface: this.$https.getImageUrl, success: (res) => { // 通过创建对象获取流 iframe.src = URL.createObjectFile(res) }})返回数据,转换成路径报错TypeError: Failed to execute '.原创 2021-03-23 19:31:34 · 2766 阅读 · 0 评论 -
减少js里面if-else的数量
使用if-elsestatusFilter: function (value) { if (value == "0") { return "分析中"; } else if (value == "1") { return "分析成功"; } else if (value == "-1") { return "分析失败";...原创 2019-12-18 18:13:19 · 235 阅读 · 0 评论 -
js 代码书写规范_函数
少传参数 如果参数超过两个,使用ES2015/ES6的解构语法,不用考虑参数的顺序。某个参数不写也不会产生参数匹配错误 Bad: searchListTable: function (parameter, type, startTime, endTime, searchInput, pagesize) {} Good: searchListTable: ...原创 2019-12-18 11:46:25 · 188 阅读 · 0 评论 -
js 代码书写规范_变量
提高js代码质量需要注意事项原创 2019-12-17 10:37:11 · 128 阅读 · 0 评论