bai_riqiang-CSDN博客

原创 vue 监听屏幕高度

项目用vue版本是2.0的，项目中用到es6首先需要在data里面定义页面的高度data (){ return { fullHeight: document.documentElement.clientHeight }}把window.onresize事件挂在到mounted mounted() { const that = this

2017-12-08 11:18:25 23885 1

一、复制到剪贴板const copyToClipboard = (text) => navigator.clipboard?.writeText && navigator.clipboard.writeText(text)二、数组去重const getUnique = (arr) => [...new Set(arr)]三、滚动到顶部或底部// 会滚动元素的父容器，使被调用scrollIntoView()的元素对用户可见// 有兼容性问题con

2022-04-01 11:23:25 204

原创 git 常用命令记录-中级篇

一、交互模式添加内容到暂存区git add -p git会列出每次变动的片段代码需要提交输入：y 不需要提交输入： n 其中某一部分要输入： e（删除不需要的代码保存即可）二、补提交，刚提交完成代码发现漏东西了1、git add .2、git commit --amend：如果没有 add 修改内容，也可以修改提交信息3、git commit --amend -m 'feat: XXXX' ：最近一次的提交信息将被我替换三、撤销本地提交1

2021-09-03 11:32:54 117

原创 git 常用命令记录-基础篇

一、设置短命令$ git config --global alias.co checkout$ git config --global alias.ci commit$ git config --global alias.br branch$ git config --global alias.st status二、常用命令1、git add x/x/file.vue：将指定文件添加到暂存区2、git add .：将工作区中未索引的文件经过修改的文件全部添加到暂存区3、git

2021-09-03 10:45:04 195

转载 “原型，this，原型链，继承”看这篇就够了

原型什么是原型？带着这个问题往下看原型-构造器（constructor）首先说到原型，那就跟对象密不可分。如果我们需要创建一个对象，就需要区定义一个object。那我们在开发中如何去创建一个对象？肯定有人会说，就是var 一个对象呗。很好你说的很对~ 确实是var 一个对象，那我如果需要两个呢？这个时候又会说了，那就var两个呗。很好，你又说对了~以下是创建对象的方法。code 创建对象var zhangsan = { name:'张三'， age:20}var lisi

2021-02-28 13:49:19 187

原创 http和https的区别及特点

HTTP特点：无状态：协议对客户端没有状态存储，对事物处理没有“记忆”能力，比如访问一个网站需要反复进行登录操作无连接：HTTP/1.1之前，由于无状态特点，每次请求需要通过TCP三次握手四次挥手，和服务器重新建立连接。比如某个客户机在短时间多次请求同一个资源，服务器并不能区别是否已经响应过用户的请求，所以每次需要重新响应请求，需要耗费不必要的时间和流量。基于请求和响应：基本的特性，由客户端发起请求，服务端响应简单快速、灵活通信使用明文、请求和响应不会对通信方进行确认、无法保护数据的完整

2020-12-07 16:57:56 626

原创 element-ui 设置表格某行不能选择

selectable为element-ui提供的属性，类型为 Function，Function 的返回值用来决定这一行的 CheckBox 是否可以勾选，返回true为可选，false为不可选。<el-table-column :selectable="checkSelectable" align="center" type="selection" width="55">&l...

2019-09-06 20:24:58 4150

原创 element-ui table 行选中

<el-dialog title="修改" :visible.sync="dialogVisibleEdit" width="30%" :before-close="handleCloseEdit"> <el-table ref="multipleTable" :data="tvTableData" border style="wi...

2019-09-06 20:18:57 1916

原创 git 常用命令

（1）.git add all 可以提交未跟踪、修改和删除文件。（2）.git add .可以提交未跟踪和修改文件，但是不处理删除文件。将暂存区里的改动给提交到本地的版本库：git commit -m “message” 推送分支：git push origin mybranch 从远程获取最新版本并merge到本地：git pull origin...

2019-05-31 10:16:36 110

原创 vue 自定义指令实现按钮权限

1.登录成功后，获取后台返回所有的按钮权限id,存到sessionStorage中2.在main.js中自定义指令const has = Vue.directive('has', { inserted: function (el, binding) { // 获取按钮权限 if (!Vue.prototype.$_has(binding.value)) { ...

2019-04-04 16:39:20 1766

原创 vue element-ui vuex实现皮肤切换

1.安装sass npm install --save-dev sass-loader npm install --save-dev node-sass2.在build文件夹下的webpack.base.conf.js的rules里面添加配置{ test: /\.sass$/, loaders: ['style', 'css', 'sass']}3.安装elemen...

2019-04-04 16:23:08 2985

原创 hexo + github + node搭建博客

详细教程请点击：https://bairiqiang.github.io/2017/07/22/hexo%20+%20github%20+node%E6%90%AD%E5%BB%BA%E5%8D%9A%E5%AE%A2/

2019-03-30 17:17:34 150

原创 call,apply,bind

apply：调用一个对象的一个方法，用另一个对象替换当前对象。例如：B.apply(A, arguments);即A对象应用B对象的方法。call：调用一个对象的一个方法，用另一个对象替换当前对象。例如：B.call(A, args1,args2);即A对象调用B对象的方法。bind：一个对象的方法绑定到一个对象上。例如：var eatFishFun = A.fun.bind(B, arg...

2019-03-30 11:12:42 363

原创 vue子组件父组件数据绑定

父组件父组件只需要使用v-model绑定数据，如图export default { name: "bar-setting", props:{ data:Object }, components:{ bgGradients, }, data(){ return{ bgDataMsg:{ colorBegin:'...

2019-03-30 10:22:49 971

原创修改 element-ui tree 点击后的样式

.el-tree-node:focus > .el-tree-node__content { background-color: transparent !important;}

2019-02-26 19:23:13 7786 4

原创 vue 项目 ie打开一片空白

一.首先安装 babel-polyfillnpm install --save-dev babel-polyfill二.修改webpack.config.js文件module.exports = { context: path.resolve(__dirname, '../'), entry: { app: ["babel-polyfill", "....

2018-11-08 17:05:28 1767

原创去除input框type类型为number时箭头

input::-webkit-outer-spin-button,input::-webkit-inner-spin-button { -webkit-appearance: none;}input[type="number"]{ -moz-appearance: textfield;}

2018-10-17 11:23:39 2676

原创 canvas画出的线模糊并有放大的效果

不知道别人遇到这种问题没有，因为之前都是用echarts,highcharts这类展示数据的组件，基本没有自己用cavans画过图，所以对cavans不是特别熟悉，以至于，今天遇到一个比较低级的问题，并花费了很长时间解决。问题很简单，那就是：cavans不能用style设置宽高，必须用cavans自己的属性设置宽高...

2018-10-16 20:55:45 1348

原创 layui 时间插件laydate中动态设置改变min和max值

<div class="layui-inline"> <label class="layui-form-label">申请时间</label> <div class="layui-input-inline">

2018-04-27 16:45:03 10593 3

原创 vue中的ref 和$refs

<div id="app"> <input type="text" ref="inp"/> <button @click="del">删除</button></div><script>new Vue({ el: "#app&q

2018-04-25 11:25:11 926

原创 webpack Cannot find module 'webpack/schemas/WebpackOptions.json'

最近安装webpack4新版本后，执行webpack报错，如图当时我就懵逼了，按照目录我也找到webpack/schemas/WebpackOptions.json文件了后来看了一下webpack4版本的文档：如下创建项目随便在一个盘新建一个文件夹webpacklx，用于存放我们的项目。然后在命令行，切到webpacklxnpm init这里，要求设置很多选项，可以按项目情况配置也可以不填直接回...

2018-04-24 14:30:33 6440

原创 JSON.parse()与 evel()

在前端开发工作中，ajax请求，后台都会返回json格式的字符串，那么前台怎么把json格式的字符串变换成json对象，有两种方式：JSON.parse() 和 evel()eval()不会检查JSON的格式，如果字符串中存在js的代码会将js代码执行，所以尽量不要使用。JSON.parse()会检查字符串的JSON的格式，格式错误就不进行转换，推荐使用。...

2018-04-10 15:29:23 390 1

原创 webstorm 提示 Can't use Subversion command line client: svn

Can’t use Subversion command line client:svn The path to the Subversion executable is probably wrong. Fix it. 这句提示的意思是说使用不能使用Subversion命令行客户端：SVN 路径可能是错误的。修复它。直接了当写解决办法吧！第一步下载 https://www.visual

2017-12-07 10:32:19 9119

原创 ajax获取json数据为多维数组时，前台js嵌套循环解析

欢迎使用Markdown编辑器写博客存放渲染数据的dom<div id="goodsType" class=""> </div>后台返回的数据格式如下：[ { "genusName":"浆果类", "speciesList":[ { "speciesName":"蓝莓",

2017-12-05 16:56:49 8054

白日强的博客