_白马非马 - 博客园

2017年4月13日

摘要：如何支持输入@可以【@群内人】的功能？常规思路是监听keydown 事件的shift+2 经试验发现这个事件（shift+2）只是在英文状态下会触发，在中文状态下则事件不会触发，只可以触发（shift）事件。此处作为html下和中文状态深深相关关联的dom3事件不得不提到 composi 阅读全文

posted @ 2017-04-13 18:45 _白马非马阅读(939) 评论(0) 推荐(0) 编辑

html 富文本编辑器相关--向编辑器内部插入文字图片等各种dom元素通用方法

摘要：有问题的插入方案 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> <style>#edit{height:500px;width:500px;border:1px solid red;}</ 阅读全文

posted @ 2017-04-13 18:33 _白马非马阅读(2957) 评论(0) 推荐(0) 编辑

html 富文本编辑器相关--常用selection range api

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> #app{ width:300px; height:100px; border: 1px solid red; } 阅读全文

posted @ 2017-04-13 18:27 _白马非马阅读(341) 评论(0) 推荐(0) 编辑

2017年4月11日

html搜索中英文状态如何区分

摘要：本文主要解决的问题; 中文输入法下如何做到不会用拼音搜索可参考： https://zhuanlan.zhihu.com/p/25709544 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>input输入阅读全文

posted @ 2017-04-11 23:19 _白马非马阅读(253) 评论(0) 推荐(0) 编辑

2017年3月5日

vue例子，搜索+排序

摘要：没组件版本 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>网格组件</title> <link href="//cdn.bootcss.com/bootstrap/4.0.0-alpha.6/css/boo 阅读全文

posted @ 2017-03-05 18:57 _白马非马阅读(4529) 评论(3) 推荐(0) 编辑

2017年3月3日

webpack 打包trunk分析

摘要： webpack打包确实是很智能，它会分析你当前文件夹下所有文件，然后决定如何打包如何拆分才是最合理。前提：webpack 默认有一个（或多个）entry入口。举例子：入口文件：index.js 什么都不依赖页面其他组件：a.js--依赖jquery,vue 这时候当你执行命令 webpack打阅读全文

posted @ 2017-03-03 07:49 _白马非马阅读(734) 评论(0) 推荐(0) 编辑

2017年2月27日

vue示例之transition-另外发现一个vue(可能的)小bug

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <link href="//cdn.bootcss.com/animate.css/3.5.2/animate.css" rel=" 阅读全文

posted @ 2017-02-27 11:54 _白马非马阅读(1695) 评论(0) 推荐(0) 编辑

2017年2月24日

vue示例todos

摘要：简单版todos-纯数据展示 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>todoDEMO</title> <style> </style> </head> <body> <div class="div1 阅读全文

posted @ 2017-02-24 12:13 _白马非马阅读(497) 评论(0) 推荐(0) 编辑

vue作用域插槽示例

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>作用域插槽具有代表性的实例</title> </head> <body> <div id="mylist"> <my-awesome-list :items=" 阅读全文

posted @ 2017-02-24 10:25 _白马非马阅读(553) 评论(0) 推荐(0) 编辑

2017年2月23日

vue示例demo02

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="vue-v2.0.js"></script> <link href="//cdn.bootcss.com/ 阅读全文

posted @ 2017-02-23 15:39 _白马非马阅读(141) 评论(0) 推荐(0) 编辑

白马非马

我想超越这平凡的生活

公告