- 博客(55)
- 收藏
- 关注
RSS订阅原创 前端调用本机应用, 前端启动脚本
前阵子接到一个需求, 前端启动本级的vlc,前端启动一个脚本的需求思路: 1.配合后端, 前端发请求, 后端接到请求, 后端处理脚本,后端启动一个.shell脚本应该是很容易的事(该方法前端发请求,剩下的后端处理) 2.在服务器上写一个.desktop文件,.desktop文件个人理解为桌面快捷方式(个人理解, 如有错误, 随时纠正), 然后将快捷方式转为链接 ,前端用调用链接的方式启动快捷键=》启动本地应用(即方法2)方法1: 先说启动windows:亲测
2021-08-20 17:32:14
1140
原创 2020-08-26
[vue+typescript]Property or method "xxx" is not defined on the instance but referenced during render引用于⬇️https://www.it610.com/article/1291208288041508864.htm
2021-08-20 16:28:24
191
原创 数组的reduce用法(代替for循环, 求和, 求积, 去重, 数组中元素出现的次数)
先说reduce的参数:第一个参数是之前处理的结果, 第二个参数是当前的值, 第三个参数是当前的值的index, arr是循环的数组1.求和求积的用法求积:求和同理, 把*改成+即可var arr = [1, 2, 3, 4];var sum = arr.reduce((prev, cur, index, arr)=> { console.log(prev, cur, index,arr); return prev * cur;})console.log(su.
2020-11-03 17:00:29
922
原创 对象是否包含in用法
判断一个属性是不是对象的属性1. 之前一直用的都是let obj = {a:1,b:2,c:3} if(obj.a){ console.log('包含') }else{ console.log('不包含') } if(obj.d){ console.log('包含') }else{ console.log('不包含') }2.无意中发现以下方法用inlet obj = {a:1,b:2,c:3}if('d' in obj){ console.
2020-11-03 11:44:07
329
原创 git版本回退 reset
关于版本回退, 只说resetreset到目标版本后, 中间所有的版本都没记录了,就直接被删了, 慎用!先找版本号一共两个指令第一个返回git reset --hard 版本号强行推上去git push -f
2020-08-25 09:54:33
175
原创 day2_1. 补充400和401、403状态码
400: 客户端请求的语法错误，服务器无法理解 产生原因： 前端提交数据的字段名称和字段类型与后台的实体没有保持一致 前端提交到后台的数据应该是json字符串类型，但是前端没有将对象JSON.stringify转化成字符串。 解决方法： 对照字段的名称，保持一致性 将obj对象通过JSON.stringify实现序列化401: 请求要求用户的身份认证403: 服务器理解请求客户端的请求，但是拒绝执行此请求...
2020-07-30 18:23:07
175
原创 Dart介绍
Dart介绍强类型语言，静态类型：跟java和c#相似在编译时已知变量的类型这就叫静态类型的语言，优点：关于静态类型的检测可以通过编辑器来完成js是弱类型语言、动态类型的语言，js不是面向对象类型语言Dart面向对象的语言（OOP）其他的面向对象的语言：Python、C++、Java、C#、PHPJIT&AOTJIT：Just In Time 即时编译，开发期间，更快编译，更快加载 给用户的感受就是卡顿，AOT：事前编译，release期间，更快更流畅...
2020-07-29 11:53:17
295
原创 百度地图画出已有点的轨迹
上个星期有个同事跟我要了一个读取经纬度, 描点划线的小demo目录结构index.html ⬇️<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="viewport" content="initial-scale=1.0, user-scalable=..
2020-07-27 16:02:09
430
原创 百度地图鼠标经过划线并输出经纬度
百度地图鼠标经过划线并输出经纬度刚刚后端想要一个鼠标经过画出线, 并输出经纬度的小demo鼠标点击一下, 开始绘制, mousemove事件移动, 再点击, 停止(输出的经纬度再控制台中,可以直接复制,)⚠️ 该demo是给开发人员用的, 只完成了简单的绘制和最基本的输出, 没有太多的异常情况处理<!DOCTYPE html><html><head> <script type="text/javascript" src="ht...
2020-07-27 15:33:51
869
1
原创 Flutter - Stateful（有状态） 和 stateless（无状态） widgets
Flutter - Stateful（有状态） 和 stateless（无状态） widgets如果用户与widget交互，widget会发生变化，那么它就是有状态的.快速创建Stateless组件无状态widgetsstateless widget 没有内部状态. Icon、 IconButton, 和Text 都是无状态widget, 他们都是 StatelessWidget的子类。快捷键stle快速创建Stateful组件有状态widgetsstateful widget是动态的. 用
2020-06-22 16:44:16
670
原创 flutter基础配置以及相关基础知识
基础配置以及相关基础知识特点：跨平台谷歌的dart的语言，强类型语言，静态类型，面向对象布局方式：声明式布局请列举Flutter不同版本的特点？Stable：稳定分支，可用于生产环境的版本。Beta：由上个月最佳的Dev分支推送而来。Master：主分支,相比于Dev更加稳定。Dev：最新开发分支，包含Flutter最新的变更。Flutter doctor命令是做什么用的？检查环境并在终端显示报告，用来查看是否需要安装其他依赖项来完成整体的安装。配置Android Studio
2020-06-22 16:41:40
161
原创 flutter的环境变量(自己的)
export PUB_HOSTED_URL=https://pub.flutter-io.cnexport FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cnexport FLUTTER_HOME=/Users/shanyinhuan/development/flutterexport PATH=PATH:PATH:PATH:FLUTTER_HOME/binexport ANDROID_HOME=/Users/shanyinhuan/Libr
2020-06-22 16:35:19
555
原创 webpack目录简单介绍
1.webpack属于构建工具，构建工具使用的作用转化es6：不是所有的浏览器都支持es6 转化一些vue中的指令等语法 css预处理器相关处理 代码压缩 图片压缩2.webpack目录结构entry：默认进入的文件output：打包完输出的文件mode：打包环境（pro，dev）module:其中的rules是loader的配置plugins:打包的插件配置...
2020-06-22 16:19:59
342
原创 配置flutter(mac)
配置flutter下载flutter先建立一个文件夹,我是建在home目录下名为development,位置和名字没有要求最好是英文sudo sumkdir development下载flutter到development下:路径https://flutter.dev/docs/development/tools/sdk/releases?tab=macos解压解压完后应该是有一个flutter文件夹进入到该目录下的bin 目录, 输入pwdcd binpwd会出现一条路径:我
2020-06-22 16:13:25
214
原创 前端项目部署到ngix服务器并指定端口
部署项目一直是在组长的带领下完成这些工作, 项目部署已经教我好几次了, 一直没有记录,每次都问他, 我也挺烦的, 今天忙里偷闲, 看着他的博客 ,正好他也不是很忙, 一边做一边问再加上一边整理 整理出如下文档 ⬇️**前端项目部署到服务器并指定端口, 不需要一遍遍重启等操作 **进入系统默认的配置文件/etc/nginx/conf.d复制生成一个abc.confcp...
2020-04-10 11:37:18
2417
原创 关于禁用的相关说明
关于禁用状态，因为有鼠标禁用事件，所以看到需求文档，或者原型图的时候，导致思路被牵着走，该设置就直接设置成禁用。现在这个项目中，有canvas的相关操作，页面上点击的情况分很多种，可能不同的操作会导致禁用，加入说页面禁用，其实只是按钮禁用，在页面不能再次点击，但是这个页面如果真的禁用了，页面的删除按钮也是无法操作的，现在想说的就是一个编程思维:关于禁用这个属性，其实是可以完全放弃的，可...
2019-12-23 14:23:38
205
原创 vue的transition
<template> <div> <button @click="change()">隐藏</button> <button @click="yes()">显示</button> <transition name="fade"> <p v-if="show"&...
2019-12-23 14:23:20
95
原创 ts+vue清空定时器
public beforeDestroy() { clearTimeout(this.setreTime) clearTimeout(this.retime) }在beforeDestroy中清除定时器，括号中是定时器的名字
2019-12-05 17:59:09
1707
原创 webpack打包优化
转载人家的https://www.cnblogs.com/wulinzi/p/8081531.html我自己的：webpack.prod.conf.js'use strict'const path = require('path')const utils = require('./utils')const webpack = require('webpack')const co...
2019-12-04 18:05:10
321
原创 git指令：merge，push，pull，checkout，checkout-b，合并代码流程
先说一下指令的相关指令// 初始化git add .// 加备注git commit -m '备注的内容'// 查看当前分支git branch// 切换到develop分支git checkout develop// 从develop分支上往下拉git pull origin develop// 推到develop分支上git push origin de...
2019-12-04 17:53:38
1000
原创 js格式化时间为2020-01-01 01:01的代码片段
"handelTime": { "prefix": "handelTime", "body": [ "let mydate = new Date()", "let str = '' + mydate.getFullYear() + '-'", "if (mydate.getMonth() < 10) {", "str += ...
2019-12-04 17:16:46
1101
原创 vue滚动条插件vue-gemini-scrollbar
https://segmentfault.com/a/1190000013338560npm i vue-gemini-scrollbar --saveimport GeminiScrollbar from 'vue-gemini-scrollbar'Vue.use(GeminiScrollbar)<GeminiScrollbar class="my-scrol...
2019-11-06 16:33:21
1302
原创 继承父类的属性和方法，并可以将值传给父类
<template> <div class="es5"> <h1>ES5</h1> <div> <ul> <li> <button @click="ceshiclass()">es5中定义只有属性没有方法的类</button&g...
2019-10-22 13:05:38
449
原创 typescript方法传参，可选参数定义用？
// 返回值是字符串类型 function runstring(): string { return "12345"; } console.log(runstring());//返回值是number类型functionrunnumber():number{return9876;...
2019-10-21 17:37:26
3723
原创 element的通过dialog新增或者编辑的代码块
代码片段生成的element的dialog新增或编辑带验证的vue代码地址：https://blog.csdn.net/qq_37056728/article/details/102511107 "adddialog": { "prefix": "adddialog", "body": [ " <template>", " <d...
2019-10-11 22:19:25
736
原创 vue中使用element中弹框新增以及验证的封装好的代码片段
项目中经常用到新增或者编辑一个模块等，其中可能有很多的一些列的form表单的验证（这里只写了新增，如果想要编辑的话，加上默认值即可），但是使用的时候有几个需要注意的地方：1.在validate所有条件均符合后需要再加一个callback()函数2.select触发条件跟普通一样是change，别写顺手了，直接就blur3.注意：我下面的代码中的this.init是新增完后调用...
2019-10-11 22:00:23
414
原创 linux常用命令
删除文件rm -rf node_models删除node_models文件获取权限一进来默认是base权限获取最高权限sudo su 后端起命令后端起一个npm run dev ，在开启命令的窗口关闭后不会导致npm run dev命令关闭，注意结尾需要一个&nohup npm run dev &查看node有几个查看node指令下开...
2019-09-29 11:57:25
71
原创 子组件传值给父组件
参考视频 ：https://www.bilibili.com/video/av32790541/?spm_id_from=trigger_reload原理：在父组件引用子组件时，通过事件绑定机制把一个方法aaaa的引用传给子组件，这个方法中可以有各种参数，子组件在触发自己的函数或者某些数据发生变化时，触发：事件绑定机制绑定的函数，通过参数的方式将要传的值传过来，父组件中处理，也就接到了子...
2019-09-20 09:19:54
1523
原创 复杂数据类型赋值
let obj = {'name':'bltd','age':23}let obj1 = objobj1.name = '百里挑单'console.log(obj)obj赋值的时候，如果直接=过去，引用类型引用的是地址，所以会将原来的值更改解决的办法：转为json字符串： let obj = {'name':'bltd','age':23} let obj1 =JS...
2019-09-11 10:26:06
813
原创 vue中引入vuetify
官方入门教程：https://vuetifyjs.com/zh-Hans/getting-started/quick-start引入一个ui库的思路：先下载对应的ui库，其次再引入到自己的项目中这里用的是npm下载对应的ui库，在项目的根目录下npm install vuetify --save 2.以上步骤是安装完Vuetify，安装完成后，在src目录中创建一个名为的文...
2019-08-07 23:52:10
9417
2
原创 css的sticky制作的吸顶
开发过程中有用到吸顶的操作：到一定距离后，到浏览器顶部的距离不动，，sticky的应用 简单又易理解<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <meta name="viewport" /> <styl...
2019-08-01 18:02:27
163
原创 数组方法
数组方法：filter方法：数组.filter((item)=>{ return 判断条件})item是数组中的每一项元素，方法返回数组中满足条件的元素，这里用一个新的数组接收<div class="arr"> 数组方法filter <br> {{arr}}</div> data: function () ...
2019-06-01 16:27:07
90
原创 12。计算属性computed
应用场景：当data中的数据需要进行计算等很复杂的情况时，把数据写在computed中计算属性中的值跟data中的值用法一模一样，计算属性的值是一个带有返回值的方法当data中的a依赖于data中的b的时候，要把数据a写在computed中其中被依赖的数据b发生改变时候，数据a也会发生变化，换句话就是数据计算属性中的数据也是双向数据绑定的<div class="coms...
2019-06-01 15:41:22
207
原创 11。操作dom
页面加载完成后悔自动加载mounted，类似于window.onload操作dom只能在mounted给页面元素加一个ref属性在mounted方法中this.$refs.属性名获取到。后面在跟的是操作dom的方法其中ref的值，自己随便定义<div class="doms"> //操作dom获取焦点 <input type="text" ref="inp...
2019-06-01 15:00:51
82
原创 10。过滤器
|叫做管道符号，管道符号前面是要进行格式化的值，管道符号后面是过滤器的名称全局过滤器要定义在new Vue的前面filter<p>{{msg|toupper}}</p>Vue.filter('toupper',(v)=>{ return v.charAt(0).toUpperCase(0)+v.substr(1) })Vue.fil...
2019-06-01 13:57:16
170
原创 06。vue系统指令 v-once v-clock
解决差值表达式存在闪烁问题：v-clock 无需赋值加载的时候，先出现差值表达式本身，后面再出现差值表达式的真实数据解决闪烁问题：在差值表达式外层加一个v-clock，在属性中通过属性选择器将v-clock设置为隐藏<p v-clock> {{msg}}</p><style> [v-clock]{display:none}<...
2019-05-30 15:57:51
324
原创 Dplayer使用注意点
首先当然那是官方文档镇楼啊https://dplayer.js.org/#/zh-Hans/命名是。静态页面的html，在配置时候，已经配置成功，但是呢，这两个图片竟然有跨域错误具体为什么会出现跨域，需要进一步研究解决办法：开启服务器用的是vscode，有两个指令1、安装npm install -g live-server或者cnpm install live-s...
2019-05-22 17:58:19
16669
原创 数组中是否包含某个对象
如果直接for循环遍历，直接比较当遍历出来的某一项，判断始终是错误的，因为对象是引用类型，比较的是址而不是值以下是错误的 var items=[ { message: 'Foo',name: 'sss' }, { message: 'Bar' , name: 'aaa'}, { message: 'Abc' , nam...
2019-05-22 14:07:08
1462
原创 vue中将请求回来的数据渲染后，在进行动态渲染失败，使用vue.$set解决
over_msg是本地一个数组，return_msg是axios请求回来的数据如果是this.datalist[j]=res.data，这样数据改变，但是视图未改变，百度后发现vue.set方法if (over_msg.indexOf(return_msg) > -1) { // console.log('已存在') // console.log(...
2019-05-21 19:19:35
2029
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人