- 博客(24)
- 资源 (3)
- 收藏
- 关注
原创 window.speechSynthesis语音合成在chrome浏览器中刷新无法自动播报
本来的想法是,页面加载好,弹出窗口,让用户点击后开启,但是领导觉得每次进来让用户点,体验不好,说用户进来肯定会点击界面,只要他点了,就给他开启,那就听领导的吧。页面中使用了iframe嵌套,会出现iframe点击 和 index页面点击,所以我定义了一个变量,接收窗口点击的次数。chrome浏览器在18年4月起,就在桌面浏览器全面禁止了音视频的自动播放功能。在页面加载完毕的情况下,用户需要有主动交互行为,才能正常播放。添加网址,刷新或重新加载就会自动播报。在iframe中,监听点击,发送消息。
2023-11-17 09:54:51 2080
原创 vue2.x笔记11-Vuex
本文内容包括:认识Vuex、Vuex的基本使用、Vuex的核心概念(包括State、Getter、Mutation、Action、Module)、项目结构组织
2022-03-25 11:47:11 1191
原创 vue2.x笔记9-vue-router(1)
本文包括认识路由(包含后端路由阶段、前后端分离阶段、单页面富应用阶段),前端路由的规则、vue-router基础以及细节处理
2022-02-25 16:26:41 312
原创 vue2.x笔记8-Vue CLI
本文主要包含什么是Vue CLI,怎么使用,CLI2和CLI3项目部署,目录结构解析,Runtime-Compiler和Runtime-only的区别,render函数等内容
2022-02-23 10:16:35 109
原创 vue2.x笔记7-webpack详解(2)
本文主要包含:webpack配置vue,webpack的plugin,搭建本地服务器以及配置文件分离
2022-02-15 11:08:41 725
原创 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 631
原创 vue2.x笔记4-组件化开发
认识组件化什么是组件化?人面对复杂的问题时处理方法:一个人的逻辑能力是有限的,如果面对一个非常复杂的问题,就不太可能一次性解决,通常我们会将问题进行拆解,将一个复杂的问题拆分成多个小问题,那么大问题就迎刃而解了。组件化也有类似的思想:如果我们将一个页面所有的逻辑全部放一起,那么处理起来会变得非常复杂,而且也不利于后续的扩展与维护。但如果将一个页面拆分成一个个小的功能块,每个功能块完成属于自己的功能,那么整个页面的管理和维护就非常容易了。Vue组件化思想组件化是Vue.js中的重要
2022-01-17 16:26:51 324
原创 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 326
原创 bootstrap-datepicker日期控件
本文包含bootstrap-datepicker日期控件年、月、日的初始化代码,重置代码以及获取日期的前N天/前N月代码
2021-12-24 11:27:34 4965 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 1049
原创 常用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 470
原创 浅谈JS继承及实现方式
JS中的继承JS继承的概念为什么要有继承继承的第一种方式:原型链继承继承的第二种方式:拷贝继承(混入继承)继承的第三种方式:原型式继承继承的第四种方式:借用构造函数实现继承继承的第五种方式:寄生继承继承的第六种方式:组合继承继承的第七种方式:寄生组合继承JS继承的概念通过【某种方式】让一个对象可以访问到另一个对象中的属性和方法,我们把这种方式称之为继承 并不是所谓的 xxx extends yyy为什么要有继承先来看一个例子 function Person(name,age) { this.n
2020-07-09 15:45:24 164
原创 css制作小黄人
制作小黄人实现效果,其中,头发和眼睛有动画效果制作过程制作容器<!-- 容器 --><div class="wrap"> <!-- 头发 --> <div class="xhr_hair"> <div class="xhr_hair_1"></div> <div class="xhr_hair...
2019-06-29 14:31:27 683
原创 盒子水平和垂直居中
盒子水平和垂直居中垂直居中的常用三种方法定义容器<div class="box1"> <div class="box2"></div></div>先让子盒子的上边缘与父盒子的水平位置重叠,再将子盒子往上移动自身的一半.box1 { width: 300px; height: 300px; border: 1px solid ...
2019-06-26 23:22:11 238
原创 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 159
原创 单行文本、多行文本显示省略号
单行文本显示省略号p{ white-space: nowrap; /* 强转为单行*/ overflow: hidden; text-overflow: ellipsis; /* 超出部分显示省略号 */}实现效果多行文本显示省略号webkit实现方式p{ display: -webkit-box; /* 将对象作为弹性的伸缩盒子显示 */ -webkit-box-ori...
2019-06-26 22:26:45 362
原创 js获取页面显示的所有文本值
/** * 查找元素文本 不含子元素的值 * @param $ele 当前查找的元素 * @return * @exception */function searchChild($ele) { // 当前元素的文本不包含子元素的值 var str = $ele.contents().filter(function (index, content) { ...
2018-12-01 11:14:25 5695
原创 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 3618 1
commons-net-1.4.1.jar功能实现demo
2017-10-22
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人