- 博客(24)
- 资源 (3)
- 收藏
- 关注
RSS订阅原创 window.speechSynthesis语音合成在chrome浏览器中刷新无法自动播报
本来的想法是，页面加载好，弹出窗口，让用户点击后开启，但是领导觉得每次进来让用户点，体验不好，说用户进来肯定会点击界面，只要他点了，就给他开启，那就听领导的吧。页面中使用了iframe嵌套，会出现iframe点击 和 index页面点击，所以我定义了一个变量，接收窗口点击的次数。chrome浏览器在18年4月起，就在桌面浏览器全面禁止了音视频的自动播放功能。在页面加载完毕的情况下，用户需要有主动交互行为，才能正常播放。添加网址，刷新或重新加载就会自动播报。在iframe中，监听点击，发送消息。
2023-11-17 09:54:51
856
原创 vue2.x笔记11-Vuex
本文内容包括：认识Vuex、Vuex的基本使用、Vuex的核心概念(包括State、Getter、Mutation、Action、Module)、项目结构组织
2022-03-25 11:47:11
1167
原创 vue2.x笔记9-vue-router(1)
本文包括认识路由(包含后端路由阶段、前后端分离阶段、单页面富应用阶段)，前端路由的规则、vue-router基础以及细节处理
2022-02-25 16:26:41
281
原创 vue2.x笔记8-Vue CLI
本文主要包含什么是Vue CLI，怎么使用，CLI2和CLI3项目部署，目录结构解析，Runtime-Compiler和Runtime-only的区别，render函数等内容
2022-02-23 10:16:35
87
原创 vue2.x笔记7-webpack详解(2)
本文主要包含：webpack配置vue，webpack的plugin，搭建本地服务器以及配置文件分离
2022-02-15 11:08:41
672
原创 vue2.x笔记6-webpack详解(1)
什么是webpack官方给的解释：At its core, webpack is a static module bundler for modern JavaScript applications. 翻译成中文：从本质上讲，webpack是一个现代的JavaScript应用的静态模块打包工具。从两点来解释上面的这句话：模块和打包前端模块化在上一篇文章中，vue2.x笔记5-前端模块化，解释了什么需要模块化以及目前使用模块化的一些方案：AMD、CMD、CommonJS、ES6
2022-02-15 11:00:47
586
原创 vue2.x笔记4-组件化开发
认识组件化什么是组件化？人面对复杂的问题时处理方法：一个人的逻辑能力是有限的，如果面对一个非常复杂的问题，就不太可能一次性解决，通常我们会将问题进行拆解，将一个复杂的问题拆分成多个小问题，那么大问题就迎刃而解了。组件化也有类似的思想：如果我们将一个页面所有的逻辑全部放一起，那么处理起来会变得非常复杂，而且也不利于后续的扩展与维护。但如果将一个页面拆分成一个个小的功能块，每个功能块完成属于自己的功能，那么整个页面的管理和维护就非常容易了。Vue组件化思想组件化是Vue.js中的重要
2022-01-17 16:26:51
301
原创 vue2.x笔记3-表单绑定v-model
Vue中使用v-model指令来实现表单元素和数据的双向绑定。<div id="app"> <!-- 双向绑定 --> <input type="text" v-model="msg"> {{msg}}</div><script> let app = new Vue({ el: '#app', data: { msg: '你好' } }
2022-01-12 19:24:53
292
原创 bootstrap-datepicker日期控件
本文包含bootstrap-datepicker日期控件年、月、日的初始化代码，重置代码以及获取日期的前N天/前N月代码
2021-12-24 11:27:34
4790
2
原创 jqgrid 数据相同单元格合并
1、设置colModel属性，增加cellattrcellattr = function (rowId, tv, rawObject, cm, rdata) { // 设置单元格id return 'id=\'araName' + rowId + '\'';}2、列表加载完成后调用合并单元格方法// 设置需要合并的单元格let mergeColumnList = ['areaName', 'areaId', 'siteName', 'siteId'];gridCompl
2021-12-16 16:37:36
972
原创 常用css样式-文本超出、三角形角标、水平垂直居中
1、css一行文本超出显示.../* 显示效果： 春节返乡...*/p { overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}2、多行文本超出显示 .../* 显示结果： CSDN创立于1999年，是中国最大的IT社区和服务平台， 为中国的软件开发者和IT从业者提供知识传播、职...*/p { display: -webki.
2021-02-05 10:30:37
421
原创 浅谈JS继承及实现方式
JS中的继承JS继承的概念为什么要有继承继承的第一种方式：原型链继承继承的第二种方式：拷贝继承（混入继承）继承的第三种方式：原型式继承继承的第四种方式：借用构造函数实现继承继承的第五种方式：寄生继承继承的第六种方式：组合继承继承的第七种方式：寄生组合继承JS继承的概念通过【某种方式】让一个对象可以访问到另一个对象中的属性和方法，我们把这种方式称之为继承 并不是所谓的 xxx extends yyy为什么要有继承先来看一个例子 function Person(name,age) { this.n
2020-07-09 15:45:24
140
原创 css制作小黄人
制作小黄人实现效果，其中，头发和眼睛有动画效果制作过程制作容器<!-- 容器 --><div class="wrap"> <!-- 头发 --> <div class="xhr_hair"> <div class="xhr_hair_1"></div> <div class="xhr_hair...
2019-06-29 14:31:27
652
原创 盒子水平和垂直居中
盒子水平和垂直居中垂直居中的常用三种方法定义容器<div class="box1"> <div class="box2"></div></div>先让子盒子的上边缘与父盒子的水平位置重叠，再将子盒子往上移动自身的一半.box1 { width: 300px; height: 300px; border: 1px solid ...
2019-06-26 23:22:11
215
原创 ES6新增方法简单应用
let定义变量；遇到代码块就是一个域 if (true) { let a = 1; console.log("a:" + a); // a:1 } console.log("a:" + a); // a is not definedconst定义常量常量定义通常使用大写赋值后不能改变 const A = 1; A = 2; // Assignment to con...
2019-06-26 22:37:14
141
原创 单行文本、多行文本显示省略号
单行文本显示省略号p{ white-space: nowrap; /* 强转为单行*/ overflow: hidden; text-overflow: ellipsis; /* 超出部分显示省略号 */}实现效果多行文本显示省略号webkit实现方式p{ display: -webkit-box; /* 将对象作为弹性的伸缩盒子显示 */ -webkit-box-ori...
2019-06-26 22:26:45
333
原创 js获取页面显示的所有文本值
/** * 查找元素文本 不含子元素的值 * @param $ele 当前查找的元素 * @return * @exception */function searchChild($ele) { // 当前元素的文本不包含子元素的值 var str = $ele.contents().filter(function (index, content) { ...
2018-12-01 11:14:25
5573
原创 jqGrid禁止某条记录被选中
全选时触发onSelectAll事件onSelectAll:function(rowids,status){ if(status == true){ for ( var i = 0; i < rowids.length; i++) { var rowData = $("#grid_selector").jqGrid('getRowData',rowids[i]);//获取该行记录
2017-09-21 14:44:59
3506
1
commons-net-1.4.1.jar功能实现demo
2017-10-22
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人