- 博客(29)
- 收藏
- 关注
RSS订阅原创 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
2781
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
630
原创 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
5136
原创 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
2008
原创 获取页面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
2785
原创 获取json的长度
有时在开发中会需要计算json的长度，于是自己写了一个方法：function getJsonObjLength(jsonObj){ //参数为要计算长度的json let length = 0; for (let item in jsonObj) { length++; } return length;}...
2018-11-02 16:53:10
2471
原创 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
3939
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
14470
3
原创 vue定义全局变量
1、将从服务器请求的数据作为全局变量（全局变量模块挂载到Vue.prototype）在开发中，有时需要将从接口请求到的一些数据当做全局变量，在其他页面多次使用。比如，登录成功后可能需要将用户名，id等信息存起来，便于其他页面展示或使用，将这些信息定义为全局变量是用起来就很方便。举栗子：在login.vue中拿到了用户的一些信息：&lt;script&gt; import Vue f...
2018-11-02 15:01:00
39951
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
1177
原创 html网页打印实现强制分页
很简单，只要在需要分页的地方加上一行代码：&lt;div style="page-break-after: always;"&gt;&lt;/div&gt;
2018-11-01 17:56:44
25282
4
原创 sass中的变量$
1、定义变量SassScript 最普遍的用法就是变量，变量以美元符号开头，赋值方法与 CSS 属性的写法一样：$title-color:red; //定义变量//使用.title{ font-size:14px; color: $title-color;}2、sass变量的作用域sass变量支持块级作用域，嵌套规则内定义的变量只能在嵌套规则内使用（局部变量），...
2018-11-01 17:53:15
3552
原创 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
314
原创 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
2442
原创 在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
21820
原创 去掉移动端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
1547
原创 前端面试题（一）
一、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
1002
原创 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
283
原创 js监听安卓返回键
h5项目中，安卓返回键会自动回返回上一个页面，有时候在开发中需要在返回时添加一些别的操作。遇到一个需求，需要在点击返回键时弹出提示框，进行退出此页面的二次确认，有取消和确认按钮，点击取消关闭提示框，点击确认再返回上一个页面。解决方法：监听popstate事件//绑定监听事件function addEventBack(){ pushHistory(); window.addE...
2018-10-29 13:45:25
5216
原创 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
3254
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
337
原创 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
26928
2
原创 vue 父子组件通信
vue 父子组件之间的通信1. 父组件调用子组件的方法 父组件：<template> <div> <button @click="clickOpen">click me</button> <sonComponents ref="sonCom"></sonCompon
2018-06-15 18:11:33
258
原创 vue 注册子组件
vue 组件注册注册一个子组件并引用在父组件中引入子组件import sonComponents from "./son.vue"在components中注册该组件export default { data(){ return{ } }, components:{ sonCompon...
2018-06-15 15:05:17
3982
原创 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
25581
转载 利用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
355
原创 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
20442
4
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人