- 博客(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
原创 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
原创 支付模块
通过支付宝沙箱的方式第一种方式 在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
原创 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关注的人