- 博客(24)
- 收藏
- 关注

原创 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
24040
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
308
原创 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
177
原创 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
266
转载 “原型,this,原型链,继承”看这篇就够了
原型什么是原型?带着这个问题往下看原型-构造器 (constructor)首先说到原型,那就跟对象密不可分。如果我们需要创建一个对象,就需要区定义一个object。那我们在开发中如何去创建一个对象?肯定有人会说,就是var 一个对象呗。很好你说的很对~ 确实是var 一个对象,那我如果需要两个呢?这个时候又会说了,那就var两个呗。很好,你又说对了~以下是创建对象的方法。code 创建对象var zhangsan = { name:'张三', age:20}var lisi
2021-02-28 13:49:19
257
原创 http和https的区别及特点
HTTP特点:无状态:协议对客户端没有状态存储,对事物处理没有“记忆”能力,比如访问一个网站需要反复进行登录操作 无连接:HTTP/1.1之前,由于无状态特点,每次请求需要通过TCP三次握手四次挥手,和服务器重新建立连接。比如某个客户机在短时间多次请求同一个资源,服务器并不能区别是否已经响应过用户的请求,所以每次需要重新响应请求,需要耗费不必要的时间和流量。 基于请求和响应:基本的特性,由客户端发起请求,服务端响应 简单快速、灵活 通信使用明文、请求和响应不会对通信方进行确认、无法保护数据的完整
2020-12-07 16:57:56
811
原创 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
4211
原创 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
1959
原创 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
140
原创 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
1946
原创 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
3159
原创 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
202
原创 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
404
原创 vue子组件父组件数据绑定
父组件父组件只需要使用v-model绑定数据,如图export default { name: "bar-setting", props:{ data:Object }, components:{ bgGradients, }, data(){ return{ bgDataMsg:{ colorBegin:'...
2019-03-30 10:22:49
1017
原创 修改 element-ui tree 点击后的样式
.el-tree-node:focus > .el-tree-node__content { background-color: transparent !important;}
2019-02-26 19:23:13
8004
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
1867
原创 去除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
2732
原创 canvas画出的线模糊并有放大的效果
不知道别人遇到这种问题没有,因为之前都是用echarts,highcharts这类展示数据的组件,基本没有自己用cavans画过图,所以对cavans不是特别熟悉,以至于,今天遇到一个比较低级的问题,并花费了很长时间解决。问题很简单,那就是:cavans不能用style设置宽高,必须用cavans自己的属性设置宽高...
2018-10-16 20:55:45
1406
原创 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
10741
原创 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
1046
原创 webpack Cannot find module 'webpack/schemas/WebpackOptions.json'
最近安装webpack4新版本后,执行webpack报错,如图当时我就懵逼了,按照目录我也找到webpack/schemas/WebpackOptions.json文件了后来看了一下webpack4版本的文档:如下创建项目随便在一个盘新建一个文件夹webpacklx,用于存放我们的项目。 然后在命令行,切到webpacklxnpm init这里,要求设置很多选项,可以按项目情况配置也可以不填直接回...
2018-04-24 14:30:33
6497
原创 JSON.parse()与 evel()
在前端开发工作中,ajax请求,后台都会返回json格式的字符串,那么前台怎么把json格式的字符串变换成json对象,有两种方式:JSON.parse() 和 evel()eval()不会检查JSON的格式,如果字符串中存在js的代码会将js代码执行,所以尽量不要使用。JSON.parse()会检查字符串的JSON的格式,格式错误就不进行转换,推荐使用。...
2018-04-10 15:29:23
472
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
9581
原创 ajax获取json数据为多维数组时,前台js嵌套循环解析
欢迎使用Markdown编辑器写博客存放渲染数据的dom<div id="goodsType" class=""> </div>后台返回的数据格式如下:[ { "genusName":"浆果类", "speciesList":[ { "speciesName":"蓝莓",
2017-12-05 16:56:49
8132
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人