- 博客(147)
- 收藏
- 关注
RSS订阅原创 download.js实现下载的基本用法
前言通常实现下载需求时候 会使用a标签 设置a标签的href为需要下载的资源路径 调用click点击事件就会实现下载但是如果需要下载的资源类型是浏览器可以解析的 比如txt等 浏览器不会触发下载而是会直接打开资源预览此时可以为a标签添加download属性 通过download设置下载的文件名和后缀 此时任何类型资源就都可实现下载但是如果资源不是同源 浏览器同样会直接打开预览下载的方式a标签实现下载： 设置a标签的download属性 并调用click方法 window.open()实现下
2021-04-13 10:46:42
7226
1
原创 vue总结
基本结构const vm = new Vue({ data(){ return {} }, watch:{}, computed:{}, methods:{}, filters:{}, components:{}})vm 即是Vue实例对象vm.$el vue实例所挂载的元素vm.$options vue自定义的属性和方法vm.$data vue实例中的data属性vue响应式原理响应式： 即数据发生改变，界面自动发生刷新1、考虑vue内部如何知道哪些数据发生了改变2
2021-04-12 16:13:38
182
原创 ES6常用总结
const使用const声明的常量必须赋值、赋值后不可再更改const定义的常量如果是引用类型 可以改变对象内属性es6中class类基本使用： class Person { constructor(name, age) { this.name = name; this.age = age; } showName() { console.log(this.name)
2021-04-12 15:54:30
147
1
原创 关于文件上传与下载
文件上传单文件上传表单上传文件： method="post" enctype必须为 multipart/form-dataxhr上传: 需要传formData数据格式 var fm = new FormData 上传formData数据 无需再设置Content-type 自动form-data方式发送的请求 多文件上传input 设置multiple 按住 ctrl选择多个并上传多个文件同一个keyvar fm = new FormData();Array.forEach.cal
2021-04-12 15:42:19
135
原创 关于网络请求
ajax与XMLHttpRequest前言XMLHttpRequest是浏览器提供的一个对象，正是这个对象使得浏览器可以发出http请求、接收http响应。ajax是一种技术方案，他最核心得依赖是XMLHttpRequest对象 只能说 使用XMLHttpRequest对象发送ajax请求。get请求var xhr = new XMLHttpRequest();xhr.open('get',' url地址 ');//如果get请求需要传参 需要拼接在url后面xhr.send(null);
2021-04-12 15:33:01
206
1
原创 腾讯云静态网站托管基本操作
腾讯云静态网站托管前言腾讯云开发 TCB: Tencent Cloudbase静态网站托管介绍将静态网站托管在腾讯云供外网访问 实现不买服务器情况下外网可访问基本使用1、访问腾讯云官网 https://cloud.tencent.com/2、产品处搜素静态网站托管3、首次打开按照步骤创建环境 开通环境4、环境创建完成后可以看到测试的域名 浏览器端访问即可打开站点5、在静态托管创建的环境中上传项目6、此时浏览器打开测试域名后访问的即是自己的项目使用CloudBase CLI
2021-04-12 15:04:16
1776
原创 七牛云存储基本使用
七牛云存储kodo前言图片、视频等资源如果存在自己服务器 访问会很吃带宽，可以将其放在云服务器 自己服务器只管理数据 七牛简单使用 记录如下基本使用前端接入七牛的sdk文件，使用七牛的api进行上传前台向七牛上传资源需要凭证token，为了安全考虑 凭证token需要后台服务器去七牛获取后台也需要引入对应的sdk文件 并获取token给客户端客户端先请求自己服务器获取token 然后将图片资源和token一起 调用七牛上传图片的api上传图片默认简单上传完成后 七牛服务器会返回客户端 k
2021-04-12 15:00:55
1019
1
原创 微信小程序开发摘要记录
前言一直都在使用typora做笔记存本地 内容多了有点卡 现在移到博客来内容是学习时简单记录 不免有错误的见解 望赐教并见谅哦 小程序的启动过程下载小程序包---启动小程序---加载解析app.json---注册App()接下来一边执行App的生命周期 一边根据app.json中pages的配置加载自定义的组件代码 接着按顺序加载解析对应page的page.json 渲染page.wxml 注册page.js中的Page() 执行Page的生命周期全局App.js生命周期onLaunc
2021-04-12 14:55:38
1468
1
原创 web worker基本使用
前言js是单线程 即所有任务只能在一个线程中完成。Web Worker是为js创造多线程环境 Worker 线程一旦新建成功，就会始终运行，不会被主线程上的活动（比如用户点击按钮、提交表单）打断。这样有利于随时响应主线程的通信。但是，这也造成了 Worker 比较耗费资源，不应该过度使用，而且一旦使用完毕，就应该关闭基本用法主线程中new的方式调用Worker()构造函数，新建一个 Worker 线程并传入线程文件地址var worker = new Worker('work.js')
2021-04-12 14:20:43
179
原创 web--文件上传断点续传
http中，为了减轻服务器负荷，避免DDOS攻击，必须要限制客户端的文件上传大小。由于服务端对文件上传大小的限制，所以需要对图片进行切块上传，在服务器接收文件块之后拼接成一个整体 使用进度条显示上传进度。文件操作使用Blob对象，Blob有一个重要的方法是slice，用于对文件切块。File是Blob对象的子类，File也可以使用slice方法切块// 设置文件切块大小为1Mconst chunkSize=1024*1024;// upload函数 start处开始上传function up
2021-02-20 16:20:26
220
原创 封装吐司toast插件
普通封装:Toast.vue: <template> <div class="toast"> {{msg}} </div> </template> <script> export default { name: 'Toast', props: { msg: String } } </script> <style
2021-02-04 18:28:38
166
原创 better-scroll基本使用
前言最初利用原生js 通过内容高度大于容器高度 自动实现滑动的特性实现滑动效果.box { height: 200px; background-color: pink; /*overflow: hidden;*/ overflow-y: scroll;}但是原生js实现的滑动效果在移动端会变得非常卡顿，所以后来使用 iscroll 但是 iscroll 停止更新维护了，所以用在项目中不安全有人根据iscroll编写出 better-scroll ，借鉴了iscroll 又在
2021-02-04 17:11:10
428
原创 vue-cli项目 runtime-compiler 与 runtime-only的区别
runtime-compiler、runtime-only使用vue-cli构建项目的时候，有一步让选择使用 runtime-compiler 或者 runtime-only 分别选择 runtime-compiler 和 runtime-only创建两个项目，会发现唯一的区别就是main.js中，vue实例是否使用templateruntime-compiler使用 runtime-compiler创建项目，内部会将template中的内容保存为 ast文件，然后创建render函数去渲
2021-02-04 14:31:25
224
原创 前端模块化
普通模块化：模块1 aa.js： (function (w) { var msg = '我是aa.js中的 msg'; function getMsg() { console.log(msg); } w.aa = {getMsg}; })(window);模块2 bb.js (function (w, a) { var msg = '我是bb.js中的 msg'; function getMsg() {
2021-02-04 10:08:29
107
原创 NodeJs基本使用
NodeJs简介nodejs是一个javascript运行环境，基于Chrome V8引擎以前js代码只能运行在浏览器中，nodejs出现后，只要安装了nodejs 就可以运行js控制台中敲node 命令 即进入node环境 可直接运行js代码node 1+1 也可直接运行js文件 node app.js2009年 Ryan Dahl 开发 是C++开发下载下载地址：https://nodejs.org/en/download/选择对应的操作系统下载即可 傻瓜式安装一直下一步
2021-02-03 19:14:38
213
原创 Less基本使用
文章目录前言一、Less基本介绍二、安装、编译三、Less定义变量四、Less嵌套五、Less运算前言因为css是标记语言，无法定义变量、进行计算等，会有很多冗余代码，而less、scss等正是改变了这一缺点。一、Less基本介绍less是一门css的扩展语言，是css的预处理语言，他可以编写样式的同时使用变量、进行计算，减少冗余代码，提高开发效率二、安装、编译下载 npm install less -g查看less版本 lessc -v此时电脑中安装好less，可以使用less编写样式了。
2020-12-24 16:35:07
1104
1
原创 MarkDown基本语法
文章目录标题字体加粗字体斜体斜体加粗删除线引用分割线图片超链接列表表格代码流程图标题#加空格加标题内容 可以使用ctrl+数字的快捷键代替对应的几级标题# ctrl+1## ctrl+2##################字体加粗**内容** 字体斜体*内容*斜体加粗***内容***删除线~~内容~~引用> 内容 一级引用>> 内容 二级引用>>> 内容 三级引用分割线---+++图片![图片a
2020-12-16 18:20:19
113
原创 web前端文件操作相关总结
前言由于浏览器的安全规范、处于安全和隐患，web应用程序不允许直接访问用户设备上的文件，如果需要读取文件，则可以通过input来实现获取文件js不可以直接获取设备上的文件，但是可以通过用户操作的方式获取设备文件，此处使用 完成<input type="file" id="ipt">如果获取多个文件 添加 multiple属性<input type="file" id="ipt" multiple>文件类型的input有change事件监听文件的改变、有files属性
2020-10-28 19:37:24
525
原创 vue项目中 electron基本使用
Electron是一个可以使用前端技术开发一个跨平台桌面应用的框架，简言之就是 一个框架 使用它可以生成桌面应用1、使用vue脚手架生成vue项目vue init webpack test_electron一系列选择后生成项目2、将vue项目打包npm run build此时会生成dist目录打包前需要将资源文件路径改为相对路径 此处使用脚手架2 所以在config/build/index.js build{} 中更改assetsPublicPath: “./”3、在项目dist目录下开始
2020-10-27 19:41:10
1122
原创 js 瀑布流
html: <div class="main"> </div>css: <style> * { margin: 0; padding: 0; } .main { position: rela...
2020-08-25 14:41:11
235
原创 前端 css实现六边形
<style> .content { width: 100px; margin: 20px auto; } .content div { width: 100px; height: 200px; overflow: hidden; } .dv2 { ...
2020-08-18 09:08:50
599
1
原创 前端 XMLHttpRequest 实现下载excel文件
前端下载excel文件 两种方式：1、后端处理好直接返回前端一个链接 前端点链接下载 window.location.href = ‘url’ <a href='url' download=''></a>2、后端直接将文件流传给前端 前端拿到文件流通过blob处理 html: <button id="btn">下载excel文档</button> js: .
2020-08-17 17:38:21
2212
原创 使用element-ui组件实现省市区联动
数据使用 element-china-data组件 使用element-ui框架 vuehtml <div id="app"> <div class="provin-country clearfix"> <h2>省市二级数据</h2> <div class="...
2020-04-12 10:49:00
403
原创 vue ------ 插件方式的封装 Toast
/** * 因为Vue中使用插件都是通过 Vue.use(插件名字) 安装插件再使用 * 而执行 Vue.use() 的内部实际是在执行 这个插件的 install 方法 * 利用此特性 可以自定义插件 * 在toast目录下新建index.js文件 去项目入口处导入这个文件并执行 Vue.use(..) * main.js中： * ...
2020-02-21 20:39:16
156
原创 Android--fragment从activity中获取数据
MainActivity：publicclassMainActivityextendsActivity{privateFragmentManagermanager;privateFragmentTransactiontransaction;@Overrideprotectedvoid
2017-12-23 11:33:52
2754
1
原创 Windows环境，配置ssh并通过ssh方式从git拉取代码
打开 ' git-bash.exe ' 创建ssh目录使用ssh-keygen -t rsa -C "自己的邮箱"，生成密钥 如ssh-keygen -t rsa -C [email protected]然后直接三次回车 直到他出现提示秘钥的位置路径然后是通过命令打开秘钥文件cd ~/.ssh lsid_rsa id_rsa.pub
2017-12-20 15:58:56
4841
原创 Android开发---设置虚线样式的drawable在真机运行却显示实线
将显示虚线的view设置android:layerType="software"
2017-12-09 15:12:16
514
原创 Android开发---Scrollerview中嵌套RecyclerView RecyclerView显示不全问题
有时候需要Scrollerview里嵌套RecyclerView显示不全首先 在Recyclerview外嵌套一层RelativeLayout 再设置此布局android:descendantFocusability="blocksDescendants"然后在代码中设置RecyclerView禁止嵌套滑动
2017-12-09 15:05:32
557
原创 定义seekbar样式
布局界面<SeekBar android:id="@+id/homepageSeekbar" android:layout_width="0dp" android:layout_height="wrap_content" android:layout_gravity="center_vertical" android:layout_margi
2017-12-06 18:24:59
311
转载 Android开发---RxJava+Retrofit封装
本文内容是基于Retrofit + RxJava做的一些巧妙的封装。参考了很多文章加入了一些自己的理解，请多指教。源码地址https://github.com/Hemumu/RxSample先放出build.gradle compile 'io.reactivex:rxjava:1.1.0' compile 'io.reactivex:rxandroid:1.1.0' c
2017-11-16 21:31:40
1519
原创 Android开发--利用animation-list实现帧动画
将要顺序播放的图片放在资源目录下再drawable目录下新建animation1文件和animation2文件 一个是按顺序显示动画，一个是倒序显示动画，顺序显示动画文件：animation1.xml[html] view plain copyxml version="1.0" encoding="utf-8
2017-11-15 11:29:43
590
原创 Android---MVP模式介绍，以及MVP与MVC的区别
（1）. MVP模式简介相信大家对MVC都是比较熟悉了：M-Model-模型、V-View-视图、C-Controller-控制器，MVP作为MVC的演化版本，那么类似的MVP所对应的意义：M-Model-模型、V-View-视图、P-Presenter-表示器。 从MVC和MVP两者结合来看，Controlller/Presenter在MVC/MVP中都起着逻辑控制处理的角色，起着控制各业务流
2017-11-09 22:28:56
606
原创 Android开发----几大设计模式（单例模式、Builder模式、观察者模式、原型模式、策略模式）
今天看到一片比较详细介绍几大设计模式的好文，拿来借鉴一下单例模式首先了解一些单例模式的概念。确保某一个类只有一个实例，而且自行实例化并向整个系统提供这个实例。这样做有以下几个优点对于那些比较耗内存的类，只实例化一次可以大大提高性能，尤其是在移动开发中。保持程序运行的时候该中始终只有一个实例存在内存中其实单例有很多种实现方式，但是个
2017-11-09 22:16:50
558
原创 Android开发---OkHttp简单封装
今天看到一篇关于okhttp简单封装的博文，特借鉴一下留作备用OkHttp 分为同步和异步请求；请求方式常用的有 get和post两种方式，封装请求的大致步骤为：1、首先 创建 一个mOkHttpClient = new OkHttpClient()对象；2、构建Request请求对象（根据get和post不同的请求方式分别创建）；3、如果是 post请
2017-11-09 20:42:30
3280
原创 运行项目时候报错com.android.dx.command.Main with arguments {--dex --num-threads=4 --multi-dex --main-dex-lis
今天导入别人项目运行时候出现错误，无法运行错误如下：Error:Execution failed for task ':app:transformClassesWithDexForQihu360Debug'.> com.android.build.api.transform.TransformException: com.android.ide.common.process.Proce
2017-11-07 12:15:13
6180
4
原创 Android开发---手机号码输入框（满11位自动跳到下个输入框）
package com.jixiong.teen.view;import android.content.Context;import android.text.Editable;import android.text.Selection;import android.text.TextWatcher;import android.util.AttributeSet;import a
2017-10-31 12:13:57
1879
1
原创 Android开发 ---RecyclerView基本用法
首先项目中导入v7库 如果遇到有v7库26.0-graph1 再次添加v7recyclerview库冲突情况，则将v7换一个版本即可布局中添加Recyclerviewxmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools"
2017-10-31 11:33:33
394
原创 Android开发--RxJava整理《四》
之前的代码中，事件的发起和消费都是在同一个线程中执行，也就是说之前我们使用的RxJava是同步的～～～观察者模式本身的目的不就是后台处理，将处理结果回调给前台？这同步的是要哪样？所以，这篇为大家介绍RxJava的重要的概念——SchedulerRxJava在不指定线程的情况下，发起时间和消费时间默认使用当前线程。所以之前的做法 Observable.just(student1,
2017-10-29 20:50:05
401
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人