- 博客(26)
- 收藏
- 关注
RSS订阅原创 前端中高级面试（二）
内存泄漏和垃圾回收机制内存泄漏不再用到的内存，没有及时释放。便称之为内存泄漏定义：程序中已动态分配的堆内存，由于某种原因，程序未释放或无法释放引发的各种问题，js中可能出现的内存泄漏情况结果：变慢，崩溃，延迟大等原因：· 全局变量· dom清空时还存在引用· ie中使用闭包· 定时器未清理· 子元素存在 引起的内存泄漏避免策略：减少不必要的全局变量，及时对无用的数据进...
2019-06-25 10:44:23
407
原创 前端中高级面试（一）
cookie每个域名下最多生成20个cookie浏览器整体对cookie个数也有限制IE和Opera会清理近期少使用的cookie， Firefox会随机清理cookie最大4096字节 4k优缺点优点缺点只在cookie中存放不敏感数据数量长度限制控制cookie生命周期并不是所有数据都存在cookie，关键数据的校验还是得放在服务端loc...
2019-06-25 10:43:30
1064
原创 react项目，从0到1搭建
操作步骤npm install --global create-react-app目的：react依赖很庞大的技术栈，比如js需要使用bable，模块打包需要使用webpack等，每一项都需要单独的配置文件，所以，针对这些繁琐的配置，开发者可以通过create-react-app，自动安装所需配置，快速进入开发create-react-app demo通过create-react-app...
2019-01-17 11:16:49
433
1
原创 react中jsx理念
可以先理解一下 jsx 概念：是javascript的愈发扩展，我们可以在js中编写像html一样的代码render(){ return ( <div> <button onClick={this.onClickCounter}>click me</button> ...
2019-01-08 15:13:04
260
原创 vue 页面卡死，点击无反应
我在结合element做表单的时候，进入编辑页时，点击切换不生效，但是value值已改变，就是view视图层无反应，感觉页面卡死的样子我在切换按钮上，绑定的change事件，执行 this.$forceUpdate()强制刷新视图层...
2019-01-04 18:27:23
17172
2
原创 Typescript 入门 基本数据类型
个人对typescript的初步认知，认为ts是把js推向更加严谨的高度，将我们之前一度认为的js是弱类型语言推翻第一反应是，在大型应用开发过程中，多人协作会方便多，一旦我们约定好一些规则后。就像我们之前使用的eslint，约束大家的代码风格一样下面我们开始一步一步看其基础文档，这篇文章也是我个人边学习边写的，认知可能比较浅，毕竟也是第一次接触。我会把我第一次学习过程中的疑惑搞清楚并标记出来...
2018-12-27 14:53:17
226
原创 elementui 表单校验不生效
我的问题是，两个表单item，通过一个v-if判断是否显示，显示的时候为必填。结果：始终又一个校验不生效解决：把两个item用一个div包起来，在div上设置v-if，即可...
2018-11-21 17:54:29
4784
原创 活动需求--前端规范
针对临时新加的紧急需求，一般都为活动需求若并非基于一个完整项目的情况下，我们需要尽量往以下规范靠拢htmlhtml之前必须添加 <!doctype html>方便浏览器解析head中，需预留tdk的位置，方便SEO优化，另包括icon的位置DOM结构，每一层大的父级元素前加注释css公用样式提取出来 放到common.css中@charset “utf-8”; 编...
2018-10-17 18:21:43
228
原创 div水平垂直居中（不知宽高情况下）
在不确定div宽高的情况下，我们可以使用css3css3#container{ position:relative;} #center{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}flex#container{ display...
2018-10-16 10:51:07
1383
1
原创 vue零碎东西整理
$event 可以拿到当前dom节点的各种属性，类似于原声js中的e父组件给子组件传值在父组件调用子组件的时候 绑定动态属性 在子组件里通过 props接受父组件传过来的数据 props:[‘title’] 当然，我们也可以将props传成一个对象，做传值类型验证在子组件里直接使用即可父组件主动获取子组件的数据和方法调用子组件的时候定义一个ref 在父组件里面通过...
2018-10-10 17:48:47
153
原创 vue-cli创建的项目，目录结构
vue-cli创建的项目，目录结构介绍node_modulesnode_modules项目中所依赖的包依赖src 开发中所用的资源index.html 入口文件package.json 项目的配置文件webpack.config.js webpack的配置文件在一般开发中，我们只需修改src中的文件在src中，app.vue是我们的根组件...
2018-10-09 20:16:39
211
原创 vue项目搭建
vue 单页面框架，基于模块化组件化的开发模式vue安装我们直接使用脚手架vue-cli来安装搭建之前，我们必须先安装nodejs命令行npm install --global vue-cli创建项目vue init webpack vue-demo01 //使用webpack，项目名为vue-demo01cd vue-demo01cnpm install /npm i...
2018-10-09 18:22:32
164
原创 常用common.css
@charset "utf-8";/* css common */html{ overflow: auto; }body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td{...
2018-09-06 10:53:29
2400
原创 html2canvas
需求：H5页面，进入页面后，将H5页面转为图片，方便用户保存，转发，以及识别页面中 的二维码使用html2canvas遇到的问题由于html2canvas插件的局限性，只支持截取当前浏览器可视区域的内容，所以导致整个H5页面截取不完整网上有很多解决办法，包括 1：修改canvas画布大小，按一比二扩大什么的 2：修改插件源码，让其乘以二什么等等 有很多说...
2018-08-20 11:47:27
2132
1
转载 js中连等问题
A={n:1}; B=A; A.x=A={n:2}; console.log(A.x,B.x); 个人觉得这片文章写的特别好，所以在此引用 js连等问题
2018-06-27 14:17:35
519
原创 es6--let const
es6 中 let const这些使用方式和var一样，也只是简单的声明变量，区别是：let let声明的变量，只在其所在的代码块中生效eg:最常见，最通俗的理解在for循环中，我们在es6之前是这样写for (var i = 0; i < 10; i++) { // ...}当我们把for循环中的var替换成let后，我们在for循环之外...
2018-06-26 14:29:06
208
原创 微信小程序
页面间传值，齐总通过url传值的方式 想要获取上一个页面url带过来的值 我们必须在当前页面的onload函数中获取，在类似onshow函数中，获取不到
2018-06-19 14:34:16
218
原创 微信小程序 --个人开发总结
设置高度100%类似html页面，给html,body设置样式高度100% 同样的，在wxml中，我们直接给page {height:100%} 即可全局变量在wxml中使用以及在单独页面js中修改想要在wxml中使用全局变量{{}}，我们只能在此对应的页面js data中，声明一个变量，将其赋值为全局变量 在此js一开始，我们需要通过const app = getApp(),...
2018-04-02 17:02:49
674
原创 input file文件上传图片，添加预览效果
/** * 文件上传预览 * */ doUpload: function (UpInput) { var _this = this, flag = UpInput.files && UpInput.files[0], img =...
2018-03-21 15:58:03
502
原创 python3 入门 个人学习笔记 基本数据类型
除法结果，整型int和浮点float的转换正常情况，两个整型相除，例如2/2 我们可以通过 type(2/2),我们将得到 float的结果若我们想要得到整型的结果，我们需要 type(2//2) 通过两个/ 斜杠，我们可以得到int的结果 我们针对于单斜杠和双斜杠，我们可以这样理解 单斜杠，只是简单的做除法。得到的结果都为float类型 双斜杠，我们可以理解为 整除 ，所以我们得到...
2018-02-10 16:58:20
418
原创 jquery 有关属性的方法
jquery 有关属性的方法jquery 为我们提供了一些便捷的方法，去获取dom节点的属性方法，包括对这些属性的操作attr()我们可以通过key，或者key-value的方式获取或设置属性值$("img").attr("src"); //获取固定属性的值$("img").attr({ src: "test.jpg", alt: "Test Image" }
2018-02-02 14:18:58
189
原创 3秒后自动跳转页面
3秒后自动跳转页面实际开发中，常见需求网上常见的有3种方式，其实在开发中最符合开发的是以下这种页面中倒计时时间也跟着变化的body> div>span>3span>s后跳转div>body>script> window.onload=function(){ var timer=setInterval(go, 1000); /
2018-02-02 11:05:08
22902
原创 jquery API --Ajax
Ajax本想着按照jquery 官方API对ajax的定义来解释一下，帮助大家深入理解ajax。但官方文档看完，并没有想象中那么好理解。所以 按照我个人想法介绍一下我的理解Ajax 全称Asynchronous JavaScript and XML 其实从这个全称，我们便可以抓取到ajax的精髓，一个是异步，一个是js 还有一个是XML ajax的优点，可以在不重新加载整个页面的情况
2018-01-29 14:07:31
407
原创 jquery API 个人阅读笔记 --选择器
jquery API阅读选择器谈到jquery选择器，我们随口都可以说出属性选择器，类选择器，id选择器，伪类选择器等等。其实jquery的选择器远不止这些，其实也经常可以听到，jquery最强大的就是选择器。 确实是，jquery选择器为我们提供给了很多方便。id,class,ele就不在叙述了一次筛选多个选择器$('div,p,span.sel,.example
2018-01-24 15:51:06
276
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人