js
文章平均质量分 77
=清风徐来=
广积粮,缓称霸
展开
-
中国各省份省会地图json数据
[ { name: "沈阳市", value: ["123.429092", "41.796768"], }, { name: "长春市", value: ["125.324501", "43.886841"], }, { name: "哈尔滨市", value: ["126.642464", "45.756966"], }, { name: "北京市", value: ["116.405289", "39.9049原创 2020-06-17 11:48:43 · 3783 阅读 · 0 评论 -
html2canvas踩坑记
1.canvas生成的字体小了好多解决方案: font-variant: normal; font-family: 'Microsoft Yahei';这里要加上这个,需要设置字体(必须),我的就是设置了字体就好了2.截屏不完整问题解决方案:这里主要是采用曲线救国的方式可以在 需要生成图片的模块 渲染完成的时候,就调用html2canvas,然后将生成的DataURL存起来...原创 2020-02-23 17:33:46 · 1534 阅读 · 0 评论 -
理解js中的同步和异步执行
从零开始js的执行顺序:从头到尾,一行一行执行代码,这是前提。因此这样的代码的代码完全能够按照我们的预想输出console.log(1);console.log(32)只到遇到了下面的代码console.log(1)setTimeout(()=>{ console.log(2)},0)console.log(3)异步js是一门单线程语言,因此如果在js的线程中出现...原创 2019-04-19 11:31:38 · 3226 阅读 · 2 评论 -
前端路由功能的实现
转载 前端路由简介以及vue-router实现原理路由的概念路由这个概念最先是后端出现的。在以前用模板引擎开发页面时,经常会看到这样http://www.xxx.com/login大致流程可以看成这样:浏览器发出请求服务器监听到80端口(或443)有请求过来,并解析url路径根据服务器的路由配置,返回相应信息(可以是 html 字串,也可以是 json 数据,图片等)浏览器根...转载 2019-03-04 19:19:05 · 486 阅读 · 0 评论 -
js中继承
聊一下es6之前js是如何实现继承的转载《js实现继承的几种方式》首先,创建一个父类 function Super(){ this.name='Tim' this.age=12 } Super.prototype.greet=function(){ console.log('greet') }1、原型链继承function Sub(){}Sub.prototy...转载 2019-03-04 17:30:57 · 119 阅读 · 0 评论 -
使用js实现复制功能
思路1、借助document.execCommand(‘copy’)方法,可以实现将选中的文本进行复制;2、创建一个textarea元素,然后将需要复制的文本放入其中,然后调用textarea的select方法;3、复制成功之后将textarea元素移除代码 function setClipboard(data){ let textarea=document.createElemen...原创 2019-01-04 17:28:42 · 1124 阅读 · 1 评论 -
js中的一些不常用到的事件
介绍了一些平常开发中不常用到的事件1、页面卸载事件beforeunload,unload2、session事件pageshow,pagehide3、clipboard事件copy,paste,cut1 页面卸载事件1.1 beforeunloadbeforeunload事件主要用来监听页面卸载,在用户刷新页面或者离开页面(跳转或者直接关闭)时,执行相应的逻辑。(可以阻止卸载操作)...原创 2019-01-04 16:08:37 · 571 阅读 · 0 评论 -
文件和二进制数据的操作
分享文章文件和二进制数据的操作来自《JavaScript 标准参考教程(alpha)》,by 阮一峰转载 2019-01-04 11:15:10 · 257 阅读 · 0 评论 -
记录一些有意思的前端面试题
1、乘积函数代码 function mul(){ let {slice}=Array.prototype; let argus=slice.call(arguments,0); let returnFn=function(){ let arguArr=slice.call(arguments,0); return mul.apply(null,arguArr.con...原创 2019-01-03 18:49:08 · 253 阅读 · 0 评论 -
toString和valueOf
在每个对象中,都会继承两个方法:toString和valueOftoString顾名思义,toString就是将一个对象转化为字符串类型,默认的toString方法会输出以下结果:类型值原始数据类型该咋样还是咋样,不过类型都变成了字符串类型function输出定义时的函数表达式(如function test (){ })Object[object O...原创 2019-01-03 17:50:26 · 2241 阅读 · 0 评论 -
js实现点击自动下载文件
原理主要是利用了a标签的download属性,可以控制在点击a标签时,自动下载(不设置download会打开新的页面)代码实现如下:let aLink=document.createElement('a');aLink.href='imgUrl.png'//设置下载的图片链接aLink.download='imgName.png'//设置图片下载之后的名称aLink.click()//触...原创 2018-12-29 12:33:14 · 6206 阅读 · 0 评论 -
js防止篡改对象
1、Object.seal()使用Object.seal()可以防止向一个对象添加属性和删除属性,但是更改属性<script> let person={ name:'testName', age:'testAge' }; Object.seal(person); //可以更改 person.name='chan...原创 2018-12-29 10:44:12 · 832 阅读 · 0 评论