h5
关注
分享
扫一扫
Janicelily
哪有什么大神，不过是一行一行敲来的，加油呀
展开
-
1、每天学习一点点之 contenteditable 属性
起初 遇见一个 需求 是 要求 再输入框可以输入文本， 点击检测，调用接口，将特定的文字可以 加颜色 或者 下划线展示， 然后可以继续输入。 正常是用textarea， 但是textarea 不可以 v-html， 里面只能是文本， 不能包含标签。 所以发现该 属性-----contenteditable <div contenteditable="true">这是一个可编辑段落。</div> 这样就可以实现 div 可以编辑， 如同textarea。 并且可以包含标签，进行样式修原创 2020-10-12 12:27:14 · 932 阅读 · 0 评论 -
有点厉害但冷门的API------toLocalString
1、在数字类型上的应用 1、整数部分可以直接转化为每三位加一个逗号 const num = 1234555; num.toLocalString(); // 1,234,555 2、带有options参数情况–style style 属性 – 表示格式化时使用的样式（默认值是 decimal 也就是纯数字，也可以是 percent 百分比以及 currency 货币），举个栗子 const nu...原创 2019-11-15 16:33:02 · 514 阅读 · 0 评论 -
scrollIntoView()
聊天对话框中，常见的滚动条需要定位到某个特殊到位置，用原始到计算offset 的方法也可以，但是很麻烦； 现在学会了一个新的api elemen.scrollIntoView(); <!DOCTYPE html> <html> <head> <style> #box{ width: 100px; hei...原创 2019-05-31 17:29:02 · 1522 阅读 · 0 评论 -
toFixed 遇见的坑
toFixed（）是用于保留小数的js方法，但是一定要注意JS的机制，不是眼睛看见的那样！ 下面举例我遇到的坑： <script> var a= 6; var b= 81; console.log(a/b); console.log((a/b).toFixed(2)); var res = `${(a/b)...原创 2019-06-13 15:32:10 · 360 阅读 · 0 评论 -
深入理解前端 flex属性
1、flex-grow属性 该属性定义项目的放大比例，默认是0，即如果存在剩余空间，也不放大； .item { flex-grow: <number>; /* default 0 */ } 如果所有项目的flex-grow属性都为1，则它们将等分剩余空间（如果有的话）。如果一个项目的flex-grow属性为2，其他项目都为1，则前者占据的剩余空间将比其他项多一倍。 2、flex-...原创 2019-06-11 15:52:44 · 536 阅读 · 0 评论 -
input输入框在光标处， 插入文本段
在项目中会遇到这样的情况，用户可以在textarea中输入，也可以选择既有的可供选择的 段落，现需求是用户把光标放在哪，用户选择后的 段落就 插进 该处位置。 实现方式主要是依靠俩点： 一、利用 doxument.selection （这是IE的） docuemnt.getElementById(xxxx).selsectionStart （这是谷歌等的） 这俩个属性 来找到光标的位置 二、就是...原创 2019-07-17 11:39:30 · 3752 阅读 · 0 评论 -
（本地正常，build后报错405）有关proxyTable 跨域解决探讨
前段时候写项目的时候，遇到这样的问题，本地npm run dev正常，但是npm run build 后就接口报错405；然后就发现了是proxyTable的原因。以下来具体探讨一下： 前端的小伙伴都是知道的，前端存在同源策略，有跨域问题的存在，解决问题一般可以有白名单、反向代理，配置nginx等。 其中一项的就是用 proxyTable 正常基本配置为下： proxyTable: { ...原创 2019-09-19 19:46:39 · 1342 阅读 · 0 评论 -
有关$ref的 深入理解以及踩的坑
在页面验证的时候，多数会使用ref来进行判断，有关ref来进行判断，有关ref来进行判断，有关ref的使用，因为vue的生命周期的原因，需要 在this.$nextTick() 之后才能够正常的取到值。 在项目上使用的时候，ref绑定的是input，就使用value来判断验证是否该dom为空，其余div 和span等元素，使用innerHTML来判断。 例如 <div ref="conten...原创 2019-09-19 22:24:49 · 1249 阅读 · 0 评论