- 博客(38)
- 收藏
- 关注
RSS订阅原创 Angular环境搭建启动项目
Angular.js环境搭建1.安装nodejs检查你的版本 node -vwindows更新版本不能通过网上说的安装n模块更新,只能重新下载新版的nodejs重新安装覆盖.完全卸载node.jsA.通过控制面板卸载node.jsB.删除安装所在文件夹下的nodejs文件夹【我的是 C:\Program Files\nodejs】C.寻找这些文件夹并删除它们（及其内容）（如果还有）。根据您安装的版本，UAC设置和CPU架构， 这些可能或可能不存在： C:\Program Files （x8
2021-12-14 18:07:12
2104
原创 typeScript中的数据类型
typeScript中为了使编写的代码更规范，更有利于维护，增加了类型校验，提供了以下数据类型 布尔类型 boolean 数字类型 number 字符串类型 string 数组类型 array 元组类型 tuple 枚举类型 enum 任意类型 any null 和 undefined void类型 never类型遥想当年es5时：(再次赋值，各种类型都可以的)var a=“str”a=12a=false现在为了使编写的
2021-01-25 17:27:24
207
原创 ts踩坑记
一、报错：tsc : 无法加载文件 D:\soft\nodejs\node_global\tsc.ps1，因为在此系统上禁止运行脚本 在通过vs code 运行tsc helloworld.ts 报错解决方案：以管理员身份运行vs code执行：get-ExecutionPolicy，显示Restricted，表示状态是禁止的执行：set-ExecutionPolicy RemoteSigned这时再执行get-ExecutionPolicy，就显示RemoteSigned此时发现再运行
2021-01-21 15:46:22
265
原创 vue踩坑记
一、vue项目启动后在IE浏览器报： Unhandled promise rejection ReferenceError: “Promise”未定义问题原因: IE一些低版本的浏览器对于ES6语法不支持 Promise是es6语法里为了解决异步函数多重嵌套的问题(回调地狱) 说明: 或许你并不没有使用Promise,但是有可能你使用Axios等,其中原理也是Promise,进行了封装而已解决办法:1、 安装 babel polyfill npm install --save babe
2021-01-20 18:05:01
1287
原创 微信小程序 —— 监听网络状态
在app.js的onLaunch wx.onNetworkStatusChange((res) => { if(!res.isConnected){ console.log(res.isConnected,"网络连接不好") } console.log(res.netWorkType,"网络类型") });
2020-11-30 17:38:30
1579
1
原创 微信小程序 —— 2、基础学习（干货）
二 . 小程序的结构目录小程序原生框架 MINA提供了自己的视图层描述语言，并在视图层与逻辑层间提供了数据传输和事件系统，让开发者能够专注于数据与逻辑，其思想与vue，react类似1.小程序文件结构和传统web对比对比得出，传统web是三层结构，而微信小程序是四层结构，多了一层配置json结构传统web微信小程序结构HTMLWXML样式CSSWXSS逻辑JavascriptJavascript配置无JSON2.基本项目目录p
2020-11-30 16:52:50
317
原创 微信小程序 —— 点击按钮实现震动
<view bindtap="btnFun">点击</view> btnFun:function(){ wx.vibrateShort(); // 1、使手机震动15ms //或者 wx.vibrateLong(); // 2、使手机震动400ms }
2020-11-24 17:33:47
5926
1
原创 微信小程序 —— btn按钮切换页面
//index.wxml<view class="page"> <view wx:if="{{currentTab==0}}"> 主页内容 </view> <view wx:if="{{currentTab==1}}"> 我的内容 </view> <view class="btnTabBg"> <view class="btnTabHome" data-current="0" bindtap="change
2020-10-15 11:47:40
930
原创 微信小程序的数据请求
新建文件夹http.jsvar baseUrl="https:// ***";export const httpUrl = { "getData":baseUrl+"/***/***"}index.jsimport {httpUrl} from "../../http/http.js"; //引入Page({ onLoad: function (options) { var that = this; wx.request({ url: httpUrl
2020-09-10 14:41:38
103
原创 微信小程序点击按钮页面跳转
index.wxml<view bindtap="intoPage">去下一个页面</view>app.json //全局配置文件，新建跳转页面，自动生成文件{ "pages":[ "pages/page/page", ], }index.jsPage({ intoPage:function(){ wx.navigateTo({ url: '../page/page', }) }, })...
2020-09-10 14:34:23
2790
原创 微信小程序之——1、项目环境准备
一. 环境准备1.注册账号建议使用全新的邮箱，没有注册过其他小程序或者公众号微信公众平台2.获取APPID开发者唯一的身份验证，发布上线都需要提供的，记得秘密保存哟3.开发工具微信开发者工具，集开发 预览 调试 发布 于一身的完整环境可根据个人习惯也可 vs code（负责敲代码） +微信小程序编辑工具（负责预览） 来实现编码二 . 小程序的结构目录小程序原生框架 MINA提供了自己的视图层描述语言，并在视图层与逻辑层间提供了数据传输和事件系统，让开发者能够专注于数据与逻辑，
2020-08-31 17:16:09
272
原创 echarts窗口大小改变，无需手动刷新自动适应
echarts本身有一个resize()函数，只需要在窗口改变的时候，也就是window对象触发onresize事件，调用它，使之重新渲染页面就可以了mounted() { // 根据窗口大小调整曲线大小 window.onresize = () => { // 基于准备好的dom，初始化echarts实例 let myChart = this.$echarts.init(document.getElementById('myChart'));
2020-08-28 19:01:12
3305
原创 CSS背景颜色透明且渐变
Webkit（浏览器内核） background:-webkit-gradient(linear, 0 0, 0 100%, from(rgba(137,227,253,0.9)), to(rgba(20, 63, 181, 0.9)));效果展示：各个参数的含义： 1. 渐变的类型，linear线性渐变 2. 分别对应x，y方向渐变的起始位置(0 0 – 或者left-top) 3. 分别对应x，y方向渐变的终止位置(0 100% 或者left-bottom) 4. 起始位置的颜色 5
2020-08-28 16:53:55
2875
原创 css一个div同时设置多个背景图片
css 的background 可以设置多个背景图片：background:url( ico.png ) no-repeat, url( pht.jpg ) no-repeat 9% 7%; (左右距离）(上下距离) 然后需要注意的就是背景图片的显示的顺序的问题，上面的例子中先设置的背景图片是ico.png ,那么可以假设ico.png的层级是 1，那么后设置的背景图片 pht.jpg 的层级就可以是 2，也就是后面设置的背景会遮
2020-08-19 14:49:06
3049
原创 时间戳转换成日期格式
function formatDate(now) { var year=now.getFullYear(); //取得4位数的年份var month=now.getMonth()+1; //取得日期中的月份，其中0表示1月，11表示12月var date=now.getDate(); //返回日期月份中的天数（1到31）var hour=now.getHours(); //返回日期中的小时数（0到23）var minute=now.getMinutes(); //返回日期中的
2020-08-14 19:12:24
6684
原创 Axios的那些事
1.是什么？Axios是一个基于promise的http库（类似于jQuery的ajax，用于http请求）可以用于浏览器和node.js (可用于客户端或node编写的服务端)2.有哪些特性？支持Promise API拦截请求和响应（请求前和响应前做一些操作，比如在请求前的请求头中加一些授权信息等）转换请求数据和相应数据 （比如请求时一些敏感信息需要加密，回来进行解密）取消请求自动转换JSON数据 （一般进行http请求时服务器传输的是字符串，进行自动转换，不用手动操作）客户端支持防御
2020-08-03 16:30:59
230
原创 echarts实战
地图 <div id="map"></div><script>import api from "@/../static/common/api/api.js";import echarts from "echarts";export default { methods: { // 中国地图 map() { var mapList = []; api.pharmaSumMap().then(res => {
2020-06-16 15:04:05
272
原创 下载Excel表格
天天向上，冲呀，❤狗崽崽❤get方式 // 下载 downloadTable() { this.download( window.baseUrl + "/capitalStructure/downExecutiveStockData?stockCode=" + this.stockCode + "&enterpriseCode=" + this.enterpriseCode
2020-06-16 10:23:33
328
原创 NavMenu之侧栏
<el-menu background-color="#FFFFFF" text-color="#4B4B4B" active-text-color="#3583ED" //当前激活菜单的文字颜色 unique-opened //是否只保持一个子菜单的展开 :default-openeds="openeds" //当前打开的 sub-menu 的 index 的数组 类型：Array :default-active="$route.name"//当前激活菜单.
2020-06-12 17:03:41
326
原创 关于路由的那些事
一、跳到新的窗口前言 ： 有时候我们会需要在一个新窗口打开页面，而我们都知道，vue是单页面的应用，通过router在内部跳转的。但是依然有办法实现这个需求法①： let { href } = this.$router.resolve({ path: `/otherPage/${参数}`, query: { //也可传参 } }); window.open(href, "_blank");_blan
2020-06-12 15:26:00
172
原创 监听路由变换
前言： VUE页面开发中，我们经常需要根据路由的变化去实现一些操作，那么如何监听路由的变化呢？一、监听路由从哪儿来到哪儿去 watch: { $route(to, from) { console.log(from.path,"从哪来")； console.log(to.path,"到哪去")； } }更新中。。。...
2020-06-12 13:40:40
307
原创 element-ui的分页
<el-pagination prev-text="上一页" next-text="下一页" background @current-change="handleCurrentChange" :current-page="pageNo" :page-size="pageSize" layout="total, prev, pager, next, jumpe...
2020-06-10 16:30:18
204
原创 跳转页面不刷新
前言：vue-router的切换不同于传统的页面的切换。路由之间的切换，其实就是组件之间的切换，不是真正的页面切换。这也会导致一个问题，就是引用相同组件的时候，会导致该组件无法更新，也就是我们口中的页面无法更新的问题了。主要问题 ：vue 同一路由跳转不走生命周期，导致数据不更新 不管是动态路由还是？传参 。都不走解决 ：在 router-view 中加 :key="$route.fullPath"通过绑定一个fullPath，可以识别当前页面路由的完整地址，当地址发生改变(包括参数改变)则重新
2020-06-10 15:48:12
1146
原创 模糊搜索（类百度）
<template><div> <input v-model="companyName" @input="inputFunc" type="text" @keyup.13="searchBtn()" placeholder="请输入企业名称" /> <div class="searchBtn" @click="searchBtn()"> <img src="@/assets/img/13.pn
2020-06-10 14:43:09
269
原创 谷歌正常显示，ie不显示报400
F12打开Network对比发现IE浏览器没有对中文做转码因此：this.companyName：需要传的参数值encodeURI() 函数可把字符串作为 URI 进行编码 api.indexSearch(encodeURI(this.companyName)).then(res => {});
2020-06-10 10:15:47
242
原创 居中大杂烩
盒子内的图片居中显示<div class="box"> <img class="image" src="@/assets/img/9.png" alt /></div>.box { width: 60px; height: 60px; line-height: 60px; text-align: center; //水平居中 .image {
2020-05-21 17:45:49
94
原创 滚动条（兼容ie,firefox）
滚动条产生的原因，通俗的来讲就是内容超出容器就会出现滚动条overflow<h5>定义：overflow 属性指定当它溢出其块级容器时,是否剪辑内容，渲染滚动条或显示内容。属性值overflow:visible //默认值。内容不会被修剪，超出内容会显示在元素框之外overflow:hidden //内容会被修剪。超出内容被隐藏overflow:scroll...
2020-01-22 17:10:34
782
原创 修改elementui默认样式，不影响其他组件的样式
1、标签中添加 :popper-append-to-body=“false”（局部修改样式和添加类才起作用，不会覆盖全局样式），然后添加class和popper-class进行样式修改<el-select :popper-append-to-body="false" popper-class="topselect" v-model="value" ...
2020-01-15 11:29:16
1813
原创 vue
什么是 mvvm？MVVM 是 Model-View-ViewModel 的缩写。mvvm 是一种设计思想。Model 层代表数据模型，也可以在 Model 中定义数据修改和操作的业务逻辑；View 代表 UI 组件，它负责将数据模型转化成 UI 展现出来，ViewModel 是一个同步 View 和 Model 的对象。在 MVVM 架构下，View 和 Model 之间并没有直接的联系，而...
2019-11-28 08:54:38
121
原创 html
Doctype 作用？标准模式与兼容模式各有什么区别?声明位于HTML文档中的第一行，处于 html 标签之前。告知浏览器的解析器用什么文档标准解析这个文档。DOCTYPE不存在或格式不正确会导致文档以兼容模式呈现。标准模式的排版 和 JS 运作模式都是以该浏览器支持的最高标准运行。在兼容模式中，页面以宽松的向后兼容的方式显示,模拟老式浏览器的行为以防止站点无法工作。HTML5 为什...
2019-11-28 08:51:20
160
原创 css
display: none; 与 visibility: hidden; 的区别相同： 它们都能让元素不可见区别：display:none;会让元素完全从渲染树中消失，渲染的时候不占据任何空间；visibility: hidden;不会让元素从渲染树消失，渲染师元素继续占据空间，只是内容不可见display: none;是非继承属性，子孙节点消失由于元素从渲染树消失造成，通过修改子孙节点...
2019-11-28 08:49:13
207
原创 链接
移动端H5页面开发坑点指南(中篇)中高级前端大厂面试秘籍，寒冬中为您保驾护航，直通大厂一个合格的中级前端工程师需要掌握的 28 个 JavaScript 技巧干货面向中小企业SaaS的权限管理系统文章分享 ┃ B端产品应该如何设计？后台系统的权限设计网易高手：角色权限设计的100种解法前端面试与进阶指南reactnode.js技术栈...
2019-11-15 19:03:47
273
原创 基础知识
JavaScript是一种专门为与网页交互而设计的脚本语言。JavaScript 是一种非常松散的面向对象语言 ==> 弱类型语言在script便签内书写JS代码， 一旦JS代码出现报错,后面的代码将不执行JavaScript由三部分组成：1）ECMAScript 由ECMA-262定义，提供核心语言功能 ECMAScript规定了以下组成部分：语法、类型、语句、关...
2019-11-15 17:05:20
91
原创 react-native
react-native混合开发 app android ios需要安装内存 8G + SSD 2min 10minSDK: android 4G 10Gandroid-studio + 模拟器
2019-11-15 11:21:13
274
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人