![](https://img-blog.csdnimg.cn/20200220210755320.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
前端
前端技术汇总
ElvisSuS
欲速则不达
展开
-
基于antd Tree实现可编辑菜单树,支持节点新增、删除、修改、拖拽
基于antd Tree实现可编辑菜单树,支持节点新增、删除、修改、拖拽原创 2022-05-11 21:38:19 · 5329 阅读 · 1 评论 -
Typescript学习总结
1. typescript是什么?typescript是带有类型系统的javascript2. 如何使用?由于普通js环境不认识ts代码,所以需要安装 typescript将ts代码编译为js代码。//1. 安装typescriptnpm install -g typescript//2. 编译ts为js,执行后默认在当前目录生成对应js代码。如需修改默认配置,可修改配置文件tsconfig.json来自定义,如修改编译输出目录,指定编译哪些文件,编译目标为es2015等tsc hell原创 2021-10-21 16:06:22 · 2099 阅读 · 0 评论 -
mui学习总结
1。mui是干什么的: mui是用js来开发原生IOS或Android应用的一种技术,基于html5+(html5的增强,即在h5的基础上对访问手机原生API的扩展技术)实现的,具体方式是用脚本native.js来映射调用原生API(如地理位置,通讯录,拍照等) 2。mui的学习资源: (1)http://dev.dcloud.net.cn/mui/ (2)http://www.html5p原创 2017-10-18 11:05:41 · 856 阅读 · 1 评论 -
angular1模块定义踩坑
ui.router的基本用法:https://www.awesomes.cn/repo/angular-ui/ui-routerangular.js的坑: (1) angular.module()的方式定义模块是不支持动态加载的,也就是说应用启动后要懒加载的controller是不能用以上方式定义的,只能用如下方式:app.config(["$provide", "$compileProvider原创 2017-07-05 17:40:26 · 354 阅读 · 0 评论 -
angular ng-repeat踩坑
1. ng-repeatng-repeat的数组的项不能有重复的。 如果有重复的,可加上track by $index.原创 2017-05-27 09:39:37 · 302 阅读 · 0 评论 -
angular常用模块总结
angular常用模块内置的:1。ngAnimate 支持基于css动画(keyframes和transitions)和js动画(通过回调钩子) 2。ngCookies 读写浏览器的cookie 3。ngResource 该模块通过$resource服务提供了基于RESTful的交互支持 4。ngSanitize 该模块提供了清洁的HTML,剥离了危险的字符。 5。ngTouch原创 2017-05-23 17:01:29 · 805 阅读 · 0 评论 -
angular消息通讯方式总结
angular数据通讯1. scope.$emit只能向parent controller传递 event与data2. scope.$broadcast只能向child controller传递event与data3. scope.$on用于接收event与data原创 2017-05-22 12:43:04 · 369 阅读 · 0 评论 -
前端技术栈vue2+iview
备注:学习完vue官方文档,基本疑惑也就解决了。以下是些比较好的其他参考: 前端技术栈的选择是:vue2+iview 开发环境准备: vue2.0新手填坑攻略之使用vue-cli搭建vue项目开发环境到项目发布 开发工具选择:用自己习惯的就好,我用的sublime(有响应的vue插件,安装方法)原创 2017-10-31 10:39:01 · 1572 阅读 · 0 评论 -
vue2知识点总结
1。介绍1。声明式渲染2。条件与循环3。处理用户输入4。组件化引用构建2。Vue实例1。创建一个Vue实例2。数据与方法3。实例生命周期4。生命周期图示3。模板语法1。插值2。指令3。缩写4。计算属性和观察者1。计算属性2。侦听器5。class和style绑定1。绑定HTLM Class2。绑定内联样式6。条件渲染1。v-if2.v-show3.v-if 和v-show比较原创 2017-10-23 15:57:23 · 444 阅读 · 0 评论 -
在iphone机型上,input实时中文搜索时,拼音会不断触发onchange的解决方案
在移动端用H5做实时搜索功能时,发现在安卓上没问题,但iphone机型上有如下问题:当输入中文时,待选拼音的变动会不断触发onchange事件,导致请求太多当input绑定的value值是父组件传过来时, input输入不了了【背景说明】原构想是,父组件传值valueFromFather给子组件input的value, 子组件input检测到变化后抛出去valueNew给父组件,父组件依此valueNew发出请求并修改绑定给子组件的valueFromFather = valueNew, 这样相当于子原创 2021-05-25 15:41:50 · 1468 阅读 · 0 评论 -
vue2转战React Hooks实践
从vue2转战到react16.12, 还是有好多差异的。总结起来:开发思路上:vue是基于data的双向绑定,数据流在model(data)<=>view(template)中是双向流动关系。所以修改data, 绑定该data的视图会随之修改;修改view,data中的数据也会随之修改(当然,这种情况只针对于可输入类型的表单元素),然后再配合钩子函数created、mount、activated、deactivated、beforeDestroy(还有vue-router提供的befo原创 2021-05-21 20:40:06 · 256 阅读 · 0 评论 -
日期和时间戳相互转换
/** * @param {string} date //"2020-01-02" * @returns {string} //1577894400 */date2timestamp: (date)=>{ date = new Date(date.replace(/-/g, '/')); //兼容firefox return Math.round(date / ...原创 2020-04-29 16:08:31 · 304 阅读 · 0 评论 -
微信长按二维码无识别弹框
问题:在微信中长按h5页面二维码区域,发现没有“识别图中的二维码“的弹框答案:二维码不要使用background, 需要使用使用img跳坑链接: https://www.h5anli.com/articles/201702/wxewmsbug.html...原创 2020-04-22 12:01:12 · 720 阅读 · 0 评论 -
使用rem自适应
H5 rem自适应通过rem自适应还原UI设计稿通过rem自适应还原UI设计稿<script> function adapt(designWidth, rem2px){ var d = window.document.createElement('p') d.style.width = '1rem' d.style.display =...原创 2019-05-16 15:12:28 · 187 阅读 · 0 评论 -
jquery选择器总结
选择器 基本 #id //id选择器 element //元素选择器 .class //类选择器 * //通配符选择器 selector1, selector2, selectorN //多个选择器连写 层级 ancester descentant //后代选择器 parent > child //子代选择器 prev + nex原创 2017-02-13 19:13:15 · 192 阅读 · 0 评论 -
JSONP解决跨域详解
由于ajax的是通过XMLHttpRequest对象请求数据的,在同源的条件(协议,域名,端口号都相同)下,这没什么问题,但在不同源的情况下,浏览器是不允许XMLHttpRequest对象跨域请求的,所以便提出很多实现跨域的方案,如iframe,jsonp等方法,但jsonp最常用,其实jquery的$.ajax跨域请求就是通过jsonp实现的原创 2016-11-04 17:09:50 · 407 阅读 · 0 评论 -
Javascript原型链是什么?
1. js的继承机制在js中,“万物皆对象”,而对象间的继承是通过原型继承(即构造函数的prototype属性)实现的,该prototype属性的值是个对象(简称prototype对象吧),prototype对象在构造函数创建的所有实例中是共享的。而每个对象都是由对应的构造函数创建的,所以每个对象都可通过object.__proto__的方式访问构造函数的prototype对象。 注:Functi...原创 2017-05-27 17:06:45 · 486 阅读 · 0 评论 -
jquery学习总结
jquery方法大总结原创 2017-07-13 17:48:12 · 336 阅读 · 0 评论 -
PWA(propressive web app)概念
基本概念1.下一代web应用(1) Webpack, Rollup等打包工具(2)Babel, PostCSS等转译工具(3)TypeScript 等可转译为Javascript的编程语言(4)React, Angular, Vue 等现代web前端框架(5)同构JavascriptTips: Web应用体验依然不佳:(1)网页资源下载带来的网络延迟(2)Web应用依赖于浏览器...原创 2019-09-24 17:13:37 · 200 阅读 · 0 评论