![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JavaScript
Jerryman_GHJ
这个作者很懒,什么都没留下…
展开
-
学习记录001
Vue 中使用@hook监听组件生命周期通常我们监听组件生命周期会使用 $emit ,父组件接收事件来进行通知子组件export default { mounted() { this.$emit('listenMounted') }}父组件<template> <div> <List @listenMounted="listenMounted" /> </div></temp原创 2021-05-14 13:54:43 · 169 阅读 · 0 评论 -
HTML渲染过程
HTML渲染过程原创 2020-04-09 17:53:20 · 255 阅读 · 0 评论 -
js 将复制面板的粘贴内容,样式标签去除
可编辑div,将js复制面板的粘贴内容,样式标签去除<div class='page3-emjoy5' contenteditable=='true'></div>$(".page3-emjoy5").on("paste", function (e) { textInit(e)});function textInit(e) { e.preve...转载 2018-09-18 15:41:29 · 3529 阅读 · 0 评论 -
【NodeJS】学习之EventEmitter
1.first: 某一个事件2.点on一次,就是为某个事件注册一个 【事件监听器】;3.同一个事件,可以注册多个事件监听器;4.当事件被触发(emit)时,注册到这个事件的所有事件监听器会被依次调用,事件参数作为emit回调函数的参数;代码://events: events模块var events = require('events')//EventEmitter: eve...原创 2018-09-19 18:40:23 · 176 阅读 · 0 评论 -
图片裁剪居中的两种方式(CSS和JS)
一、JS方式实现:通过Vue中图片load方法(当然原生JS有对应的img.onload事件),获取到图片的原始尺寸(img.naturalWidth, img.naturalHeight),然后判断图片是长图还是宽图,如果是长图,则设置图片的宽为100%,高度自适应;反之是宽图,设置图片的高为100%,宽为自适应。当然,如果图片的原始尺寸小于盒子的宽高尺寸,则取图片的原始尺寸。页面:...原创 2018-10-11 14:39:48 · 4981 阅读 · 2 评论 -
failed to load reponse data
这个应该是页面跳转导致的,在ajax处理响应的时候跳转页面原创 2019-04-10 10:41:36 · 1696 阅读 · 0 评论 -
哪些元素可以跨域
同源策略在浏览器的安全策略中“同源策略”非常如雷贯耳,说的是协议、域名、端口相同则视为同源,域名也可换成IP地址,不同源的页面脚本不能获取对方的数据。要是想使用XMLHttpRequest或者常规的AJAX请求获取另一个站点的数据,浏览器会告诉你“XXXX is not allowed by Access-Control-Allow-Orign”.因为同源策略的存在,防止了跨域访问的安全问题...原创 2019-04-29 20:39:20 · 477 阅读 · 0 评论 -
使用Map数据结构,快速匹配文件类型
使用Map数据结构,快速匹配文件后缀名export const matchType = (fileName = "") => { var map = new Map([ ["image", ["png", "jpg", "jpeg", "bmp", "gif"]], ["txt", ["txt"]], ["excel", ["xls...原创 2019-10-11 17:36:31 · 243 阅读 · 0 评论 -
JS批量替换img标签为对应img标签中的某个attr属性的值
【需求】: 如下图,页面展示的表情和文字,现在在点击“发送”按钮时,需要将img标签替换成相应的【文字】: 【解决】:具体实现如下:要替换的字符串为:html == <img src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" text_w...原创 2018-09-17 12:50:41 · 3585 阅读 · 0 评论 -
Js关于光标对象与定位插入图片
在编辑器里插入文字、图片表情等需要用到Js定位光标节点。 常见思路是把光标两边数据切开,把图片或者字符加在中间,然后把三个字符串重新拼接起来,这样要算长度、切割字符串、重新拼接起来。很麻烦。我的Vue项目中:/** 选择表情 插入聊天框* */ select(e) { // 定义最后光标对象 let lastEditRange; ...原创 2018-09-17 10:46:01 · 1691 阅读 · 1 评论 -
JS的浮点数计算精度丢失
原创 2018-07-04 09:27:36 · 215 阅读 · 0 评论 -
JS面向对象---构造函数之间的继承(阮一峰网络日志学习笔记)
主题:对象之间的继承,可以分为:构造函数之间的继承和非构造函数之间的继承。今天学习总结的是构造函数之间的继承。继承方式总共有五种:(只记述前四种) 第一种:将父对象(构造函数即是一个对象)直接绑定在子对象中。 示例代码: function Animal() { this.species = "动物"; } function Cat(name, color...原创 2018-03-08 11:25:28 · 2818 阅读 · 0 评论 -
JS面向对象---非构造函数之间的继承(阮一峰网络日志学习笔记)
通过对阮一峰老师文章的学习,已经自己手写了前面的两篇文章(都是看过软老师的,然后自己手写的)。今天要总结一下非构造函数之间的继承。普通对象之间的继承。var A = {gender: "男"};var B = {name: "小明"};问题是如何让B继承A的那么属性?(这两个对象都是普通对象,不是构造函数,无法使用构造函数方法实现"继承"。)解决方法:一、object()方法 json格式的...原创 2018-03-08 19:54:15 · 473 阅读 · 0 评论 -
JavaScript对象类型(本地对象和内置对象、宿主对象)
首先,JavaScript对象类型包括:[本地对象] 和 [内置对象]、[宿主对象];另外,所有的本地对象都是内置对象,下面开始先介绍本地对象:一、本地对象本地对象是 独立于宿主环境的ECMAScript实现提供的对象,简单说就是ECMAScript定义的类(引用类型)。包括:Number Boolean String Object Function Array ...原创 2018-03-09 13:51:38 · 505 阅读 · 0 评论 -
[译] Vue 2.0 的变化(二)之其他重大更改
v-for迭代语法变化丢弃$index和$key新数组语法value in arr(value, index) in arr新对象语法value in obj(value, key) in obj(value, key, index) in obj指令接口的改变大体来说,2.0版本中指令大范围的降低功能,它们仅用于低层次的直接dom操作。在多数情况下,你更应该使用组件作为主要的代码重构抽象。指令不...转载 2018-03-30 16:42:02 · 183 阅读 · 0 评论 -
解决移动端--微信公众号--项目中 【Android机横向滚动不灵敏】
问题描述: 项目中有两行列表需要横向滚动以查看更多,默认使用外层元素overflow-x:auto;overflow-y:hidden;定宽来实现,IOS端表现良好,Android端表现很差,经常横向滑动没反应。百度了一下,在此做个记录。 bug:红色框为 横向滚动容器,在里面实现横向滚动。 解决: 页面中引用iScroll....原创 2018-07-03 16:48:57 · 705 阅读 · 0 评论