华办

原创 esLint自动保存格式化

在配置文件中加入以下代码    "editor.codeActionsOnSave": {        "source.fixAll.eslint": true,        "source.fixAll.stylelint": true  &nbs

原创 处理异步方法

代码export function toCatch2<T> (fn: Promise<T>): Promise<[Error | null, T]> { // @ts-ignore return fn.then((res: T) => [null, res]).catch((err: Error) => [err, null])}使用传入一个promise，可以获取到异步结果和捕获的错误 const [err, res1] = awa

原创 ts

数组对象数组,类型别名type接口 后面写任意接口限制约束class类类型保护

原创 uni-app笔记

uni配置页面级的配置回覆盖全局的配置globalStyle用于设置应用的状态栏、导航条、标题、窗口背景色等。设置H5的特定样式配置tablebarcondition 直达页面样式rpx跨端兼容

原创 vue商城项目及优化

贵公司技术团队的结构是什么混入路由守卫做一个手机端的项目,附上二维码$nextTickaxios设置token项目优化移除项目中的console.log()1.使用开发依赖:babel-plugin-transform-remove-console2.注册 在 babel.config.js文件注册,需要判断是否为生产环境//这是项目发布阶段要用到的插件const prodPlugins = []//判断是否为生产环境if (process.env.NODE_ENV === '

原创 84记录

seo网站优化三大标签title<title>品优购-综合网购首选-正品低价、品质保障、配送及时、轻松购物！</title>Description<meta name="description" content="品优购JD.COM-专业的综合网上购物商城,销售家电、数码通讯、电脑、家居百货、服装服饰、母婴、图书、食品等数万个品牌优质商品.便捷、诚信的服务，为您提供愉悦的网上购物体验!" />Keywords<meta name="Keywords"

原创 面试5.8

部署cookie浏览器缓存离线存储分两步1.在html标签上添加属性2.根目录新建文件websocket移动端兼容移动开发方式性能优化

原创 题5.7

浏览器的运行机制重绘和重排(回流)优化改变className,不要直接改样式验证码我们公司是后台买的验证码,前端发送ajax请求class简单写法

原创 bootstrap

响应式开发bootstrap会初始化css

原创 flexible.js

flexiblehttps://github.com/amfe/lib-flexible/

原创 less

less变量@mycolor:pink;div{ color: @mycolor;}编译less嵌套#header .logo { width: 300px;}#header { .logo { width: 300px; }}如果遇见 （交集|伪类|伪元素选择器） ，利用&进行连接a:hover{ ...

原创 媒体查询

remrem是相对于html元素的字体大小媒体查询语法引入样式

原创 jQuery面试

入口函数(文档就绪)$(function(){})等结构加载完window.onload等所有的资源加载完jquery核心jquery核心是$,他是一个hanshu函数,返回一个jquery对象旗下有很多jquery的的方法饮食迭代冻结数组arr将无法修改Object.freeze(arr)...

原创 jQuery

转化dom对象转化成jQuery对象$(DOM对象)jQuery对象转化成dom对象$(div)[index]$(div).get(index)改变css样式 $('div').css('background', 'red')隐式迭代遍历内部dom元素的过程叫做隐式迭代对匹配的所有元素进行遍历执行相应的方法,不用手动遍历jQuery选择器筛选选择器筛选方法$(th...

原创 小程序

小程序的结构app.json文件用来配置应用程序pages 页面tabbar网络超时app.jsapp()方法,创建应用程序实例app.wxss写一些样式全局共享pageindex.json用来覆盖app.json的配置标签text标签相当于spanview标签相当于div循环key 如果是一个普通数组对象循环条件wx:elsehidde...

原创 面试题(c3,h5)

css3新特性border-raduis box-shadow background-size cover/ contain;过度 :transform : translate(50%,50%)transition:width 2s ease 3s动画: animation: run 2s ease 3s forwadsJSONjson.parse() 将字符串转化成jsonjson...

原创 面试题(JS)

基本数据类型number string boolean null undefined symbolunderfined变量的初始值数组越界函数默认返回值 访问对象没有的属性引用数据类型array object判断数据类型typeofarr.constructor == Arrayarr instanceOf ArrayArray.isArray(arr)继承 fun...

原创 面试(html&css)

行级块级元素行级元素,不能设置宽高,水平排列a,span,i,em,b,strong块级元素,可以设置宽高div p h1 ul li行内快img button text常见选择器类选择器id选择器标签选择器后代子代兄弟 E+F伪类选择器 nth-child伪元素:after{}优先级内联 1000id 100class 10标签 和伪元素 1继承 0清...

原创 前端开发遇到最难的问题

组件复用问题。由于我们一开始没有先做通用组件，所以造成了一些重复的实现，这些重复的实现又会变成潜在的 bug。所以下一步打算打造自己的通用组件。...

原创 js里的new关键字做了什么

创建一个新的对象将新对象的__proto__属性指向构造函数的prototype改变构造函数的this指向新对象执行构造函数返回新对象

原创 监听vuex里的数据变化

watch: { '$store.state.songId':function(){ }

原创 黑马面试

三大模块学习方式根据问题先思索自己的答案,有了答案后再继续学习,把老师的答案和自己的对比,最终组织成自己的语言H5和C3方面请你描述一下cookies,sessionStorrage和localStrong的区别cookies:是网站用来标记用户身份的一段数据,通常情况下是一段加密字符串,默认情况下只有同源http请求中携带sessionStorage:浏览器本地存储的一种方式,以键值...

原创 面试题14

vue的核心总分总的方式这个大概是…具体来说…总结就是…BFC是什么选择器优先级es6有哪些新属性jsonp深拷贝项目部署到码云闭包私有化变量,防止变量全局污染遇到不会承认不会(3s)询问细节(反馈)转向下一题冒泡排序培训班我没有参加培训班,我只是在网上买过一些收费的视频可以提方莹行的名字这是马拉松不是百米赛跑第一周,基本没有人理你,趁机完善项目第二周,回...

原创 BOM

调整窗口大小的事件 <script> // 注册页面加载事件 window.addEventListener('load', function() { var div = document.querySelector('div'); // 注册调整窗口大小事件 window.ad...

原创 前端试题2

下拉列表框答案:Cdocument对象方法答案:A键盘事件答案:A,Bopen方法答案:Dwebstoragewebstorage存储为字符串短路和断路运算答案2,1

原创 DOM

获取元素根据id获取语法：document.getElementById(id)根据标签名获取document.getElementsByTagName(‘标签名’) 返回元素对象集合H5新增获取元素方式获取特殊的元素 (body,html)事件常见的鼠标事件操作元素常见元素操作样式操作自定义属性操作H5自定义属性节点这个会返回元素,是经常用到的...

原创 前端试题

css居中 position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);获取遍历dom元素 <ul> <li>text1</li> <li>t...

原创 JS基础查漏补缺

Undefined和 Null​ 一个声明后没有被赋值的变量会有一个默认值undefined ( 如果进行相连或者相加时，注意结果）var variable;console.log(variable); // undefinedconsole.log('你好' + variable); // 你好undefinedconsole.log(11 + variable...

原创 C3动画

原创 2D转换

移动translate转换最大的优点是不会影响其他元素的位置实现盒子的水平居中和垂直居中top:50%;left:50%;transform:translate(-50%,-50%)旋转rotate缩放scale综合写法...

原创 h5表单属性

原创 H5音视频

原创 文本一行内显示并且不换行

white-space: nowrap; overflow: hidden; text-overflow: ellipsis;

原创 logo的优化

logo div标签下不要直接放背景图片,要先放一个h1(一个页面中h1只有一个),然后在h1下放一个a,a里面放网站标题,a的title也是网站标题,a的背景图片用logo,no-repeat不平铺,text-indent设置为-9999px,overflflow:hidden溢出隐藏,a要设置为block,设置宽度和高度,...

原创 字体图标

使用到iconmoon下载字体图标将解压后的font文件夹放入项目根目录下在样式里面声明字体(要注意路径问题)@font-face { font-family: 'icomoon'; src: url('fonts/icomoon.eot?7kkyc2'); src: url('fonts/icomoon.eot?7kkyc2#iefix') format('embed...

原创 搜索引擎优化seo

网站优化三大标签 <!-- 网站优化三大标签 title description keywords --> <title>品优购-综合网购首选-正品低价、品质保障、配送及时、轻松购物！</title> <meta name="description" content="品优购JD.COM-专业的综合网上购物商城,销 售家电、...

原创 制作和使用ico图标

使用将ico放到放到根目录下在index.html <head>里引入<head> <!-- 引入网站ico图标 --> <link rel="shortcut icon" href="./favicon.ico"></head>制作将图片转换成ico格式,可以通过网站:http://www.bitbug...

原创 vue查漏补缺

$event 获取当前触发事件的元素<button>@click="myFun($event)"</button>myFun(event){console.log(event.target)}路由传参route vs router$router为VueRouter实例，想要导航到不同URL，则使用$router.push方法$route为当前router...

原创 路由强制刷新

音乐项目在歌曲列表界面搜索时会停在原有界面而不刷新,导致输入歌曲后列表无反应,解决方案,给<router-view>添加一个唯一性的key <router-view :key="$route.path + $route.query.searchName?$route.query.searchName:''"></router-view>...

原创 vuex