前端框架
文章平均质量分 55
少年的小俊
全栈Python开发, 对机器学习和大数据挖掘感兴趣
展开
-
微信小程序 app.wxss css 不生效
文章目录现象描述解决方案现象描述在自定义的组件中,使用app.wxss 样式,将不会生效详情请看 https://developers.weixin.qq.com/miniprogram/dev/framework/custom-component/wxml-wxss.html也就是全局样式不可以应用到子组件里面解决方案将样式和 wxml 写在一起在 component 中定义隔离方式Component({ options: { "styleIsolation"原创 2022-03-22 15:26:46 · 5565 阅读 · 0 评论 -
Angular 懒加载js文件 404
现象描述angular 启用懒加载后,js文件被分为一个一个的小文件,并使用hash命令过了一段时间后,点击按钮后无反应,使用F12 查看是文件加载404原因说明查了一段时间后,是因为前端更新了版本,导致原来的js文件找不到了...原创 2021-12-23 09:24:16 · 810 阅读 · 0 评论 -
echart 图绘制--基础使用
文章目录学习echart 简单绘制图像如何使用echart如何查阅文档文档内容解析1. 文档重要组成部分2. 图例选择3. 坐标系设置4. 主图与组件5. 组件参数如何借阅别人的思想学习echart 简单绘制图像本文旨在讲述如何基础使用echart并系统性理解echart的文档参数仔细阅读本文,能够从渔的方式学习echart图的绘制如何使用echart引入echart js 文件import * as echarts from 'echarts';初始化echart 并绑定在DOM树中原创 2021-03-24 16:54:57 · 875 阅读 · 0 评论 -
js 各种循环使用
文章目录Javascript 数组,对象循环前端开发宝藏网站一. Javascript常用的循环二. ES 6常用的循环1. forEach2. for ... of3. for ... in4. some, every5. find, filterJavascript 数组,对象循环目前框架常用的Js 版本为 ES6, 故介绍常用的各种循环forEachsomefiltereveryfor (var i = 0;i < n;i++){}for … of前端开发宝藏网站MD原创 2021-01-27 15:47:19 · 384 阅读 · 0 评论 -
Angular 优化指南
文章目录版本说明使用工具检测性能问题angular 问题总结angular 优化建议版本说明使用 angular 7.2.0使用工具检测性能问题Chrome 浏览器,开发者工具强烈推荐 Performance 工具,非常复杂和详细如何使用 Chrome performance source-map-explorerangular 问题总结页面和组件多,导致访问速度很慢打开页面后,显示数据也非常卡顿开发模式下,从修改到页面刷新,再到页面完全展示,这一过程太慢,严重影响开发原创 2020-11-18 16:14:47 · 685 阅读 · 0 评论 -
前端三大框架总结思考
文章目录三大前端框架1. 共同点2. 自定义属性3. 生命周期函数4. 模块化、组件化5. JS 是框架的核心三大前端框架ReactVueAngular1. 共同点以 Javascript 为主导,将CSS HTML进行贯通使用模块、组件的方式构建网页通过丰富的小组件库,快速搭建网页使用 ES6 + babel 转译的方式适配新版本使用 nodejs + webpack 的方式管理依赖,打包文件API 访问通过promise 的模式进行调用,抽象化网络访问文件结构通常比较复杂,原创 2020-11-12 15:33:28 · 623 阅读 · 0 评论 -
CSS3 实现表头固定滚动
核心思想主要使用CSS 3的新特性position: sticky;sticky 是 relative 和 fixed 两者的结合体, 通常用在内容滚动的时候,固定滚动的内容通常搭配的css 样式top: 0px;z-index: 2;position: sticky !important;top需要指定偏移量,保证固定位置,注意:top, bottom, right, left 至少要一个z-index ,当内容滚动时,保持固定内容在上一层!important 表示该样式原创 2020-08-25 17:22:02 · 456 阅读 · 1 评论 -
CSS 高级使用
CSS 高级使用本文内容选择器1. 选择器选择第几个子元素 p:nth-of-type{ } p:nth-child{ }2. 变换tranformtranslate()rotate()scale()skew()matrix()transform-origin 控制转换原点3. 过渡transition-propertytransition-durationtransition-timing-functionlineareaseease-原创 2020-08-25 17:13:26 · 114 阅读 · 0 评论 -
node-sass 安装失败,原因总结
原文链接作者 李平海node-sass是我们开发中很常见的依赖包,也是安装时间冗长和最常见到报错的依赖。安装node-sass失败原因有很多种,我们在说失败原因之前,先来分析一下node-sass的安装过程(以下node版本为v10.15.3):PS D:\demo> npm i node-sass// 从npm源安装到node_modules> node-sass@4.13.0 install D:\demo\node_modules\node-sass> node scri转载 2020-07-16 10:40:34 · 2595 阅读 · 0 评论 -
javascript ES 6基础语法摘要
布尔值(boolean)判断数据类型为空数组 var arr = []; if (arr.length === 0){ alert("arr 为空"); }对象(python 字典) var object = {}; # 无法判断是否为空 alert(object === {}) // false alert(Boolean(object)) // true 有效方法 1 alert(JSON.stringify(object) === "{}") // true原创 2020-06-19 09:54:39 · 211 阅读 · 0 评论 -
Angular Input 和 Output传值的差别
父子组件进行信息交流基础步骤引入子组件父组件声明函数触发父组件的函数具体操作请参考https://blog.csdn.net/qq_43579525/article/details/83935694当父组件定义了一个getDataFromChild 函数时,传入子组件中后,当子组件调用时// 父组件函数value: number;getDataFromChild(data){ alert(data);}// 子组件调用clickButton(){ this.getData原创 2020-06-18 16:32:52 · 377 阅读 · 0 评论 -
Angular 热替换HMR 报错cannot find name module
热替换(Hot Module replacement)该功能能够实现修改后页面不刷新也能更新操作步骤在 src 目录下添加 hmr.ts 文件import { NgModuleRef, ApplicationRef } from "@angular/core";import { createNewHosts } from "@angularclass/hmr";export const hmrBootstrap = ( module: any, bootstrap: () =&原创 2020-06-09 13:01:48 · 647 阅读 · 0 评论 -
vue前端项目的结构以及组成部分
本文结构在初入前端的时候,一个项目中的文件夹会非常多,与Vue官网的简单demo相差非常大这也是对前端项目文件组成和几个大的模块的一些介绍,文末还有一些不成文的代码规范本文目录项目代码组成前端项目组成前端重要的一些库前端的几大模块项目编写规范项目代码组成先不谈前端项目,结合后端项目来看,项目之所以不是一个单纯的文件,很重要的思想就是,模块化和团队合作编程中的模块化衍...原创 2019-07-02 15:01:11 · 22981 阅读 · 2 评论 -
react 基础篇
react 初学2018/10/27/ 10:18:59react 基础常识jsx 语法及使用规范jsx 是被使用在模板中的,也就是 return( jsx 写在这里 )变量这样写{value}, 执行js基础操作这样写{ 1 + 1 }, 还可传入数组,jsx会自动展开数组 render(){ var arr = [<div>我是div</div>,...原创 2018-10-27 11:51:30 · 174 阅读 · 0 评论