- 博客(32)
- 资源 (4)
- 收藏
- 关注
原创 数组与类数组的转化
var arr = [1,3,5]; var obj = {0:1,1:2,length:2}; var gf={}; console.log([].slice.apply(obj)); //es5 console.log(Array.from(obj));//es6 类数组转数组 [].push.apply(gf,arr);// 数组转类数组 console.log(gf);//返回{0:1,1:3,2:5,length:3}...
2020-07-30 18:05:49 258
原创 this的指向
var obj={ fn:function(){ console.log(this);//obj var g=()=>{console.log(this)};//obj (function(){console.log(this)})();//window g(); }, team:{ g:()=>{ console.log(this)//window } } } obj.fn();
2020-07-30 16:23:02 77
原创 JavaScript设置原型api
const q={ a:1 } var e=Object.create(q,{c:{ //(对象原型,对象属性) value: 42, writable: true, enumerable: true, configurable: true },e:{value:function(){}}}); Object.defineProperty(q,"g",{//对象,原型属性,原型值 value:"d...
2020-07-29 21:08:45 114
原创 JavaScript使用异步
export const get=async function():Promise<any>{ // axios.get('http://localhost:8000/tp5/publica/index/Api/web').then((x)=>{ // console.log(x.data.user) // }) function token():Promise<any>{ return new Promise((reso
2020-07-28 21:20:54 144
原创 css居中
box-sizing: border-box; 盒子模型或者ie盒子模型设置块级元素```css#b{ width: 30px; height: 20px; position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto;//等价于四个方向都设置上下左右=auto auto border: 1
2020-07-28 21:13:37 77
原创 webpack-bundle-analyzer分析模块文件插件
const BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPluginmodule.exports={plugins:[ new BundleAnalyzerPlugin({ // 可以是`server`,`static`或`disabled`。 // 在`server`模式下,分析器将启动HTTP服务器来显示软件包报告。
2020-07-28 19:57:49 465
原创 json_stringify
json_stringify(a,b,c)a为objectb 键值对名字 或 函数(key,value)=>{ return value}c为字符串 或 数字 字符串为替代空格 数字为间距函数存在遍历 就好像for inconsole.log 打印对象 看不到具体的信息用json_stringify可以把各种类型的数组转化为单个字符串而且还可以解决 深拷贝的问题还有一个tojson 用来转化响应数据为object类型...
2020-07-28 17:35:55 136
原创 vue3.0的插槽
vue2.6 使用 父组件slot=“name” slot-scope=“data” 可以使用div或templatevue3.0 使用父组件v-slot:name="data"或者#name=“data”子组件两个都一样<p> <child> <template v-slot:tou="data">touj <span>{{data.data}}</span> </template> </child&
2020-07-27 21:46:35 2858
原创 vue使用formdata上传多个文件
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <div id="app"> </div> <script src="js/vue.min.js" type="text/javascript" charset="utf-8">&
2020-07-26 15:47:05 4790 4
原创 uniapp兼容问题
使用uniapp的时候需要考虑是h5为主还是app为主如果是h5为主那基于原生组件与内置组件布局使用flex view text image icon 使用nvue为主在进行编译的时候会出现判断平台 可以在编译的时候 使用ifdef endif来设置各平台的差异比如微信开发需要使用https但是h5却无所谓如果你使用HTML标签也会转化成对应的内置组件在使用nvue的时候 需要注意css的差异如果想使用typescript开发 需要注意尽量使用原生的组件与api少使用vue的语法 因为在编译
2020-07-25 22:06:52 3552
原创 react的hook
hook钩子 使用函数组件购入state与生命周期import React,{useState,useEffect} from ‘react’useState 返回两个参数 一个是state 一个是更新state的函数等价于 this.state={val:"hello"}setVal=()=>{this.setState({val:"helloworld"})}如果是setVal(val+1)等价this.setState({val:this.state.val+1})c
2020-07-24 18:39:45 107
原创 简单说说react的受控组件
我们使用的HTML表单标签 form input text area select 都是自身维护value值我们使用jQuery的使用通常去操作节点获取val$(‘input’).val()而使用react我们把数据维护的都交给state作为自上向下的数据流结合原生的节点操作event.target.value类组件this.state={value:''}change=(e)=>{this.setState({value:e.target.value})}//change(
2020-07-24 16:57:16 98
原创 距上次过去十来天前端的两次面试
我发现还是boss招聘回复率高一点第一次去了一个0-20人的公司进去的时候是一个小型普通出租房一个面试的技术人员一个人事一个工作人员三把四把椅子来了三四个面试的技术人员说:你知道vue组件传参吗你知道单点登录吗用过哪些SDK懂后端交互吗会用vue与elementui吗然后问了薪资留下电话回去等消息(其实这个是很难熬的)会出现如下情况委婉的拒绝会过几天或者一两个星期通知你复试(太久了黄花菜都凉了)可能你是备选一般隔一两天问一下信息0-20人我去的时候估计都是几个人第二次面
2020-07-24 13:50:45 204
原创 vue的全局api
Vue.extend//vue基本构造器 Vue.nextTick//异步刷新队列 Vue.set//全局设置响应数据必须要放入data //const a={} vue.set(a,'b',2) data:{c:a.b} Vue.delete//全局删除 //基于对象采用object.assign()与数组vue.set Vue.directive//自定义指令 bind: function () {},//只加载一次 inserted..
2020-07-23 15:58:50 234
原创 token登录
token登录现在用的非常多用于网站登录APP登录客户端向服务器端发送请求用户登录成功返回tokentoken服务器生成加入少量用户信息防止伪造仿冒充加入干扰码(浏览器的一些信息防止拷贝)加入有效期jwt 头部进行编码->载荷.连接->加密算法->签名iss: 该JWT的签发者sub: 该JWT所面向的用户aud: 接收该JWT的一方exp(expires): 什么时候过期,这里是一个Unix时间戳iat(issued at): 在什么时候签发的服务器端形
2020-07-19 22:12:33 1899
原创 css小技巧
外边距折叠比如如下代码最终结果是外边距30px 而不是50px为了避免折叠通常都是取一个方向的外边距<html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> *{ margin: 0px; padding: 0px; box-sizing: border-box; } div
2020-07-19 15:51:52 73
原创 elementUI里switch的实现
rem为元素设定字体大小时,仍然是相对大小,但相对的只是HTML根元素。这个单位可谓集相对大小和绝对大小的优点于一身,通过它既可以做到只修改根元素就成比例地调整所有字体大小<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> .switch{//checkbox样式
2020-07-17 12:02:52 1420
原创 微信小程序获取用户信息
<button open-type="getUserInfo" bind:getuserinfo="getUserInfo"> 获取用户信息 </button>首先是改变按钮的打开属性有普通按钮 表单按钮form-type 获取用户信息按钮open-type然后绑定事件 是不是感觉和组件传参相似了子组件触发事件 使用triggerEvent(‘自定义事件’)然后父组件设置bind:自定义事件 触发父组件方法通过事件集合返回e.detail绑定全局的api bin.
2020-07-16 11:47:41 226
原创 组件通信
vue,react,微信小程序vue自定义组件使用脚手架配置组件template script styleexport default 导出模块import 模块名 from ‘模块路径’然后使用局部组件components导入 或者全局组件props emit on 或者vuex 进行关系之间的通信react使用函数组件 类组件this.props 或者 props父子比如父组件使用 子组件<ch child={this}></ch>//this
2020-07-16 11:41:20 111
原创 vue-router的简单使用踩坑
配置如下Vue.use(Router)export default new Router({ mode:"hash",//hash history //hash路由带#号 history不带#用来与后端设置的路由匹配一起使用的 routes: [ { path:"/", component:App//组件 // components:{//使用具名视图 // a:App // } },
2020-07-15 11:50:03 272
原创 vue-router的配置(vue-loader15.9.2)
vue配置如下 "vue": "^2.6.11", "vue-loader": "^15.9.2", "vue-router": "^3.3.4", "vue-style-loader": "^3.0.1", "vue-template-compiler": "^2.5.2",router如下import Vue from 'vue'import Router from 'vue-router'import App from '../app.vue'Vue.us
2020-07-14 11:14:51 725
原创 前端简单使用蓝湖来切图
首先下载PS 安装然后登录下载完成之后 重启PS就会看见 窗口 列表的拓展功能出现的蓝湖然后我们正常的使用PS箭头是我们自己做的页面下面的slice是我们标记为切图之后形成的上图你所看见的 东西都是一个个页面组成的搜索框六个矩形图片字体都是独立的页面 必须独立 为一个页面标记切图上传蓝湖 才会变为独立的切图 显示 宽高最后下载切图按照原型图完成功能...
2020-07-13 18:11:52 8743
原创 JavaScript的var let const
var 是es5的变量声明let与const是为了解决没有块级作用域的问题var声明的变量会沿着作用域链从里到外的获取function a(){ var b=1; (function(){ console.log(b);//1 for (var i=0;i<3;i++) { } })(); //for (var i=0;i<3;i++) { //} console.log(i) // i
2020-07-12 11:00:15 106
原创 vue加载图片
img加载图片根据src<img src=""/>//相对或绝对路径或资源路径 比如http://localhost:8000/tp5/publica/img/11.jpg<img :src=""/>//这里是data绑定的数据参数 里面的东西都会被当做参数进行解析//所以相对绝对路径 只能在data里面设置 获取采用require('相对或者绝对路径')一般我们使用webpack来进行图片处理url-loader file-loader超过url-loader大小就会
2020-07-11 10:37:28 1100
原创 react-redux简单使用
state 建立数据reducer 根据数据建立事件对应处理 action type与payloadaction 使用仓库的dispatch触发action 最终改变仓库数据store createStore combineReducers 如果是多个仓库使用数据需要指明仓库provide connectprovide将数据注入组件connect在组件里创建action使用dispatch调用与对应的仓库reducer进行处理<Provider store={store}>
2020-07-09 11:00:27 233
原创 毕业面试前端的第一次经历
首先我学习前端的知识,都是根据招聘网站的要求来学的,比如今天看,明天看,时不时多一个技能知识出来,就会去了解熟悉一下。我下载了四个招聘软件boss招聘,拉勾,智联招聘,前程无忧,前程申请了24次没有一个人回复拉勾投了十几家,有查看简历的公司有六家,拒绝的有四家智联投递了五十三家,有一家查看简历之后直接发出面试邀请,随后我问了一些我说自己是应届生没有工作经验可以吗,随后再也没说话,有两家打电话喊我去面试,什么也没有说比如薪资问题,不谈薪资千万别去,面议的都是很浪费时间,其中一家面试的公司随后关闭了招
2020-07-08 20:18:10 355 1
原创 uniapp使用typescript
使用HBuilder编辑器创建uniapp项目然后找到导航栏上面的工具下载两个插件一个是typescript语言服务 用来提示语法一个是typescript编译服务 用来加载uniapp编译安装typescript编译服务出现失败然后找到你安装HBuilder的位置 找到上图plugins文件夹如果你没有点安装 那就不存在compile-typescript文件夹点了 失败 会出现json文件然后 通过命令行管理员权限打开cmd 进入compile-typescript文件使用 np
2020-07-07 14:08:25 8823 1
原创 axios与typescript
两个文件一个是vue一个是tsvue文件如下<template> <div> <button @click="as">sa</button> {{token}} </div></template><script lang="ts">import {get} from './api'export default { data() { return {
2020-07-06 15:48:58 663
原创 typescript简单使用
export const aa=function():void{//ts 模块导出 const arr:Array<any>=[1,2,3]//数组定义 any隐式类型 在tsconfig配置里面可以忽略 console.log(arr[0])}export const asy=async function():Promise<any>{ function Show():Promise<any>{ return
2020-07-04 10:27:29 155
原创 JavaScript的websocket对象
客户端websocket对象通过ws协议实现在运行客户端之前先把服务器端运行客户端可以多个页面创建同一端口的websocket对象用于长连接通信<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script> // 创建一个Socket实例
2020-07-02 18:51:39 1477
原创 vue(sass)配置typescript与elementUI
dist打包目录modules不用解释了src是配置vue的执行目录element是elementui的组件按需加载运行文件api是运行typescript的文件调试app.vue是vue组件index是页面index.js是执行目录index.scss是sass编译css文件.babelrc是配置babelpackage是依赖文件信息tsconfig是配置typescript文件webpack是配置webpack文件关键的四个配置文件babelrc{ "presets".
2020-07-01 19:12:43 917
原创 phpstudy运行nginx
选择nginx+PHP然后启动输入localhost就可以运行运行分几部分一个是PHP从下载的PHP版本目录里面有一个php-cgi.exe一个是nginx服务器下面是配置文件 server { listen 80; server_name localhost; root "D:\wamp\www\gouwuw";//这是PHP运行的目录 location / {//这是url的匹配规则
2020-07-01 10:51:45 2705
xlsx.full.min.js
2020-12-11
Print11.js
2020-12-03
jspdf.debug.js
2020-11-27
学习两三年前端的心得.docx
2020-04-01
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人