- 博客(29)
- 收藏
- 关注
原创 aliplayer播放rtmp视频流
<!DOCTYPE html><html> <head> <!--引入css--> <link rel="stylesheet" src="aliplayer/aliplayer.css"/> </head> <body> <div class="prism-playe...
2019-12-18 14:19:50
2699
5
原创 OpenLayers地图使用
OpenLayers地图使用var tjSource; //图层数据var tjLayer; //图层var infoWindow; //点击点位出现的弹窗ol.source.AMap = function (options) { var options = options ? options : {}; var attributions; ...
2019-12-18 11:06:06
560
原创 React项目修改启动的默认端口
初学react,在浏览器已经启动一个react项目了,启动第二个的时候git提示:因为react项目默认启动的端口是3000,已经有一个3000的端口在运行了,所以第二个项目需要修改端口,方法:将package.json文件中的 "start":"react-scripts start",修改为"start": "set PORT=9000 && react-scrip...
2019-08-21 13:45:58
5083
原创 React redux 兄弟组件之间通信
做项目的时候遇到一个场景,兄弟组件A和B,在组件B中的点击事件里面需要操作A组件的state,进行A组件里的tab标签增加和删除。因为用到redux,所以需要把这个state的数据抽出来做状态管理,随手记录一下。新建action.js文件export const CHANGE_ADDTABS = 'CHANGE_WORKBENCH_ADDTABS'; // 增加标签export cons...
2019-08-06 17:12:31
1976
原创 获取页面url中的参数
页面间传参大部分都会通过在url上传递参数来实现,为了便于获取url上的参数,写了个方法:function getUrlData(){ let url = window.location.search; //url中?之后的部分 url = url.substring(1); //去掉? let dataObj = {}; if(url.indexOf('...
2018-11-02 17:06:07
2723
原创 获取json的长度
有时在开发中会需要计算json的长度,于是自己写了一个方法:function getJsonObjLength(jsonObj){ //参数为要计算长度的json let length = 0; for (let item in jsonObj) { length++; } return length;}...
2018-11-02 16:53:10
2394
原创 js截取小数点后n位
getPointNum函数接受两个参数,参数1位要处理的小数,参数2为取到小数点后几位function getPointNum(num,n){ let str = String(num); let index = str.indexOf("."); let str1 = str.substring(0,index+n+1); str1 = Number(str...
2018-11-02 16:44:46
3914
1
原创 js时间戳转换年月日
直接上代码:getDate方法接受两个参数,参数一为需要转换的格式,如yyyy-mm-dd,或yyyy/mm/dd,其他格式可以根据需要自主添加;参数2为时间戳//转换年月日方法function getDate(format,str){ var oDate = new Date(str), oYear = oDate.getFullYear(), oMon...
2018-11-02 16:39:15
14409
3
原创 vue定义全局变量
1、将从服务器请求的数据作为全局变量(全局变量模块挂载到Vue.prototype)在开发中,有时需要将从接口请求到的一些数据当做全局变量,在其他页面多次使用。比如,登录成功后可能需要将用户名,id等信息存起来,便于其他页面展示或使用,将这些信息定义为全局变量是用起来就很方便。举栗子:在login.vue中拿到了用户的一些信息:&lt;script&gt; import Vue f...
2018-11-02 15:01:00
39820
5
原创 vue过滤器
Vue中可以自定义过滤器,可被用于一些常见的文本格式化。过滤器可以用在两个地方:双花括号插值和 v-bind 表达式 。过滤器应该被添加在 JavaScript 表达式的尾部,由“管道”符号指示。1、简单过滤器&amp;lt;!--在v-bind中--&amp;gt;&amp;lt;div v-bind:id=&quot;taskId | addId&quot;&amp;gt;&amp;lt
2018-11-01 18:23:00
1151
原创 html网页打印实现强制分页
很简单,只要在需要分页的地方加上一行代码:&lt;div style="page-break-after: always;"&gt;&lt;/div&gt;
2018-11-01 17:56:44
24885
4
原创 sass中的变量$
1、定义变量SassScript 最普遍的用法就是变量,变量以美元符号开头,赋值方法与 CSS 属性的写法一样:$title-color:red; //定义变量//使用.title{ font-size:14px; color: $title-color;}2、sass变量的作用域sass变量支持块级作用域,嵌套规则内定义的变量只能在嵌套规则内使用(局部变量),...
2018-11-01 17:53:15
3511
原创 sass的嵌套
Sass 允许将一套 CSS 样式嵌套进另一套样式中,内层的样式将它外层的选择器作为父选择器,例如:#content div { color: #00ff00; width: 97%; .notice { background-color: red; color: #000000; }}css编译结果为:#content div { color: #...
2018-11-01 16:34:23
283
原创 sass和scss的区别
1、什么是sass?Sass 是一款强化 CSS 的辅助工具,它在 CSS 语法的基础上增加了变量 (variables)、嵌套 (nested rules)、混合 (mixins)、导入 (inline imports) 等高级功能,这些拓展令 CSS 更加强大与优雅。使用 Sass 以及 Sass 的样式库(如 Compass)有助于更好地组织管理样式文件,以及更高效地开发项目。2、sas...
2018-11-01 16:02:04
2403
原创 在vue中安装使用sass的方法
脚手架安装vue项目npm install -g vue-cli 安装项目依赖npm install运行项目npm run dev安装sass依赖npm install --save-dev sass-loader//sass-loader依赖于node-sassnpm install --save-dev node-sass安装完成如图所示:在页面中使用...
2018-10-31 17:53:34
21766
原创 去掉移动端ios点击阴影
做移动端开发的时候遇到ios点击效果会自带背景阴影,去掉阴影的方法:*{ -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-tap-highlight-color:transparent;}-webkit的意思是:IOS浏览器;-tap的意思是:点击;-highlight的意思是:背景高亮;-color...
2018-10-31 16:59:02
1495
原创 前端面试题(一)
一、html和css1、常用浏览器的内核分别是什么?IE: trident 内核Firefox:gecko 内核Safari:webkit 内核Opera:以前是 presto 内核,Opera 现已改用 Google Chrome 的 Blink 内核Chrome:Blink(基于 webkit,Google 与 Opera Software 共同开发)2、每个 HTML 文件里开...
2018-10-30 15:51:20
968
原创 js数组去重方法整理
一、利用ES6 Set去重(ES6中最常用)function removeDup(){ return Array.from(new Set(arr));}var arr = [1,1,'true','true',true,true,15,15,false,false, undefined,undefined, null,null, NaN, NaN,'NaN', 0, 0, 'a', ...
2018-10-29 18:30:56
262
原创 js监听安卓返回键
h5项目中,安卓返回键会自动回返回上一个页面,有时候在开发中需要在返回时添加一些别的操作。遇到一个需求,需要在点击返回键时弹出提示框,进行退出此页面的二次确认,有取消和确认按钮,点击取消关闭提示框,点击确认再返回上一个页面。解决方法:监听popstate事件//绑定监听事件function addEventBack(){ pushHistory(); window.addE...
2018-10-29 13:45:25
5157
原创 h5开发iframe在ios设备宽度超出屏幕
做h5项目时遇到iframe在ios手机上超出屏幕的问题,在iframe外层套了一个div,div的宽度为屏幕的90%;给iframe设置了宽度100%没有用,在ios手机上为超出屏幕,但是在安卓手机上显示正常。解决办法:给iframe的外层div添加样式:overflow: auto;-webkit-overflow-scrolling:touch;width:100%;给iframe设...
2018-10-29 11:35:05
3207
4
原创 jquery each() trim() extend()方法
each()方法each() 方法规定为每个匹配元素规定运行的函数,遍历对象和数组,each 在dom处理上面用的较多。使用:$(selector).each(function(index,element){ //index为选择器的 index 位置 //element当前的元素(也可使用 &quot;this&quot; 选择器) 方法内容})trim() 方法t...
2018-06-25 19:32:00
315
原创 vue 引入自定义全局css和js
vue 引入自定义css 和js一. 引入自定义js方法一首先在main.js中引入:import Comjs from './js/common.js' //引入公用jsVue.prototype.$comjs = Comjs; //添加到vue属性中自定义js 中写:const comjs = {}comjs.title = fun...
2018-06-22 16:04:29
26855
2
原创 vue 父子组件通信
vue 父子组件之间的通信1. 父组件调用子组件的方法 父组件:<template> <div> <button @click="clickOpen">click me</button> <sonComponents ref="sonCom"></sonCompon
2018-06-15 18:11:33
246
原创 vue 注册子组件
vue 组件注册注册一个子组件并引用在父组件中引入子组件import sonComponents from "./son.vue"在components中注册该组件export default { data(){ return{ } }, components:{ sonCompon...
2018-06-15 15:05:17
3953
原创 vue 动态添加样式
vue实现点击切换改变样式html代码:根据数据动态循环一个列表<ul> <li class="box" v-for="(list,index) in dataList" :key="index" :class="{'bor':clicked==index}" @click="changeTab(index)">{{list}}&
2018-06-15 14:51:02
25536
转载 利用npm 安装删除模块
npm安装模块【npm install xxx】利用 npm 安装xxx模块到当前命令行所在目录【npm install -g xxx】利用npm安装全局模块xxx本地安装时将模块写入package.json中:【npm install xxx】安装但不写入package.json【npm install xxx –save】 安装并写入package.json的”depen...
2018-06-12 14:37:07
334
原创 vue引入jquery报错 $ is not defined
在webpack.base.conf.js里加入const webpack = require("webpack")然后在module.exports的最后加入plugins: [ new webpack.optimize.CommonsChunkPlugin('common.js'), new webpack.ProvidePlugin({ jQu...
2018-06-11 20:33:01
20398
5
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人