自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(142)
  • 收藏
  • 关注

原创 css 样式方法 媒体查询 重置样式 动画

1.样式方法/* function */.cb:after,.cbli li:after{display:block;clear:both;visibility:hidden;height:0;overflow:hidden;content:".";}.cb,.cbli li{zoom:1;}.ib{display:inline-block;*display:inline;*zoom:1;}.dn{display:none;}.db{display:block;}.fl{float:le.

2021-01-06 16:53:34 313

原创 企业人事-react

https://www.html.cn/create-react-app/docs/getting-started/1.安装:npx create-react-app my-app2.显示webpack npm run eject3.路由:https://reactrouter.com/web/examplenpm i react-router-dom --save-devimport React from "react";import { BrowserRout...

2020-11-06 15:23:14 290

原创 手admin-vue

1.安装element报错VM2734 dom.js:19 Uncaught TypeError: Cannot read property 'prototype' of undefinedmain.js中引入ElementUI的代码importElementUIfrom'element-ui';import'element-ui/lib/theme-chalk/index.css';Vue.use(ElementUI);正确写法:importEleme...

2020-09-27 08:41:57 395

原创 vue安装和组件 和vue打包发布项目

安装全局安装 vue-clinpm install -g vue-cli创建一个基于 "webpack" 模板的新项目vue init webpack my-project // 这样安装就自动试生\成router文件//vue init webpack-simple shangc 这样就没有router安装依赖cd my-projectnpm insta...

2020-09-25 16:33:37 1475

原创 vue class绑定

一.class绑定判断是否有这个类active:class="{"active:isactive==-1"}" :class="{"active:isactive==index"}"绑定并判断多个:class="{'active:isactive','sort:issort'}" 在data中声明 或把{'active:isactive','sort:issort'}" 作为一个对象:class="classobject" data中classobj...

2020-09-21 14:18:12 153

原创 uniapp 组件传值 路由

发布上线1.在manifest.json 配置微信小程序id修改util中的base地址3.在小程序设置配置服务器域名完成H5的打包完成安卓打包也可以使用公共证书

2020-09-07 23:20:28 501

原创 react后台管理 按需加载 antd 主题 路由 前后台交互 ajax

1.安装省略下载antyarn add antd2. 下载按需加载命令下载依赖模块yarn add react-app-rewired customize-cra babel-plugin-import定义加载配置的 js 模块: config-overrides.jsconst {override, fixBabelImports} = require('customize-cra');module.exports = override(fixBabelImports(.

2020-09-02 01:46:37 267

原创 小程序案例 登录 所有功能

da2注意点1.如果t his是underfine就是使用了function(){},,,其中的this不是当前的this ,用箭头函数(绑定上下文)就可以解决.2.如果引入网路地址,必须要加上https才可以技术点获取文本框中的内容,调用数据bindconfirm="search" 调用的时候转入参数e search(e){}...

2020-08-30 04:32:37 235

原创 vue --逻辑todolist

todo步骤准备了三种模板方便编码 普通状态 编辑状态 未完成 数据格式分析 todo有多条 每条需要保存内容以及状态 1.添加数据 找到顶部标签 使用v-model双向数据绑定 绑定按钮keyup事件 methods中添加新增的push()方法 2.删除一条数据 ...

2020-08-22 04:57:50 195

原创 功能(名词) 逻辑

1.登录 (访问控制)

2020-03-05 01:41:18 366

原创 angular 常用特性 创建组件  组件传值 创建模块 json serve.的使用 路由

拿到事件对象 $event双向数据绑定

2020-03-05 01:40:57 330 1

原创 semantic-ui-react

https://react.semantic-ui.com下载 yarn add semantic-ui-reactyarn add semantic-ui-css引入import{Button}from'semantic-ui-react'import'semantic-ui-css/semantic.min.css'使用<Button p...

2020-02-25 01:27:51 397

原创 移动端问题

一.处理 移动端 1px 被渲染成 2px 问题?1、局部处理meta 标签中的 viewport 属性 ,initial-scale 设置为 1rem 按照设计稿标准走,外加利用 transfrome 的 scale(0.5) 缩小一倍即可;2、全局处理meta 标签中的 viewport 属性 ,initial-scale 设置为 0.5rem 按照设计稿标准走即...

2020-02-12 03:09:51 156

原创 微信小程序云开发(1)数据库增删改查 云函数 云存储 引用 事件

小程序云开发(1)数据库增删改查1.新建项目时不使用云服务,3.在app.js初始化项目4.新建云函数5..连接数据库6.在服务器新建listwxml代码<view class="input"><input placeholder="请输入名字" bindinput="addName"> <...

2020-02-04 00:16:03 926

原创 js基础1函数的属性和方法--自` 函数的内部属性arguments和this length 和prototype 方法call ()和aplly() bind()

函数的内部属性arguments和thisarguments是函数调用的时候是传递给函数的参数代列表,有length属性 , 获取函数的形参部分thisthis是函数运行时产生的函数, 自动产生的内部对象,跟函数在哪里定义没有关系 ,跟谁调用有关系1.在函数外部使用this,this指的是window对象;2.在某些情况下的函数内部调用this,this指的也是windo...

2020-01-02 00:32:50 202

原创 css实现箭头图标 伪类 图标

使用伪类伪类一定要相对定位 ,设置 content:"",把border-left改为透明 和border-right改为透明把border-left改为透明left top right都为实心.则是一个方长方形...

2019-11-18 16:52:25 754

原创 vue2 侧边栏高亮问题 table表格几个常用的功能 拖拽排序 内联编辑 富文本 ECharts

侧边栏高亮问题:侧边栏不能跟着自己的路由高亮,element-ui官方已经给了default-active所以我们只要将default-active一直指向当前路由就可以了:default-active="$route.path"table表格几个常用的功能。Table 拖拽排序 基于Sortablehttps://github.com/SortableJS/Sor...

2019-11-14 02:49:34 609

原创 Hybrid App

Hybrid App是指介于web-app、native-app这两者之间的app,一.混合式App的工作原理1、mobile application:Hybrid App就是一个移动应用2、both browser-supported language and computer language:同时使用网页语言与程序语言编写3、available through applica...

2019-11-13 02:14:48 564

原创 vue1-过滤器(控制字体溢出样式-超过限定字数即显示“...”)

Vue.filter过滤器的用法注册全局过滤器:Vue.filter('ellipsis',(value)=>{returnvalue+ ".."}组件过滤器(局部):filters:{componentFilter:function(value){returnvalue+ "..."}}使用一,在双花括号插值{...

2019-11-12 00:11:44 1078

原创 websocket

双向 长链接 低延迟

2019-10-20 00:30:11 93

原创 支付模块

通过支付宝沙箱的方式第一种方式 在return-url页面如果用户关闭浏览器,是没办法得到用户的信息 需要做容错处理第二种提示页轮询...

2019-10-19 23:42:43 145

原创 vue获取表单的值并提交

利用v-model能比较便捷地上传用户信息的数据,不用一个个参数地拼接。直接在data根据要传的字段定义一个对象,再利用双向绑定得到值。下面写了传json格式跟formData格式的两种情况<template> <div class="from_box"> <form action=""> <input type="t...

2019-10-09 22:02:31 10697

原创 react后台数据渲染(封装) loading 处理

//初始化数据componentDidMount(){this.request();}//调接口request=()=>{axios.get("https://www.easy-mock.com/mock/5d98c57b8c63954ea11dd31e/table").then((res)=>{console.l...

2019-10-07 00:12:32 1065

原创 Flow和TypeScript的使用

TypeScripthttps://www.runoob.com/typescript/ts-tutorial.html概念TypeScript 是一种给 JavaScript 添加特性的语言扩展 (增加的功能包括:类型批注和编译时类型检查 类型推断 类型擦除 接口 枚举 Mixin 泛型编程 名字空间 元组 Await)Flow是一个类型检查工具,...

2019-10-03 01:41:14 1566

原创 天气api -跨域axios-jsonp -Promise封装

1.天气apihttp://api.map.baidu.com/telematics/v3/weather?location=查询地区 &output=输出格式 &ak=开发者密钥url:'http://api.map.baidu.com/telematics/v3/weather?location='+encodeURIComponent(city)+'&out...

2019-10-01 14:48:35 468

原创 封装时间方法

Util.js文件exportdefault{formateDate(time){if(!time)return'';letdate=newDate(time);returndate.getFullYear()+'-'+(date.getMonth()+1)+'-'+date.getDate()+''+d...

2019-10-01 08:39:51 243

原创 react5-共享单车结构

src目录下新建resource文件resource子目录assets菜单文件menuconfi.jsconstmenuList=[{title:'首页',key:'/home'},{title:'UI',key:'/ui',children:...

2019-09-30 15:53:41 345

原创 react4-webpack中 脚手架 less antd  按需加载 Router 安装配置 暴露webpack配置文件 calc计算属性

1.安装脚手架npm install -g create-react-appcreate-react-app my-appcd my-appnpm start2.安装所需的插件yarn add react-router-dom axios less-loader less3.安装AntDyarn add antd4.安装babel-plugin-impor...

2019-09-29 16:34:53 549

原创 react3-this

thisjaijai(){this.setState({count:this.state.count+=1})}jianjian=()=>{this.setState({count:this.state.count-=1})...

2019-09-29 16:19:17 118

原创 webpack2-webapck的基础配置

webpack 基于node 必须要先装node1.weapack的安装 全局安装webpack npm i webpack webpack-cli -g 项目中安装webpack (推荐) npm i webpack webpack-cli -D 没有全局安装webpack ,项目运行会报错 webpack4.0之后可以实现0配置打包构...

2019-09-29 03:54:31 96

原创 react2-组件 & Props 显示与隐藏 阻止组件渲染

https://www.runoob.com/react/react-component-api.html概览 React 的组件可以定义为 class 或函数的形式用法如需定义 class 组件,需要继承React.Component:在React.Component的子类中有个必须定义的render()函数class Welcome extends Rea...

2019-09-28 01:06:12 418

原创 vue目录结构 和环境配置 服务端配置

后台服务端搭建(数据库存入数据) 在在defult.jsonwenjian 中vue-cli目录结构:vue-cli目录解析:build 文件夹:用于存放 webpack 相关配置和脚本。开发中仅 偶尔使用 到此文件夹下webpack.base.conf.js用于配置 less、sass等css预编译库,或者配置一下 UI 库。 config 文件夹:主要...

2019-09-24 12:58:41 753

原创 ajax 模板

1.引入插件2.创建一个模板3.拿到后台数据 创建一个模板4.赋值给模板4.在页面结构原数据的位置 加id名5.根据id名把模板赋值%%用法%里面是一个完整模板%把结尾的}用%}%包起来点击左边side 右边显示对应模板因为左边导航栏是动态生成的 ,不能直接拿到数据.使用事件委托给左边...

2019-09-23 13:41:28 214

原创 canvars

https://developer.mozilla.org/zh-CN/docs/Web/API/Canvas_API/Tutorial填充非零环绕规则, 顺是1 逆是-1 相加等于0就不填充开始点也可以通过moveTo()函数改变 一个moveTo绘制一个图形arc 画弧度/*在填充的时候回遵循非零环绕规则*/lineTo(x, y)绘制一条从当前位置到指定...

2019-09-22 19:10:51 609

原创 搜索记录历史记录渲染列表

<!DOCTYPEhtml><html><headlang="en"><metacharset="UTF-8"><title>首页</title><style>*{margin:0;pad...

2019-09-22 00:31:57 221

原创 同步和异步 (代码执行顺序)

同步代码执行顺序优先级高于异步代码执行顺序优先级; new Promise(fn)中的fn是同步执行; process.nextTick()>Promise.then()>setTimeout>setImmediate。

2019-09-20 18:19:53 2355

原创 循环

https://www.cnblogs.com/YCxiaoyang/p/7171362.htmleach一、forJavascript中的for循环,它用来遍历数组var arr = [1,2,3,4]for(var i = 0 ; i< arr.length ; i++){ console.log(arr[i])}//1,2,3,4九九乘法表:...

2019-09-20 03:51:06 98

原创 编程思想

链式编程 就是对象不停调用方法对象.方法().方法().....对象调用方法,如果返回值是当前这个方法,那么他可以继续调用方法 ,如果返回值不是当前对象就是断链,就不能继续调用方法事件委托...

2019-09-20 03:32:14 142

原创 关于源码

jq,就是一些方法,动态参数使用形参, 使用直接调用方法传入实参

2019-09-20 01:12:27 106

原创 react 的bug

1.'React' must be in scope when using JSX react/react-in-jsx-scope问题importreactfrom 'react' 改成importReactfrom 'react' 小写react 改成React2.Error: Cannot find module 'resolve' at Fu...

2019-09-19 22:33:15 287

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除