
前端
醉小义
学习算法让自己有更大的提升
展开
-
less和sass学习
lessmixi将一系列的属性从一个规则集引入到另一个规则集的方式。普通混合 - center会编译到css中.center{ position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; margin: auto; background: @color; height: 100px; width: 100px;}.inner1 { .ce原创 2020-06-23 00:15:50 · 730 阅读 · 0 评论 -
js实现全屏
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...原创 2019-10-22 23:52:13 · 484 阅读 · 0 评论 -
js中v8引擎的详解-看的吐血
v8引擎出现的原因这里先说一下什么是编译型语言和解释性语言:编译型语言: 在程序执行之前必须进行专门的编译过程,有如下特点:只须编译一次就可以把源代码编译成机器语言,后面的执行无须重新编译,直接使用之前的编译结果就可以;因此其执行的效率比较高;编译性语言代表:C、C++、Java、Pascal/Object Pascal(Delphi);程序执行效率比较高,但比较依赖编译器,因此跨平台...转载 2019-05-25 23:16:19 · 51189 阅读 · 17 评论 -
开发常用网站
图床 - 引用ur图片api - 调用接口和生产借口文档说明MDN - 学习前端chrome插件Octotree - github展示树Allow-Control-Allow-Origin - 跨域原创 2019-07-15 19:00:38 · 1337 阅读 · 0 评论 -
清除浮动
浮动产生的副作用 背景不能显示 边框不能撑开 margin padding设置值不能正确显示 清除浮动 1. 父级设置高度 2. 增加子元素,设置clear:both 3. 父级div设置overflow: hidden代码 清除浮动...原创 2019-08-08 19:48:43 · 240 阅读 · 0 评论 -
完全DOM写表单
自己对dom的理解不够深刻,就练习联系,是根据Fusion Design的例子,去编写一个;分析代码结构看例子去看看dom结构是什么,然后再利用dom方法去创建遇到的问题表单元素如何创建 - 封装成一个方法进行统一的创建已有的表单元素如何转换为dom结构 - 分析dom结构的创建方法form提交刷新问题 - form.setAttribute('onsubmit',"return ...原创 2019-08-07 11:32:12 · 265 阅读 · 0 评论 -
正向预查和负向预查
正向预查(只起到判断左右)零宽度断言 - 只起到判断左右正向预查(零宽度断言) - 代表从左到右进行匹配// keyword(?:pattern) - 只匹配满足条件的keyword和patternconsole.log( "windows 10".match(/windows\s(?:10)/));// keyword(?=pattern) - 只匹配满足pattern条件的ke...原创 2019-09-01 22:56:53 · 2821 阅读 · 0 评论 -
service worker详解
什么是渐进式应用程序增加用户体验即使在不确定的网络条件下,也可立即加载且永不显示downasaur(chrome联网不存在的页面)。使用柔滑流畅的动画快速响应用户交互,并且不会出现混乱的滚动。感觉像设备上的自然应用程序一样,具有身临其境的用户体验PWA为什么会出现service worker随着 Web 业务不断复杂,我们逐渐在 js 中加了很多耗资源、耗时间的复杂运算过程,这...原创 2019-11-14 14:44:07 · 1303 阅读 · 0 评论 -
TypeScript学习
概念TypeScript 是 JavaScript 的一个超集,主要提供了类型系统和对 ES6 的支持,它由 Microsoft 开发,代码开源于 GitHub 上。使用我们约定使用 TypeScript 编写的文件以 .ts 为后缀,用 TypeScript 编写 React 时,以 .tsx 为后缀。tsc file.ts 转换为js文件遇到问题变量变红色 - https...转载 2019-05-11 15:18:27 · 300 阅读 · 0 评论 -
css选择器详解
标签选择器渲染所有的指定的标签。* 以下例子渲染所以的span<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>标签选择器</title> <style> span { ...原创 2019-03-24 15:20:09 · 549 阅读 · 0 评论 -
js里面获取时间时间戳
JavaScript 获取当前时间戳:第一种方法:var timestamp = Date.parse(new Date());结果:1280977330000第二种方法:var timestamp = (new Date()).valueOf();结果:1280977330748第三种方法:var timestamp=new Date().getTime();结果:12转载 2017-07-30 12:56:10 · 616 阅读 · 0 评论 -
身份证号详细验证的正则
/* * 身份证15位编码规则:dddddd yymmdd xx p * dddddd:6位地区编码 * yymmdd: 出生年(两位年)月日,如:910215 * xx: 顺序编码,系统产生,无法确定 * p: 性别,奇数为男,偶数为女 * * 身份证18位编码规则:dd转载 2017-08-08 15:46:38 · 15066 阅读 · 2 评论 -
json串的使用与操作
在controller中从后台数据库取出的json信息,怎样获取和怎么遍历?1.param中的信息用用result[0] 还是result? 想了很久,后来发现是你付处理信息数输出一个对象还是对个对象的问题,这只能根据你的条件去选择 { "action": "888", "status": "200", "param"原创 2017-08-06 13:41:05 · 353 阅读 · 0 评论 -
用Bootstrap栅格系统表单
Bootstrap 实例 - 页面标题 用户名: 密码:原创 2017-08-06 16:29:44 · 2293 阅读 · 0 评论 -
webstorem 10的破解地址
license server address:(webstorm 10) http://idea.qinxi1992.cn/原创 2017-07-27 09:18:58 · 1082 阅读 · 0 评论 -
学习前端文章
sass、scss、和css的关系:https://blog.51cto.com/smalljiayi/2139047scss语法的学习:https://www.jianshu.com/p/a99764ff3c41less学习:https://juejin.im/post/5a2bc28f6fb9a044fe464b19css 布局方式:https://juejin.im/po...原创 2019-02-26 12:41:20 · 217 阅读 · 0 评论 -
js中!!的使用
在js中经常有两个!!出现,经常让人难以理解 (function () { var a = 10; var b = 20; function add(num1, num2) { var num1 = !!num1 ? num1 : a; var num2 = !!num2 ? num2 : b;...转载 2019-03-24 18:02:58 · 8219 阅读 · 0 评论 -
font-size等于0是解决什么问题
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>行内块元素的问题</title> <style> *{ margin: 0px; p...原创 2019-03-29 18:16:43 · 3471 阅读 · 0 评论 -
CSS中cellpadding和cellspacing的代替方法
一、cellpadding在CSS中,table, th, td{padding:0;}效果等同于cellpadding="0″。二、cellspacingcellspacing="0″等同于table {border-spacing:0;}注意:IE6不支持,所以还是用border-collapse。如下图所示(IE7,IE8中的效果):cellspacing="0″类似于table...转载 2019-03-29 23:31:15 · 1084 阅读 · 0 评论 -
css属性的学习
outline-style属性用于设置元素的整个轮廓的样式。样式不能是 none,否则轮廓不会出现。 .username { outline-style: none; } <label for="username">用户名:</label><input id="username" class="username"/>...原创 2019-03-30 13:54:43 · 246 阅读 · 0 评论 -
css小例子
1. 新闻代码:<!DOCTYPE html ><html lang="en"><head> <meta charset="UTF-8"> <title>overflow</title> <style type="text/css"> *{ margin:...原创 2019-03-30 14:33:16 · 269 阅读 · 0 评论 -
当点击提交或者查看的时候,隐藏和显示对话框
关于点击提交,在本页面弹出个框,怎么显示和隐藏?1.在html找到相对应的id (即为本页面的identifier)2.在点击提交的时候,显示对象的消息框,调用某个方法,(ng-click="editanotherTradeObj(参数可以没有,根据需求)")3.在接口处理的方法写下$("#对应的id").model('hide')进行隐藏若需要点击提交某个表单的时候,需要进入一个本原创 2017-07-18 16:56:52 · 770 阅读 · 0 评论